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
var sessions = layui.sessions;
var accessToken = sessions.getToken().access_token;
var kpiPowerSelect;//指标权限类型下拉框
var tagIds = [];
form.render();
initKpiPower();
initSelect();
getTags();
//初始化下拉框数据
function initSelect() {
admin.req({
... ... @@ -71,6 +72,10 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele
$("#kpiAddForm").find("input[name='funVal']").val(strList[2]);
}
}
//标签
getTags(kpiId);
form.render();
}
}
... ... @@ -134,6 +139,43 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'xmSele
return layui.form.val('kpi-add-form');
}
function getTags(kpiId) {
admin.req({
url: domainName + '/api-web/systag/list?type=KPI&id='+kpiId,
type: 'get',
sync: false,
success: function (res) {
var html = '';
if(res.data && res.data.length > 0){
var activeTag = "";
res.data.forEach((v, i) => {
if(v.selTag){
tagIds.push(v.id);
activeTag = "activeTag";
}else{
activeTag = "";
}
html += ` <span class="tag ${activeTag}" id="${v.id}">${v.name}</span>`;
});
}
$("#kpi-tags").html(html);
//添加点击事件
$("#kpi-tags").find(".tag").on("click",function () {
if($(this).hasClass("activeTag")){
$(this).removeClass("activeTag");
tagIds.splice($(this).attr('id'), 1);
}else{
$(this).addClass("activeTag");
tagIds.push($(this).attr("id"))
}
$("#selectTagIds").val(tagIds)
console.log(tagIds);
});
}
});
}
return {getData: getSubmitData};
});
});
... ...
... ... @@ -417,6 +417,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
success: function (res) {
layer.msg('保存成功！', {icon: 1, time: 1500}, function () {
layer.closeAll();
saveTagRel(kpiId);
reloadTable();
});
},
... ... @@ -479,6 +480,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
success: function (res) {
layer.msg('保存成功！', {icon: 1, time: 1500}, function () {
layer.closeAll();
saveTagRel(submitData.kpiId);
reloadTable();
});
},
... ... @@ -502,6 +504,25 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
}
function saveTagRel(kpiId){
var selectTagIds = $("#selectTagIds").val();
var parmas = {
id:kpiId,
tags:selectTagIds,
type:"KPI"
}
admin.req({
url: common.domainName + '/api-web/systag/save',
method: 'get',
data : parmas,
sync: false,
success: function (res) {
console.log("标签保存成功！")
}
});
}
//删除模块
$("#delkpi").on("click", function () {
... ...
... ... @@ -8686,4 +8686,16 @@ form.layui-card-header.layuiadmin-card-header-auto {
border: 1px solid #3B91FF;
background: #3B91FF;
color: #ffffff;
}
\ No newline at end of file
}
.tag{
padding: 5px 15px;
border: 1px solid #958f8f;
border-radius: 5px;
cursor: pointer;
}
.activeTag{
background: #E7F0FF;
color: #4B93F6;
border-color: #478FF8;
}
... ...
... ... @@ -138,13 +138,22 @@
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label textarea-label">描述：</label>
<div class="layui-input-block" style="margin-left: 130px;">
<textarea class="layui-textarea" name="remark"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">标签：</label>
<div class="layui-input-block" style="margin-left: 140px;">
<div id="kpi-tags" style="line-height: 40px">
</div>
</div>
</div>
<input type="hidden" id="selectTagIds">
</div>
<button class="kpi-add-submit" lay-submit style="display: none" type="submit">提交</button>
</form>
</article>
... ...
... ... @@ -146,6 +146,16 @@
<textarea class="layui-textarea" name="remark"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">标签：</label>
<div class="layui-input-block" style="margin-left: 140px;">
<div id="kpi-tags" style="line-height: 40px">
</div>
</div>
</div>
<input type="hidden" id="selectTagIds">
</div>
<button class="kpi-add-submit" lay-submit style="display: none" type="submit">提交</button>
</form>
</article>
... ...