monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wf
Commit 08978e075c49ac3092b2bab439b0a6d391e50f34 1 parent 102fb014

指标打标签功能

Inline Side-by-side
Showing 5 changed files with 97 additions and 3 deletions
@@ -12,10 +12,11 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele @@ -12,10 +12,11 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele
12 var sessions = layui.sessions; 12 var sessions = layui.sessions;
13 var accessToken = sessions.getToken().access_token; 13 var accessToken = sessions.getToken().access_token;
14 var kpiPowerSelect;//指标权限类型下拉框 14 var kpiPowerSelect;//指标权限类型下拉框
  15 + var tagIds = [];
15 form.render(); 16 form.render();
16 initKpiPower(); 17 initKpiPower();
17 initSelect(); 18 initSelect();
18 - 19 + getTags();
19 //初始化下拉框数据 20 //初始化下拉框数据
20 function initSelect() { 21 function initSelect() {
21 admin.req({ 22 admin.req({
@@ -71,6 +72,10 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele @@ -71,6 +72,10 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele
71 $("#kpiAddForm").find("input[name='funVal']").val(strList[2]); 72 $("#kpiAddForm").find("input[name='funVal']").val(strList[2]);
72 } 73 }
73 } 74 }
  75 +
  76 + //标签
  77 + getTags(kpiId);
  78 +
74 form.render(); 79 form.render();
75 } 80 }
76 } 81 }
@@ -134,6 +139,43 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele @@ -134,6 +139,43 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele
134 return layui.form.val('kpi-add-form'); 139 return layui.form.val('kpi-add-form');
135 } 140 }
136 141
  142 + function getTags(kpiId) {
  143 + admin.req({
  144 + url: domainName + '/api-web/systag/list?type=KPI&id='+kpiId,
  145 + type: 'get',
  146 + sync: false,
  147 + success: function (res) {
  148 + var html = '';
  149 + if(res.data && res.data.length > 0){
  150 + var activeTag = "";
  151 + res.data.forEach((v, i) => {
  152 + if(v.selTag){
  153 + tagIds.push(v.id);
  154 + activeTag = "activeTag";
  155 + }else{
  156 + activeTag = "";
  157 + }
  158 + html += ` <span class="tag ${activeTag}" id="${v.id}">${v.name}</span>`;
  159 + });
  160 + }
  161 + $("#kpi-tags").html(html);
  162 + //添加点击事件
  163 + $("#kpi-tags").find(".tag").on("click",function () {
  164 + if($(this).hasClass("activeTag")){
  165 + $(this).removeClass("activeTag");
  166 + tagIds.splice($(this).attr('id'), 1);
  167 + }else{
  168 + $(this).addClass("activeTag");
  169 + tagIds.push($(this).attr("id"))
  170 + }
  171 + $("#selectTagIds").val(tagIds)
  172 + console.log(tagIds);
  173 + });
  174 +
  175 + }
  176 + });
  177 + }
  178 +
137 return {getData: getSubmitData}; 179 return {getData: getSubmitData};
138 }); 180 });
139 }); 181 });
@@ -417,6 +417,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -417,6 +417,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
417 success: function (res) { 417 success: function (res) {
418 layer.msg('保存成功！', {icon: 1, time: 1500}, function () { 418 layer.msg('保存成功！', {icon: 1, time: 1500}, function () {
419 layer.closeAll(); 419 layer.closeAll();
  420 + saveTagRel(kpiId);
420 reloadTable(); 421 reloadTable();
421 }); 422 });
422 }, 423 },
@@ -479,6 +480,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -479,6 +480,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
479 success: function (res) { 480 success: function (res) {
480 layer.msg('保存成功！', {icon: 1, time: 1500}, function () { 481 layer.msg('保存成功！', {icon: 1, time: 1500}, function () {
481 layer.closeAll(); 482 layer.closeAll();
  483 + saveTagRel(submitData.kpiId);
482 reloadTable(); 484 reloadTable();
483 }); 485 });
484 }, 486 },
@@ -502,6 +504,25 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -502,6 +504,25 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
502 504
503 } 505 }
504 506
  507 + function saveTagRel(kpiId){
  508 +
  509 + var selectTagIds = $("#selectTagIds").val();
  510 +
  511 + var parmas = {
  512 + id:kpiId,
  513 + tags:selectTagIds,
  514 + type:"KPI"
  515 + }
  516 + admin.req({
  517 + url: common.domainName + '/api-web/systag/save',
  518 + method: 'get',
  519 + data : parmas,
  520 + sync: false,
  521 + success: function (res) {
  522 + console.log("标签保存成功！")
  523 + }
  524 + });
  525 + }
505 526
506 //删除模块 527 //删除模块
507 $("#delkpi").on("click", function () { 528 $("#delkpi").on("click", function () {
@@ -8686,4 +8686,16 @@ form.layui-card-header.layuiadmin-card-header-auto { @@ -8686,4 +8686,16 @@ form.layui-card-header.layuiadmin-card-header-auto {
8686 border: 1px solid #3B91FF; 8686 border: 1px solid #3B91FF;
8687 background: #3B91FF; 8687 background: #3B91FF;
8688 color: #ffffff; 8688 color: #ffffff;
8689 -}  
  8689 +}
  8690 +
  8691 +.tag{
  8692 + padding: 5px 15px;
  8693 + border: 1px solid #958f8f;
  8694 + border-radius: 5px;
  8695 + cursor: pointer;
  8696 +}
  8697 +.activeTag{
  8698 + background: #E7F0FF;
  8699 + color: #4B93F6;
  8700 + border-color: #478FF8;
  8701 +}
@@ -138,13 +138,22 @@ @@ -138,13 +138,22 @@
138 </div> 138 </div>
139 </div> 139 </div>
140 </div> 140 </div>
141 -  
142 <div class="layui-form-item"> 141 <div class="layui-form-item">
143 <label class="layui-form-label textarea-label">描述：</label> 142 <label class="layui-form-label textarea-label">描述：</label>
144 <div class="layui-input-block" style="margin-left: 130px;"> 143 <div class="layui-input-block" style="margin-left: 130px;">
145 <textarea class="layui-textarea" name="remark"></textarea> 144 <textarea class="layui-textarea" name="remark"></textarea>
146 </div> 145 </div>
147 </div> 146 </div>
  147 + <div class="layui-form-item">
  148 + <div class="layui-inline">
  149 + <label class="layui-form-label">标签：</label>
  150 + <div class="layui-input-block" style="margin-left: 140px;">
  151 + <div id="kpi-tags" style="line-height: 40px">
  152 + </div>
  153 + </div>
  154 + </div>
  155 + <input type="hidden" id="selectTagIds">
  156 + </div>
148 <button class="kpi-add-submit" lay-submit style="display: none" type="submit">提交</button> 157 <button class="kpi-add-submit" lay-submit style="display: none" type="submit">提交</button>
149 </form> 158 </form>
150 </article> 159 </article>
@@ -146,6 +146,16 @@ @@ -146,6 +146,16 @@
146 <textarea class="layui-textarea" name="remark"></textarea> 146 <textarea class="layui-textarea" name="remark"></textarea>
147 </div> 147 </div>
148 </div> 148 </div>
  149 + <div class="layui-form-item">
  150 + <div class="layui-inline">
  151 + <label class="layui-form-label">标签：</label>
  152 + <div class="layui-input-block" style="margin-left: 140px;">
  153 + <div id="kpi-tags" style="line-height: 40px">
  154 + </div>
  155 + </div>
  156 + </div>
  157 + <input type="hidden" id="selectTagIds">
  158 + </div>
149 <button class="kpi-add-submit" lay-submit style="display: none" type="submit">提交</button> 159 <button class="kpi-add-submit" lay-submit style="display: none" type="submit">提交</button>
150 </form> 160 </form>
151 </article> 161 </article>