monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 张凯
Commit bfaada07c47100bea6b17bd7f08b7ae1e57355a7 1 parent 18e0a1ca

1，指标组管理，增加指标组描述字段，放到标识列后，将备注列加宽，可以出现横向滚动条。 

2，指标组管理，绑定资源类型时，将对应的code值也赋值
3，指标组管理，新增和修改页面增加指标组描述字段
Inline Side-by-side
Showing 4 changed files with 132 additions and 87 deletions
@@ -104,67 +104,76 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem @@ -104,67 +104,76 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem
104 return ''; 104 return '';
105 } 105 }
106 } 106 }
107 - }, { 107 + },
  108 + {
108 title: '唯一标志', align: 'center', 109 title: '唯一标志', align: 'center',
109 templet: function (d) { 110 templet: function (d) {
110 - var radioDom = $('<form class="layui-form">' +  
111 - '<div class="layui-form-item layui-form-item-flex"><div class="layui-input-block input-flex-1"><input type="radio" data-index="' + d.LAY_TABLE_INDEX + '" name="isUnique" lay-filter="rdo-kpiflag-table-isUnique"></div></div>' +  
112 - '</form>');  
113 - if (d.isUnique === '1') {  
114 - radioDom.find('input[type="radio"]').attr('checked', true); 111 + var radioDom = $('<input type="checkbox" name="isUnique" data-index="' + (d.LAY_INDEX-1) + '" lay-skin="switch" lay-text="是|否" lay-filter="switchIsUnique">') ;
  112 + var isUnique = kpiFlagTableData[(d.LAY_INDEX-1)].isUnique;
  113 + if (isUnique === '1') { //当是1时，表示时唯一标志
  114 + radioDom.attr('checked', true);
  115 + }else{
  116 + radioDom.attr('checked', false);
115 } 117 }
116 return radioDom.prop('outerHTML'); 118 return radioDom.prop('outerHTML');
117 } 119 }
118 - }, {  
119 - title: '是否排序指标', align: 'center', 120 + },
  121 + {
  122 + title: '排序', align: 'center',
120 templet: function (d) { 123 templet: function (d) {
121 - var selectDom = $('<select data-index="' + d.LAY_TABLE_INDEX + '" lay-filter="select-kpiflag-table-isSort">' +  
122 - '<option>是</option>' +  
123 - '<option>否</option>' +  
124 - '</select>')  
125 - if (d.sort != '' && d.sort != null) {  
126 - selectDom.find('option:contains("是")').attr('selected', 'selected'); 124 + var selectDom = $('<select class="defaultSortSel" class="layui-select" data-index="' + (d.LAY_INDEX-1) + '" lay-filter="select-kpiflag-table-isSort">' +
  125 + '<option>无</option>' +
  126 + '<option>正序</option>' +
  127 + '<option>倒序</option>' +
  128 + '</select>');
  129 + var defaultSort = kpiFlagTableData[(d.LAY_INDEX-1)].defaultSort;
  130 + if (defaultSort == 'asc') {
  131 + selectDom.find('option:contains("正序")').attr('selected', 'selected');
  132 + } else if (defaultSort == 'desc') {
  133 + selectDom.find('option:contains("倒序")').attr('selected', 'selected');
127 } else { 134 } else {
128 - selectDom.find('option:contains("否")').attr('selected', 'selected'); 135 + selectDom.find('option:contains("无")').attr('selected', 'selected');
129 } 136 }
130 return selectDom.prop('outerHTML'); 137 return selectDom.prop('outerHTML');
131 } 138 }
132 }, { 139 }, {
133 field: 'sort', title: '列表顺序', align: 'center', 140 field: 'sort', title: '列表顺序', align: 'center',
134 templet: function (d) { 141 templet: function (d) {
135 - var inputDom = $('<input id="txt-kpiflag-table-sort-' + d.LAY_TABLE_INDEX + '" data-index="' + d.LAY_TABLE_INDEX + '" type="number" autocomplete="off" class="layui-input txt-kpiflag-table-sort">');  
136 - if (d.sort != '' && d.sort != null) {  
137 - inputDom.attr("value", d.sort);  
138 - } else {  
139 - inputDom.attr('disabled', true); 142 + var inputDom = $('<input id="txt-kpiflag-table-sort-' + (d.LAY_INDEX-1) + '" data-index="' + (d.LAY_INDEX-1) + '" type="number" autocomplete="off" class="layui-input txt-kpiflag-table-sort">');
  143 + var sort = kpiFlagTableData[(d.LAY_INDEX-1)].sort;
  144 + if (sort != null) {
  145 + inputDom.attr("value", sort);
140 } 146 }
141 return inputDom.prop('outerHTML'); 147 return inputDom.prop('outerHTML');
142 } 148 }
143 - }, {  
144 - title: '操作',  
145 - align: 'center',  
146 - templet: '<div><span data-index="{{d.LAY_TABLE_INDEX}}" class="link link-kpiflag-delete">' + 149 + },
  150 + {field: 'createUser', title: '创建人', align: 'center'},
  151 + {field: 'createTime', title: '创建人', align: 'center'},
  152 + {
  153 + title: '操作',width: 100, align: 'center', templet: '<div><span data-index="{{(d.LAY_INDEX-1)}}" class="link link-kpiflag-delete">' +
147 '<a class="layui-btn layui-btn-xs layui-btn-normal" title="删除"><i class="layui-icon"></i></a></span>' 154 '<a class="layui-btn layui-btn-xs layui-btn-normal" title="删除"><i class="layui-icon"></i></a></span>'
148 }]], 155 }]],
149 done: function (res, curr, count) { 156 done: function (res, curr, count) {
150 form.render(); 157 form.render();
151 - // 是否排序下拉框改变事件 158 + $(".kpiflag-edit-table .layui-table-body,.kpiflag-edit-table .layui-table-box,.kpiflag-edit-table .layui-table-cell").css('overflow', 'visible');
  159 + // 排序下拉框改变事件
152 form.on('select(select-kpiflag-table-isSort)', function (data) { 160 form.on('select(select-kpiflag-table-isSort)', function (data) {
153 var index = $(data.elem).data('index'); 161 var index = $(data.elem).data('index');
154 - if (data.value === '是') {  
155 - $('#txt-kpiflag-table-sort-' + index).attr('disabled', false);  
156 - } else {  
157 - kpiFlagTableData[index].sort = '';  
158 - $('#txt-kpiflag-table-sort-' + index).val('');  
159 - $('#txt-kpiflag-table-sort-' + index).attr('disabled', true); 162 + var defaultSort = 'none';
  163 + if (data.value === '正序') {
  164 + defaultSort = 'asc';
  165 + } else if (data.value === '倒序') {
  166 + defaultSort = 'desc';
160 } 167 }
  168 + kpiFlagTableData[index].defaultSort = defaultSort;
161 }); 169 });
162 - // radio选择事件  
163 - form.on('radio(rdo-kpiflag-table-isUnique)', function (data) {  
164 - for (var i = 0; i < kpiFlagTableData.length; i++) {  
165 - kpiFlagTableData[i].isUnique = '0';  
166 - } 170 + //唯一标志开关事件
  171 + form.on('switch(switchIsUnique)', function(data){
  172 + if (this.checked){
167 kpiFlagTableData[$(data.elem).data('index')].isUnique = '1'; 173 kpiFlagTableData[$(data.elem).data('index')].isUnique = '1';
  174 + }else{
  175 + kpiFlagTableData[$(data.elem).data('index')].isUnique = '0';
  176 + }
168 }); 177 });
169 // 排序输入框输入事件 178 // 排序输入框输入事件
170 $('.txt-kpiflag-table-sort').change(function () { 179 $('.txt-kpiflag-table-sort').change(function () {
@@ -189,13 +198,13 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem @@ -189,13 +198,13 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem
189 theme: '#1E9FFF' 198 theme: '#1E9FFF'
190 } 199 }
191 , cols: [[{ 200 , cols: [[{
192 - field: 'resTypeName', title: '名称', align: 'center', sort: true, width: '280' 201 + field: 'resTypeName', title: '名称', align: 'center', sort: true
193 }, { 202 }, {
194 - field: 'resTypeCode', title: '编码', align: 'center', sort: true, width: '390' 203 + field: 'resTypeCode', title: '编码', align: 'center', sort: true
195 }, { 204 }, {
196 - field: 'resTypeDesc', title: '类别', align: 'center', sort: true, width: '280' 205 + field: 'resTypeDesc', title: '类别', align: 'center', sort: true
197 }, { 206 }, {
198 - field: 'createTime', title: '创建时间', align: 'center', sort: true, width: '275' 207 + field: 'createTime', title: '创建时间', align: 'center', sort: true
199 }, { 208 }, {
200 title: '操作', align: 'center', fixed: 'right', width: '170', 209 title: '操作', align: 'center', fixed: 'right', width: '170',
201 toolbar: 210 toolbar:
@@ -313,6 +322,8 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem @@ -313,6 +322,8 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem
313 } 322 }
314 }); 323 });
315 if (flag) { 324 if (flag) {
  325 + // value.createUser = form.val('form-flag-edit').createUser;
  326 + // value.createTime = common.getToday('');
316 resTypeTableData.push(value); 327 resTypeTableData.push(value);
317 } 328 }
318 }); 329 });
@@ -410,6 +421,7 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem @@ -410,6 +421,7 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem
410 flag: '', 421 flag: '',
411 name: '', 422 name: '',
412 remark: '', 423 remark: '',
  424 + dimension: '',
413 kpiFlagList: kpiFlagTableData, 425 kpiFlagList: kpiFlagTableData,
414 bindList: [] 426 bindList: []
415 }; 427 };
@@ -418,7 +430,8 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem @@ -418,7 +430,8 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem
418 id: '', 430 id: '',
419 flagId: '', 431 flagId: '',
420 bindId: v.resTypeId, 432 bindId: v.resTypeId,
421 - bindType: '1' 433 + bindType: '1',
  434 + bindCode: v.resTypeCode
422 }); 435 });
423 }); 436 });
424 $.each(appTableData, function (i, v) { 437 $.each(appTableData, function (i, v) {
@@ -458,6 +471,7 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem @@ -458,6 +471,7 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem
458 , where: { 471 , where: {
459 access_token: accessToken, 472 access_token: accessToken,
460 keyWord: $("#kpiflag_keyword").val(), 473 keyWord: $("#kpiflag_keyword").val(),
  474 + dimension: $('select[name="dimension"]').val()
461 } 475 }
462 }); 476 });
463 } else { 477 } else {
@@ -496,13 +510,16 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem @@ -496,13 +510,16 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'elem
496 id: '', 510 id: '',
497 flagId: flagId, 511 flagId: flagId,
498 kpiId: e.kpiId, 512 kpiId: e.kpiId,
  513 + defaultSort: e.defaultSort,
499 kpi: { 514 kpi: {
500 kpiId: e.kpiId, 515 kpiId: e.kpiId,
501 kpiName: e.kpiName, 516 kpiName: e.kpiName,
502 kpiIdent: e.kpiIdent 517 kpiIdent: e.kpiIdent
503 }, 518 },
504 isUnique: '0', 519 isUnique: '0',
505 - sort: '' 520 + sort: i,
  521 + createUser: form.val('form-flag-edit').createUser,
  522 + createTime: common.getToday('')
506 }); 523 });
507 } 524 }
508 }); 525 });
@@ -66,12 +66,13 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', "commonDe @@ -66,12 +66,13 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', "commonDe
66 {type: 'checkbox'} 66 {type: 'checkbox'}
67 , {field: 'index', title: '序号', align: 'center', type: 'numbers'} 67 , {field: 'index', title: '序号', align: 'center', type: 'numbers'}
68 , { 68 , {
69 - field: 'name', title: '名称', align: 'center', sort: true, 69 + field: 'name', title: '名称', align: 'center', sort: true,width: 200,
70 templet: '<div>' + 70 templet: '<div>' +
71 '<span kpiflag-data-edit="{{d.id}}" data-flag="{{d.flag}}" class="layui-table-link">{{d.name}}</span>' + 71 '<span kpiflag-data-edit="{{d.id}}" data-flag="{{d.flag}}" class="layui-table-link">{{d.name}}</span>' +
72 '</div>' 72 '</div>'
73 } 73 }
74 - , {field: 'flag', title: '标识', align: 'center', sort: true} 74 + , {field: 'flag', title: '标识', align: 'center', sort: true,width: 200}
  75 + , {field: 'describes', title: '指标组描述', align: 'left',width: 300}
75 , { field: 'dimension', title: '维度', align: 'center', width: 80, templet: ` 76 , { field: 'dimension', title: '维度', align: 'center', width: 80, templet: `
76 <div> 77 <div>
77 {{# 78 {{#
@@ -84,11 +85,11 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', "commonDe @@ -84,11 +85,11 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', "commonDe
84 </div> 85 </div>
85 ` 86 `
86 } 87 }
87 - , {field: 'kpis', title: '绑定指标', align: 'left'}  
88 - , {field: 'restypes', title: '绑定资源类型', align: 'left'} 88 + , {field: 'kpis', title: '绑定指标', align: 'left',width: 500}
  89 + , {field: 'restypes', title: '绑定资源类型', align: 'left',width: 300}
89 , {field: 'createUser', title: '创建人',width: 100, align: 'center'} 90 , {field: 'createUser', title: '创建人',width: 100, align: 'center'}
90 - , {field: 'createTime', title: '创建时间', align: 'center'}  
91 - , {field: 'remark', title: '备注', align: 'left'} 91 + , {field: 'createTime', title: '创建时间', align: 'center',width: 180}
  92 + , {field: 'remark', title: '备注', align: 'left',width: 500}
92 , { 93 , {
93 title: '操作', 94 title: '操作',
94 align: 'center', 95 align: 'center',
1 <article> 1 <article>
2 - <form action="" class="layui-form layui-form-pane" lay-filter="form-flag-edit"> 2 + <form class="layui-form layui-form-pane" action="" lay-filter="form-flag-edit">
3 <fieldset class="layui-elem-field layui-field-title"> 3 <fieldset class="layui-elem-field layui-field-title">
4 <legend>基本信息</legend> 4 <legend>基本信息</legend>
5 </fieldset> 5 </fieldset>
6 <div class="layui-form-item"> 6 <div class="layui-form-item">
7 <div class="inline-half layui-inline "> 7 <div class="inline-half layui-inline ">
8 - <label class="layui-form-label">编码</label> 8 + <label class="layui-form-label">编码<span style="color: red">*</span></label>
9 <div class="layui-input-inline"> 9 <div class="layui-input-inline">
10 - <input class="layui-input" lay-verify="required" name="flag" placeholder="请输入编码" type="text"> 10 + <input type="text" name="flag" lay-verify="required" placeholder="请输入编码" class="layui-input">
11 </div> 11 </div>
12 </div> 12 </div>
13 <div class="inline-half layui-inline"> 13 <div class="inline-half layui-inline">
14 - <label class="layui-form-label">名称</label> 14 + <label class="layui-form-label">维度<span style="color: red">*</span></label>
15 <div class="layui-input-inline"> 15 <div class="layui-input-inline">
16 - <input class="layui-input" lay-verify="required" name="name" placeholder="请输入名称" required  
17 - type="text"> 16 + <select name="dimension" lay-verify="required" class="layui-select">
  17 + <option value="">=选择维度=</option>
  18 + <option value="1D">一维</option>
  19 + <option value="2D">二维</option>
  20 + </select>
  21 + </div>
  22 + </div>
  23 + </div>
  24 + <div class="layui-form-item">
  25 + <div class="inline-half layui-inline">
  26 + <label class="layui-form-label">名称<span style="color: red">*</span></label>
  27 + <div class="layui-input-inline">
  28 + <input type="text" name="name" required lay-verify="required" placeholder="请输入名称" class="layui-input">
  29 + </div>
  30 + </div>
  31 + <div class="inline-half layui-inline">
  32 + <label class="layui-form-label">描述<span style="color: red">*</span></label>
  33 + <div class="layui-input-inline">
  34 + <input type="text" name="describes" required lay-verify="required" placeholder="请输入名称" class="layui-input">
  35 + </div>
  36 + </div>
  37 + </div>
  38 + <div class="layui-form-item">
  39 + <div class="inline-half layui-inline">
  40 + <label class="layui-form-label">创建人<span style="color: red">*</span></label>
  41 + <div class="layui-input-inline">
  42 + <input type="text" name="createUser" required lay-verify="required" placeholder="请输入创建人" class="layui-input">
  43 + </div>
  44 + </div>
  45 + <div class="inline-half layui-inline">
  46 + <label class="layui-form-label">创建时间</label>
  47 + <div class="layui-input-inline">
  48 + <input type="text" name="createTime" required lay-verify="required" disabled placeholder="请输入创建人" class="layui-input">
18 </div> 49 </div>
19 </div> 50 </div>
20 </div> 51 </div>
21 <div class="layui-form-item"> 52 <div class="layui-form-item">
22 <label class="layui-form-label textarea-label">说明</label> 53 <label class="layui-form-label textarea-label">说明</label>
23 <div class="layui-input-block"> 54 <div class="layui-input-block">
24 - <textarea class="layui-textarea" name="remark" placeholder="请输入说明"></textarea> 55 + <textarea name="remark" placeholder="请输入说明" class="layui-textarea"></textarea>
25 </div> 56 </div>
26 </div> 57 </div>
27 - <button class="hide" id="btn-kpiflag-submit" lay-filter="kpi-flag-submit" lay-submit>提交</button> 58 + <button id="btn-kpiflag-submit" class="hide" lay-submit lay-filter="kpi-flag-submit">提交</button>
28 </form> 59 </form>
29 <form class="layui-form layui-form-pane" onsubmit="return false"> 60 <form class="layui-form layui-form-pane" onsubmit="return false">
30 <fieldset class="layui-elem-field layui-field-title"> 61 <fieldset class="layui-elem-field layui-field-title">
31 <legend>绑定指标&nbsp;&nbsp; 62 <legend>绑定指标&nbsp;&nbsp;
32 - <button class="layui-btn layui-btn-xs layui-btn-normal fieldset-btn" id="btn-kpiflag-kpi-bind"><i  
33 - class="layui-icon">&#xe624;</i></button> 63 + <button class="layui-btn layui-btn-xs layui-btn-normal fieldset-btn" id="btn-kpiflag-kpi-bind"><i class="layui-icon">&#xe624;</i></button>
34 </legend> 64 </legend>
35 </fieldset> 65 </fieldset>
36 - <div class="layui-form-item layui-form-item-flex">  
37 - <table class="input-flex-1" id="kpiflag-edit-table"></table> 66 + <div class="layui-form-item layui-form-item-flex kpiflag-edit-table">
  67 + <table id="kpiflag-edit-table" class="input-flex-1"></table>
38 </div> 68 </div>
39 <div class="layui-form-item layui-form-item-flex hide"> 69 <div class="layui-form-item layui-form-item-flex hide">
40 <div class="layui-input-block input-flex-1"> 70 <div class="layui-input-block input-flex-1">
41 - <input name="chartType" title="列表" type="radio" value="">  
42 - <input name="chartType" title="折线图" type="radio" value="">  
43 - <input name="chartType" title="柱状图" type="radio" value="">  
44 - <input name="chartType" title="饼图" type="radio" value=""> 71 + <input type="radio" name="chartType" value="" title="列表">
  72 + <input type="radio" name="chartType" value="" title="折线图">
  73 + <input type="radio" name="chartType" value="" title="柱状图">
  74 + <input type="radio" name="chartType" value="" title="饼图">
45 </div> 75 </div>
46 </div> 76 </div>
47 <div class="layui-form-item"> 77 <div class="layui-form-item">
48 <div class="layui-inline"> 78 <div class="layui-inline">
49 - <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-kpi-flag-restype-bind"><i  
50 - class="layui-icon">&#xe654;</i>绑定到资源类型  
51 - </button> 79 + <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-kpi-flag-restype-bind"><i class="layui-icon">&#xe654;</i>绑定到资源类型</button>
52 </div> 80 </div>
53 <div class="layui-inline"> 81 <div class="layui-inline">
54 - <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-kpi-flag-app-bind"><i  
55 - class="layui-icon">&#xe654;</i>绑定到应用  
56 - </button> 82 + <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-kpi-flag-app-bind"><i class="layui-icon">&#xe654;</i>绑定到应用</button>
57 </div> 83 </div>
58 <div class="layui-inline"> 84 <div class="layui-inline">
59 - <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-kpi-flag-server-bind"><i  
60 - class="layui-icon">&#xe654;</i>绑定到服务  
61 - </button> 85 + <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-kpi-flag-server-bind"><i class="layui-icon">&#xe654;</i>绑定到服务</button>
62 </div> 86 </div>
63 </div> 87 </div>
64 </form> 88 </form>
@@ -90,6 +114,6 @@ @@ -90,6 +114,6 @@
90 </article> 114 </article>
91 <script> 115 <script>
92 layui.use('kpiflagEdit', function (fn) { 116 layui.use('kpiflagEdit', function (fn) {
93 - fn({{ d }}); 117 + fn({{d}});
94 }); 118 });
95 </script> 119 </script>
@@ -5,16 +5,23 @@ @@ -5,16 +5,23 @@
5 <div class="layui-card"> 5 <div class="layui-card">
6 <div class="layui-card-header"> 6 <div class="layui-card-header">
7 <div class="layui-status"> 7 <div class="layui-status">
8 - <form class="layui-form layui-card-header layuiadmin-card-header-auto"  
9 - lay-filter="kpiflag-form"> 8 + <form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="kpiflag-form">
10 <div class="layui-form-item"> 9 <div class="layui-form-item">
11 <div class="layui-inline"> 10 <div class="layui-inline">
12 <div class="layui-input-inline layui-input-inline--long"> 11 <div class="layui-input-inline layui-input-inline--long">
13 - <input autocomplete="off" class="layui-input" id="kpiflag_keyword"  
14 - lay-tips="关键字检索包含： </br>指标组名称" name="kpiflag_keyword"  
15 - placeholder="输入关键字，回车搜索"  
16 - type="text">  
17 - <input style="display: none" type="text"> 12 + <input type="text" id="kpiflag_keyword" name="kpiflag_keyword" placeholder="输入关键字，回车搜索" autocomplete="off"
  13 + lay-tips="关键字检索包含： </br>指标组名称</br>flag</br>备注</br>绑定资源类型</br>绑定指标"
  14 + class="layui-input">
  15 + <input type="text" style="display: none">
  16 + </div>
  17 + </div>
  18 + <div class="layui-inline">
  19 + <div class="layui-input-inline layui-input-inline--long">
  20 + <select name="dimension" class="layui-select" lay-filter="change">
  21 + <option value="">=选择维度=</option>
  22 + <option value="1D">一维</option>
  23 + <option value="2D">二维</option>
  24 + </select>
18 </div> 25 </div>
19 </div> 26 </div>
20 <button class="layui-btn layui-btn-normal" id="kpiflagQueryBtn" type="button"> 27 <button class="layui-btn layui-btn-normal" id="kpiflagQueryBtn" type="button">
@@ -27,12 +34,8 @@ @@ -27,12 +34,8 @@
27 </div> 34 </div>
28 <div class="layui-card-body"> 35 <div class="layui-card-body">
29 <div class="warn-btns"> 36 <div class="warn-btns">
30 - <button class="layui-btn layui-btn-sm layui-btn-normal" id="addkpiflag" type="button"><i  
31 - class="layui-icon">&#xe654;</i>新增  
32 - </button>  
33 - <button class="layui-btn layui-btn-sm layui-btn-normal" id="delkpiflag" type="button"><i  
34 - class="layui-icon">&#xe640;</i>删除  
35 - </button> 37 + <button id="addkpiflag" type="button" class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon">&#xe654;</i>新增</button>
  38 + <button id="delkpiflag" type="button" class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon">&#xe640;</i>删除</button>
36 </div> 39 </div>
37 <table id="kpiflag_table"></table> 40 <table id="kpiflag_table"></table>
38 </div> 41 </div>