美的
查看 | 历史 | 提交 | 提交对比
cl
2024-02-23 73bc0656dc15cd9cc95c6f4f51949ef0437088ce
提交 | 用户 | 时间
71e81e 1 layui.use(['layer', 'ax', 'form', 'laydate', 'element', 'table'], function () {
懒 2     var $ = layui.$;
3     var $ax = layui.ax;
4     var layer = layui.layer;
5     var form = layui.form;
6     var laydate = layui.laydate;
7     var element = layui.element;
8     var table = layui.table;
9     var fieldConfigList = [];
10
11     table.render({
12         elem: '#fieldTable',
13         url: Feng.ctxPath + '/getTableFieldConfigs?tableName=' + $("#tableName").val() + "&dbId=" + $("#dbId").val(),
14         parseData: function (res) {
15             //获取返回的数据缓存起来
16             fieldConfigList = res.data;
17             return res;
18         },
19         page: false,
20         cellMinWidth: 100,
21         cols: [[
22             {field: 'columnName', title: '字段名'},
23             {field: 'columnComment', title: '字段注释'},
24             {field: 'queryConditionFlag', title: '是否为查询条件', templet: '#conditionTpl'},
25             {field: 'inputType', title: '字段属性样式', templet: '#inputTypeTpl'}
26         ]]
27     });
28     form.render('select');
29
30     //监听下拉选项操作
31     form.on('select(columnStyleFilter)', function (data) {
32         var columnName = data.elem.id;
33         var inputType = data.elem.value;
34
35         for (let i = 0, len = fieldConfigList.length; i < len; i++) {
36             if (fieldConfigList[i].columnName === columnName) {
37                 fieldConfigList[i].inputType = inputType;
38             }
39         }
40
41         console.log(fieldConfigList);
42     });
43
44     //监听单选事件
45     form.on('checkbox(queryConditionFlagFilter)', function (data) {
46         var columnName = data.elem.id;
47         var checked = data.elem.checked;
48
49         //fieldConfigList配置过字段则直接设置为checked
50         for (let i = 0, len = fieldConfigList.length; i < len; i++) {
51             if (fieldConfigList[i].columnName === columnName) {
52                 fieldConfigList[i].queryConditionFlag = checked;
53             }
54         }
55
56         console.log(fieldConfigList);
57     });
58
59     //点击提交时
60     $('#submit').click(function () {
61         var requestBody = new Map();
62         requestBody.set("tableName", $("#tableName").val());
63         requestBody.set("fieldConfigList", fieldConfigList);
64
65         layui.jquery.ajax({
66             url: Feng.ctxPath + "/saveFieldsConfig",
67             type: 'post',
68             contentType: "application/json; charset=utf-8",
69             dataType: 'json',
70             data: _mapToJson(requestBody),
71             success: function (data) {
72                 fieldConfigList = [];
73                 Feng.success("保存成功");
74                 parent.layer.close(parent.layer.getFrameIndex(window.name));
75             },
76             error: function (data) {
77                 Feng.error("保存失败");
78             }
79         });
80
81     });
82
83     function _strMapToObj(strMap) {
84         let obj = Object.create(null);
85         for (let [k, v] of strMap) {
86             obj[k] = v;
87         }
88         return obj;
89     }
90
91     function _mapToJson(map) {
92         return JSON.stringify(_strMapToObj(map));
93     }
94
95 });