cl
2024-01-23 6dadf36ef118fbb3b2cd5aca94cde88e29fb55dc
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";
    });
 
});