1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
| /**
| * 详情对话框
| */
| var EgFormInfoDlg = {
| data: {
| title: "",
| singleTime: "",
| beginTime: "",
| endTime: "",
| multiSelect: "",
| pictureOne: "",
| number: "",
| singleSelectOne: "",
| singleSelectTwo: "",
| pictureTwo: "",
| longText: ""
| }
| };
|
| layui.use(['form', 'admin', 'ax', 'upload', 'laydate', 'selectPlus'], function () {
| var $ = layui.jquery;
| var $ax = layui.ax;
| var form = layui.form;
| var admin = layui.admin;
| var upload = layui.upload;
| var laydate = layui.laydate;
| var selectPlus = layui.selectPlus;
|
| //初始化时间选择器
| laydate.render({
| elem: '#singleTime'
| , type: 'datetime'
| });
| laydate.render({
| elem: '#betweenTime'
| , range: true //或 range: '~' 来自定义分割字符
| });
|
| //初始化多选
| var test = selectPlus.render({
| el: '#multiSelect',
| data: [{
| "id": 1,
| "name": "spring"
| }, {
| "id": 2,
| "name": "shiro"
| }, {
| "id": 3,
| "name": "mybatis-puls"
| }, {
| "id": 4,
| "name": "beetl"
| }],
| valueName: "name",
| values: ['abc'],
| valueSeparator: " --- "
| });
| selectPlus.on('selectPlus(multiSelect)', function (obj) {
| console.log(obj.checked); //当前是否选中状态
| console.log(obj.values); //选中的数据
| console.log(obj.checkedData); //选中的相关数据
| console.log(obj.isAll); //是否是全选
| console.log(obj.ele); //点击的DOM
| $("#multiSelectHidden").val(obj.values);
| });
|
| //上传文件
| upload.render({
| elem: '#fileBtn'
| , url: Feng.ctxPath + '/system/upload'
| , accept: 'file'
| , before: function (obj) {
| obj.preview(function (index, file, result) {
| $("#fileNameTip").html(file.name);
| });
| }
| , done: function (res) {
| $("#fileInputHidden").val(res.data.fileId);
| Feng.success(res.message);
| }
| , error: function () {
| Feng.error("上传图片失败!");
| }
| });
|
| //普通图片上传
| upload.render({
| elem: '#picBtn'
| , url: Feng.ctxPath + '/system/upload'
| , before: function (obj) {
| obj.preview(function (index, file, result) {
| $('#img1').attr('src', result);
| });
| }
| , done: function (res) {
| $("#pictureInputHidden").val(res.data.fileId);
| Feng.success(res.message);
| }
| , error: function () {
| Feng.error("上传图片失败!");
| }
| });
|
| //表单提交事件
| form.on('submit(btnSubmit)', function (data) {
| var ajax = new $ax(Feng.ctxPath + "/egForm/addItem", function (data) {
| Feng.success("添加成功!");
|
| //传给上个页面,刷新table用
| admin.putTempData('formOk', true);
|
| //关掉对话框
| admin.closeThisDialog();
| }, function (data) {
| Feng.error("添加失败!" + data.responseJSON.message)
| });
| ajax.set(data.field);
| ajax.start();
| });
|
| //返回按钮
| $("#backupPage").click(function () {
| window.location.href = Feng.ctxPath + "/egForm";
| });
|
| });
|
|