217 lines
7.5 KiB
Plaintext
217 lines
7.5 KiB
Plaintext
|
let form, layer, util, tag, active = null;
|
|||
|
|
function setParams(teamLabelIds, teamLabelNames) {
|
|||
|
|
layui.config({
|
|||
|
|
base: "../../../js/layui-v2.9.2/layui/modules/", //此处路径请自行处理, 可以使用绝对路径
|
|||
|
|
}).extend({
|
|||
|
|
tag: 'tag'
|
|||
|
|
}).use(['layer', 'form', 'util', 'tag'], function () {
|
|||
|
|
layer = layui.layer;
|
|||
|
|
form = layui.form;
|
|||
|
|
forutilm = layui.util;
|
|||
|
|
tag = layui.tag;
|
|||
|
|
form.render();
|
|||
|
|
// 加载班组标签数据
|
|||
|
|
loadTeamLabelData();
|
|||
|
|
// 加载班组标签缓存数据
|
|||
|
|
loadHcTeamLabelData(teamLabelIds, teamLabelNames);
|
|||
|
|
//全局设置
|
|||
|
|
tag.set({
|
|||
|
|
skin: 'layui-btn layui-btn-primary layui-btn-sm layui-btn-radius',//标签样式
|
|||
|
|
tagText: '添加标签' //标签添加按钮提示文本
|
|||
|
|
});
|
|||
|
|
// 触发事件
|
|||
|
|
active = {
|
|||
|
|
// 新增demo2标签
|
|||
|
|
tagAdd: function (nameValue, index) {
|
|||
|
|
tag.add('demo2', {
|
|||
|
|
text: nameValue,
|
|||
|
|
id: index
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 删除demo2标签
|
|||
|
|
tagDelete: function (index) {
|
|||
|
|
tag.delete('demo2', index);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 添加demo标签
|
|||
|
|
tag.on('add(demo)', function (data) {
|
|||
|
|
let valueName = data.valueName;
|
|||
|
|
let rex = /^[\u4e00-\u9fa5]{0,}$/;
|
|||
|
|
if (!rex.test(valueName) && valueName.length < 50) {
|
|||
|
|
layer.msg('标签只能输入中文且少于50字符', { icon: 7 });
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
return addTeamLabelData({
|
|||
|
|
'labelName': valueName
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 删除demo标签后删除demo2标签
|
|||
|
|
tag.on('delete(demo)', function (data) {
|
|||
|
|
let innerText = data.elem[0].innerText;
|
|||
|
|
if (innerText) {
|
|||
|
|
innerText = innerText.replace('ဆ添加标签', '');
|
|||
|
|
let innerTextArr = innerText.split('ဆ');
|
|||
|
|
let nameValue = innerTextArr[data.index];
|
|||
|
|
let flag = false, layId = null;
|
|||
|
|
$('#demo2 button').each(function () {
|
|||
|
|
if (replaceChinese($(this).html()) === nameValue) {
|
|||
|
|
flag = true;
|
|||
|
|
layId = $(this).attr('lay-id');
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
let result = delTeamLabelData({ 'labelName': nameValue });
|
|||
|
|
if (!result) {
|
|||
|
|
return result;
|
|||
|
|
} else if (result && flag) {
|
|||
|
|
active.tagDelete(layId);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击demo标签添加demo2标签
|
|||
|
|
tag.on('click(demo)', function () {
|
|||
|
|
let name = replaceChinese($(this).html());
|
|||
|
|
let index = $(this).attr('lay-id');
|
|||
|
|
let flag = false;
|
|||
|
|
$('#demo2 button').each(function () {
|
|||
|
|
if (replaceChinese($(this).html()) === name) {
|
|||
|
|
flag = true
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
if (flag) {
|
|||
|
|
return layer.msg('选中标签已存在', { icon: 7 });
|
|||
|
|
} else {
|
|||
|
|
active.tagAdd(name, index);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 保留中文汉字
|
|||
|
|
function replaceChinese(value) {
|
|||
|
|
let str = value.match(/[\u4e00-\u9fa5]/g).join("");
|
|||
|
|
return str;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 保存标签
|
|||
|
|
function addTeamLabelData(params) {
|
|||
|
|
let loadingMsg = layer.msg('数据上传中,请稍候...', { icon: 16, scrollbar: false, time: 0 });
|
|||
|
|
let flag = false;
|
|||
|
|
let url = dataUrl + 'proteam/pot/team/addTeamLabel';
|
|||
|
|
ajaxRequest(url, "POST", params, false, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
layer.msg(result.msg, { icon: 1 });
|
|||
|
|
flag = true;
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
layer.alert(result.msg, { icon: 2, move: false })
|
|||
|
|
} else if (result.code === 401) {
|
|||
|
|
logout(1);
|
|||
|
|
}
|
|||
|
|
}, function (xhr) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
});
|
|||
|
|
return flag;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 获取班组评价标签
|
|||
|
|
function loadTeamLabelData() {
|
|||
|
|
function setTeamLabel(list) {
|
|||
|
|
if (list && list.length > 0) {
|
|||
|
|
let html = '';
|
|||
|
|
$.each(list, function (index, item) {
|
|||
|
|
html += '<button lay-id="' + item.id + '" type="button" class="tag-item">' + item.labelName + '</button>'
|
|||
|
|
})
|
|||
|
|
$('#demo').empty().append(html);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let loadingMsg = layer.msg('数据加载中,请稍候...', { icon: 16, scrollbar: false, time: 0 });
|
|||
|
|
let url = dataUrl + 'proteam/pot/team/getTeamLabel';
|
|||
|
|
ajaxRequest(url, "POST", null, false, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
setTeamLabel(result.data);
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
} else if (result.code === 401) {
|
|||
|
|
logout(1);
|
|||
|
|
}
|
|||
|
|
}, function (xhr) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 加载班组标签缓存数据
|
|||
|
|
function loadHcTeamLabelData(teamLabelIds, teamLabelNames) {
|
|||
|
|
if (teamLabelIds && teamLabelNames) {
|
|||
|
|
let teamLabelIdsArr = teamLabelIds.split(',');
|
|||
|
|
let teamLabelNamesArr = teamLabelNames.split(',');
|
|||
|
|
let html = '';
|
|||
|
|
for (let i = 0; i < teamLabelIdsArr.length; i++) {
|
|||
|
|
html += '<button lay-id="' + teamLabelIdsArr[i] + '" type="button" class="tag-item">' + teamLabelNamesArr[i] + '</button>'
|
|||
|
|
}
|
|||
|
|
$('#demo2').empty().append(html);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 删除标签
|
|||
|
|
function delTeamLabelData(params) {
|
|||
|
|
let flag = false;
|
|||
|
|
let loadingMsg = layer.msg('数据删除中,请稍候...', { icon: 16, scrollbar: false, time: 0 });
|
|||
|
|
let url = dataUrl + 'proteam/pot/team/delTeamLabel';
|
|||
|
|
ajaxRequest(url, "POST", params, false, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
layer.msg(result.msg, { icon: 1 });
|
|||
|
|
flag = true;
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
layer.alert(result.msg, { icon: 2, move: false })
|
|||
|
|
} else if (result.code === 401) {
|
|||
|
|
logout(1);
|
|||
|
|
}
|
|||
|
|
}, function (xhr) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
});
|
|||
|
|
return flag;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 暂存标签数据，并返回上一页面
|
|||
|
|
function saveLabelData() {
|
|||
|
|
let labelNameArr = [];
|
|||
|
|
$('#demo2 button').each(function () {
|
|||
|
|
labelNameArr.push(replaceChinese($(this).html()))
|
|||
|
|
})
|
|||
|
|
let teamLabelNames = '', teamLabelIds = '';
|
|||
|
|
// 保存后，查询班组标签真实ID
|
|||
|
|
function getTeamLabelIds() {
|
|||
|
|
let params = { 'labelName': labelNameArr.toString() };
|
|||
|
|
let url = dataUrl + 'proteam/pot/team/getTeamLabelIds';
|
|||
|
|
ajaxRequest(url, "POST", params, false, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
if (result.data.nameList && result.data.valueList) {
|
|||
|
|
teamLabelNames = result.data.nameList.toString();
|
|||
|
|
teamLabelIds = result.data.valueList.toString();
|
|||
|
|
}
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
} else if (result.code === 401) {
|
|||
|
|
logout(1);
|
|||
|
|
}
|
|||
|
|
}, function (xhr) {
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
getTeamLabelIds();
|
|||
|
|
parent.setTeamLabelData(teamLabelIds, teamLabelNames);
|
|||
|
|
closePage();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function closePage() {
|
|||
|
|
let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
|||
|
|
parent.layer.close(index); //再执行关闭
|
|||
|
|
}
|