358 lines
12 KiB
Plaintext
358 lines
12 KiB
Plaintext
|
let form, layer, idParam, warnInfoParam, num = 0, isDel = '0';
|
|||
|
|
let delRemarkList = [], warnInfoList = [], addRemarkList = [], oldRemarkList = [], delRemarkList2 = [],
|
|||
|
|
mergeRemarkList = [];
|
|||
|
|
|
|||
|
|
function setParams(id, warnInfo) {
|
|||
|
|
idParam = id;
|
|||
|
|
layui.use(['form', 'layer'], function () {
|
|||
|
|
layer = layui.layer;
|
|||
|
|
form = layui.form;
|
|||
|
|
form.render();
|
|||
|
|
getWarnInfoByClassId();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
layui.use(['form', 'layer', 'table'], function () {
|
|||
|
|
$ = layui.jquery;
|
|||
|
|
var layer = layui.layer,
|
|||
|
|
form = layui.form;
|
|||
|
|
form.on('checkbox(checkbox)', function (data) {
|
|||
|
|
let checkbox=false;
|
|||
|
|
if( data.elem.checked){
|
|||
|
|
checkbox=true; //确定
|
|||
|
|
}else{//取消了
|
|||
|
|
checkbox=false;
|
|||
|
|
}
|
|||
|
|
var value = data.value; //获取选中的value值
|
|||
|
|
// updeWarnConfirm(value,checkbox);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
//
|
|||
|
|
function updeWarnConfirm(value,confirm){
|
|||
|
|
console.log(idParam);
|
|||
|
|
console.log(value,confirm);
|
|||
|
|
$.ajax({
|
|||
|
|
headers: {
|
|||
|
|
"encrypt": sm3(JSON.stringify({
|
|||
|
|
classId: idParam,
|
|||
|
|
num:value,
|
|||
|
|
confirm:confirm
|
|||
|
|
}))
|
|||
|
|
},
|
|||
|
|
url: dataUrl + 'proteam/pot/todayTask/updeWarnConfirm?token=' + token,
|
|||
|
|
data: {
|
|||
|
|
classId: idParam,
|
|||
|
|
num:value,
|
|||
|
|
confirm:confirm
|
|||
|
|
},
|
|||
|
|
type: 'POST',
|
|||
|
|
async: false,
|
|||
|
|
success: function (result) {
|
|||
|
|
|
|||
|
|
}, error: function () {
|
|||
|
|
layer.close(loadingMsg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function getWarnInfoByClassId() {
|
|||
|
|
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
|
|||
|
|
$.ajax({
|
|||
|
|
headers: {
|
|||
|
|
"encrypt": sm3(JSON.stringify({
|
|||
|
|
classId: idParam
|
|||
|
|
}))
|
|||
|
|
},
|
|||
|
|
url: dataUrl + 'proteam/pot/todayTask/getWarnInfo?token=' + token,
|
|||
|
|
data: {
|
|||
|
|
classId: idParam,
|
|||
|
|
},
|
|||
|
|
type: 'POST',
|
|||
|
|
async: false,
|
|||
|
|
success: function (result) {
|
|||
|
|
layer.close(loadingMsg);
|
|||
|
|
console.error(result)
|
|||
|
|
if (result.data) {
|
|||
|
|
if (result.data.curWarnList.length > 0) {
|
|||
|
|
$.each(result.data.curWarnList, function (index, item) {
|
|||
|
|
let value = item.trim().substring(item.trim().lastIndexOf('@') + 1, item.trim().length)
|
|||
|
|
if (value) {
|
|||
|
|
addLine(2, item);
|
|||
|
|
} else {
|
|||
|
|
addLine(1, item);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if (result.data.delWarnList.length > 0) {
|
|||
|
|
$.each(result.data.delWarnList, function (index, item) {
|
|||
|
|
addDelLine(item);
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
$('.del-form').append('<p style="text-align: center;padding: 210px 0;font-size: 16px;">无预警信息删除数据</p>');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, error: function () {
|
|||
|
|
layer.close(loadingMsg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 新增一行 1.原有 2.新增-入库 3.新增
|
|||
|
|
function addLine(type, item) {
|
|||
|
|
num++;
|
|||
|
|
let html = '', warnInfo = '', remark = '', color = '#fff' ,checkbox=false;
|
|||
|
|
|
|||
|
|
if (item) {
|
|||
|
|
var items= item.split("@");
|
|||
|
|
if(items.length>1){
|
|||
|
|
checkbox=true;
|
|||
|
|
}
|
|||
|
|
warnInfo =items[0];
|
|||
|
|
//remark = item.split("@")[1];
|
|||
|
|
color = '#eee';
|
|||
|
|
}
|
|||
|
|
let checkHtml="";
|
|||
|
|
if(checkbox){
|
|||
|
|
checkHtml= '<input type="checkbox" lay-filter="checkbox" checked="true" name="checkbox" value='+num+' title="确定">';
|
|||
|
|
}else{
|
|||
|
|
checkHtml= '<input type="checkbox" lay-filter="checkbox" name="checkbox" value='+num+' title="确定">';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html += '<div class="layui-form-item" isAdd = "' + type + '" num="' + num + '" >' +
|
|||
|
|
'<div class="layui-inline">' +
|
|||
|
|
'<div class="layui-input-inline layout">' +
|
|||
|
|
'<input class="layui-input input' + num + '" name="warnInfo" maxlength="200" autocomplete="off" placeholder="请填写预警信息" value="' + warnInfo + '" style="background-color: ' + color + ';">' +
|
|||
|
|
'<span style="margin: 0 5px;">-</span>' +
|
|||
|
|
// '<textarea class="layui-textarea textarea' + num + '" name="remark" maxlength="500" autocomplete="off" placeholder="备注" style="background-color: ' + color + ';">' + remark + '</textarea>' +
|
|||
|
|
checkHtml+
|
|||
|
|
'<img src="../../../img/remotePatrol/del.png" title="删除" onclick="delLine(this)">' +
|
|||
|
|
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>';
|
|||
|
|
$('.add-form').append(html);
|
|||
|
|
layui.form.render();
|
|||
|
|
if (item && (type === 1 || type === 2)) {
|
|||
|
|
$('.input' + num + '').prop('readonly', true)
|
|||
|
|
$('.textarea' + num + '').prop('readonly', true)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 预警信息-删除
|
|||
|
|
function addDelLine(item) {
|
|||
|
|
let html = '', warnInfo = '', remark = '';
|
|||
|
|
if (item) {
|
|||
|
|
warnInfo = item.split("@")[0];
|
|||
|
|
remark = item.split("@")[1];
|
|||
|
|
}
|
|||
|
|
html += '<div class="layui-form-item">' +
|
|||
|
|
'<div class="layui-inline">' +
|
|||
|
|
'<div class="layui-input-inline layout">' +
|
|||
|
|
'<input class="layui-input" readonly name="warnInfo2" value="' + warnInfo + '" style="background-color: #eee;">' +
|
|||
|
|
'<span style="margin: 0 5px;">-</span>' +
|
|||
|
|
'<textarea class="layui-textarea" name="remark2" readonly style="background-color: #eee;" >' + remark + '</textarea>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>';
|
|||
|
|
$('.del-form').append(html);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 删除一行
|
|||
|
|
function delLine(that) {
|
|||
|
|
let remark = $(that).prev().val();
|
|||
|
|
let warnInfo = $(that).prev().prev().prev().prev().val();
|
|||
|
|
let isAdd = $(that).parents('.layui-form-item').attr('isAdd');
|
|||
|
|
if(isAdd === '1' || isAdd === '2'){
|
|||
|
|
let index = layer.open({
|
|||
|
|
title: ['<div style="border-left: 3px solid #2F82FB;display: flex;align-items: center;height: 20px;padding: 0 10px;">删除备注填写</div>', 'font-size:16px;background-color:#f0f0f0;display: flex;align-items: center;'],
|
|||
|
|
type: 1,
|
|||
|
|
maxmin: false,
|
|||
|
|
shade: 0.1,
|
|||
|
|
shadeClose: false,
|
|||
|
|
content: addContent(warnInfo),
|
|||
|
|
area: ["450px", "230px"],
|
|||
|
|
move: false,
|
|||
|
|
success: function (layero, index) {
|
|||
|
|
layui.form.render();
|
|||
|
|
}, end: function () {
|
|||
|
|
if (isDel === '1') {
|
|||
|
|
$(that).parents('.layui-form-item').remove()
|
|||
|
|
isDel = '0'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
$(that).parents('.layui-form-item').remove()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addContent(warnInfo) {
|
|||
|
|
console.log(warnInfo)
|
|||
|
|
let html = '<div class="add-form layui-form" style="padding-top: 3%">' +
|
|||
|
|
'<form class="layui-form" action="#" onsubmit="return false;">' +
|
|||
|
|
'<div class="layui-form-item" style="margin-left: 5%;">' +
|
|||
|
|
'<label class="layui-form-label">备注</label>' +
|
|||
|
|
'<div class="layui-inline" style="width: 255px;">' +
|
|||
|
|
'<textarea class="layui-textarea" id="delRemark" maxlength="500">' +
|
|||
|
|
'</textarea>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<div class="layui-form-item" style="padding-left: 0%;margin-top: 8%;margin-left: 35%;justify-content: center;">' +
|
|||
|
|
'<button type="button" class="layui-btn layui-btn-normal" id="save" onclick="saveRemark(\'' + warnInfo + '\')">确定</button>' +
|
|||
|
|
'<button type="button" class="layui-btn layui-btn-primary" id="cancel" onclick="layer.closeAll()">取消</button>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</form>' +
|
|||
|
|
'</div>';
|
|||
|
|
layui.form.render();
|
|||
|
|
return html;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function saveRemark(warnInfo) {
|
|||
|
|
let delRemark = $('#delRemark').val()
|
|||
|
|
if (!delRemark.trim()) {
|
|||
|
|
return layer.msg('删除预警信息，请填写备注', {icon: 7});
|
|||
|
|
} else {
|
|||
|
|
delRemarkList.push('2@' + warnInfo + '@' + delRemark)
|
|||
|
|
isDel = '1'
|
|||
|
|
}
|
|||
|
|
layer.closeAll();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isRepeat(arr) {
|
|||
|
|
let hash = {};
|
|||
|
|
for (let i in arr) {
|
|||
|
|
if (hash[arr[i]]) {
|
|||
|
|
return true
|
|||
|
|
}
|
|||
|
|
hash[arr[i]] = true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 提交数据
|
|||
|
|
function saveData(data) {
|
|||
|
|
var checkList=[];
|
|||
|
|
warnInfoList.splice(0, warnInfoList.length);
|
|||
|
|
addRemarkList.splice(0, addRemarkList.length);
|
|||
|
|
oldRemarkList.splice(0, oldRemarkList.length);
|
|||
|
|
delRemarkList2.splice(0, delRemarkList2.length);
|
|||
|
|
mergeRemarkList.splice(0, mergeRemarkList.length);
|
|||
|
|
let flag = false, flag2 = false, flag3 = false;
|
|||
|
|
$('input[name="warnInfo"]').each(function () {
|
|||
|
|
if (!$(this).val().trim()) {
|
|||
|
|
flag = true;
|
|||
|
|
} else {
|
|||
|
|
warnInfoList.push($(this).val().trim())
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
$('input[name="checkbox"]:checked').each(function (e) {
|
|||
|
|
checkList.push($(this).val());
|
|||
|
|
})
|
|||
|
|
$('textarea[name="remark"]').each(function () {
|
|||
|
|
if ($(this).parents('.layui-form-item').attr('isAdd') === '3') {
|
|||
|
|
if (!$(this).val().trim()) {
|
|||
|
|
flag2 = true;
|
|||
|
|
} else {
|
|||
|
|
addRemarkList.push('1@' + $(this).prev().prev().val().trim() + "@" + $(this).val().trim())
|
|||
|
|
}
|
|||
|
|
} else if ($(this).parents('.layui-form-item').attr('isAdd') === '2') {
|
|||
|
|
if ($(this).val().trim()) {
|
|||
|
|
oldRemarkList.push('1@' + $(this).prev().prev().val().trim() + "@" + $(this).val().trim())
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
$('input[name="warnInfo2"]').each(function () {
|
|||
|
|
delRemarkList2.push('2@' + $(this).val() + '@' + $(this).next().next().val())
|
|||
|
|
})
|
|||
|
|
flag3 = isRepeat(warnInfoList);
|
|||
|
|
if (flag) {
|
|||
|
|
return layer.msg('存在未填写的预警信息', {icon: 7});
|
|||
|
|
}
|
|||
|
|
if (flag2) {
|
|||
|
|
return layer.msg('新增的预警信息存在未填写的备注', {icon: 7});
|
|||
|
|
}
|
|||
|
|
if (flag3) {
|
|||
|
|
return layer.msg('预警信息存在相同数据', {icon: 7});
|
|||
|
|
}
|
|||
|
|
if (addRemarkList.length > 0) {
|
|||
|
|
addRemarkList.forEach(function (item, index) {
|
|||
|
|
mergeRemarkList.push(item)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if (delRemarkList.length > 0) {
|
|||
|
|
delRemarkList.forEach(function (item, index) {
|
|||
|
|
mergeRemarkList.push(item)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if (oldRemarkList.length > 0) {
|
|||
|
|
oldRemarkList.forEach(function (item, index) {
|
|||
|
|
mergeRemarkList.push(item)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if (delRemarkList2.length > 0) {
|
|||
|
|
delRemarkList2.forEach(function (item, index) {
|
|||
|
|
mergeRemarkList.push(item)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
checkListStr=checkList.join("@")+"@";
|
|||
|
|
for (var i = 0; i < warnInfoList.length; i++) {
|
|||
|
|
var j=i+1+"@";
|
|||
|
|
if(checkListStr.indexOf(j)!='-1'){
|
|||
|
|
warnInfoList[i]=warnInfoList[i]+"@1";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let formData = {
|
|||
|
|
classId: idParam,
|
|||
|
|
warnType: warnInfoList.toString(),
|
|||
|
|
remark: mergeRemarkList.toString()
|
|||
|
|
};
|
|||
|
|
// 加载提示
|
|||
|
|
let loadingMsg = layer.msg('数据提交中,请稍候...', {icon: 16, scrollbar: false, time: 0});
|
|||
|
|
$.ajax({
|
|||
|
|
url: dataUrl + 'proteam/pot/todayTask/updateWarnInfoByClassId?token=' + token,
|
|||
|
|
type: 'POST',
|
|||
|
|
data: formData,
|
|||
|
|
dataType: 'json',
|
|||
|
|
beforeSend: function () {
|
|||
|
|
$('.save').addClass("layui-btn-disabled").attr("disabled", true);
|
|||
|
|
$('.cancel').addClass("layui-btn-disabled").attr("disabled", true);
|
|||
|
|
},
|
|||
|
|
success: function (result) {
|
|||
|
|
console.log(result);
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
closePage(1);
|
|||
|
|
parent.layer.msg(result.msg, {icon: 1});
|
|||
|
|
} else {
|
|||
|
|
layer.msg(result.msg, {icon: 5});
|
|||
|
|
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (result) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
layer.msg('数据上传发生异常,请稍后重试', {icon: 16, scrollbar: false, time: 2000});
|
|||
|
|
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 关闭页面
|
|||
|
|
function closePage(type) {
|
|||
|
|
let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
|||
|
|
parent.layer.close(index); //再执行关闭
|
|||
|
|
if (type === 1) {
|
|||
|
|
let frameId = parent.document.getElementById('remotePatrol').getElementsByTagName("iframe")[0];
|
|||
|
|
frameId.contentWindow.reloadWarnInfo();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|