339 lines
10 KiB
JavaScript
339 lines
10 KiB
JavaScript
|
let layer,table,buildCheck,$,form;
|
|||
|
|
const bidCode = parent.$('#bidPro').val();
|
|||
|
|
var isSubOk = false
|
|||
|
|
var mengIndex = 0
|
|||
|
|
layui.use(['layer','table','form','jquery'], function () {
|
|||
|
|
$ = layui.jquery
|
|||
|
|
form = layui.form
|
|||
|
|
layer = layui.layer;
|
|||
|
|
table = layui.table;
|
|||
|
|
//建管单位下拉选
|
|||
|
|
getBuildLists();
|
|||
|
|
|
|||
|
|
// 响应成功后的拦截器
|
|||
|
|
$.ajaxSetup({
|
|||
|
|
beforeSend: function(xhr, options) {
|
|||
|
|
var originalSuccess = options.success
|
|||
|
|
options.success = function(data, textStatus, jqXhr) {
|
|||
|
|
data = modifyResponseData(data);
|
|||
|
|
// success(data,textStatus, jqXhr);
|
|||
|
|
originalSuccess.apply(this, arguments)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
table.on('tool(test)', function (obj) {
|
|||
|
|
var data = obj.data;
|
|||
|
|
console.log(data)
|
|||
|
|
// console.log(data,'-----row-----')
|
|||
|
|
if (obj.event === 'edit') {
|
|||
|
|
layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: '告警处置', //显示标题栏
|
|||
|
|
closeBtn: 1,
|
|||
|
|
area: '600px;',
|
|||
|
|
id: 'LAY_layuipro', //设定一个id，防止重复弹出
|
|||
|
|
resize: false,
|
|||
|
|
btn: ['确定', '取消'],
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
skin:"layui-layer-molv",
|
|||
|
|
content: $("#biaodan"),
|
|||
|
|
success: function (layero) {
|
|||
|
|
$(':focus').blur();
|
|||
|
|
// 添加form标识
|
|||
|
|
layero.addClass('layui-form');
|
|||
|
|
// 将保存按钮改变成提交按钮
|
|||
|
|
layero.find('.layui-layer-btn0').attr({
|
|||
|
|
'lay-filter': 'formDemo',
|
|||
|
|
'lay-submit': ''
|
|||
|
|
});
|
|||
|
|
$("#form_info")[0].reset();
|
|||
|
|
$("#isAlarm1").attr("checked",true);
|
|||
|
|
$("#alarmContent").val(data.warnContent);
|
|||
|
|
form.render();
|
|||
|
|
},
|
|||
|
|
yes: function (layero, index) {
|
|||
|
|
form.on('submit(formDemo)', function (Fdata) {
|
|||
|
|
//表单数据formData
|
|||
|
|
var formData = Fdata.field;
|
|||
|
|
// console.log(formData,'-----formData-----')
|
|||
|
|
const url = commonUrl + "screen/largeScreen/alarmMge/warnProcess";
|
|||
|
|
const params = {
|
|||
|
|
"warnId": data.warnId,
|
|||
|
|
"status": formData.isAlarm,
|
|||
|
|
"remark": formData.alarmMask,
|
|||
|
|
}
|
|||
|
|
// console.log(params)
|
|||
|
|
let encryptStr = encryptCBC(JSON.stringify(params));
|
|||
|
|
ajaxRequest(url, "POST", encryptStr, true, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
// console.log(result);
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
layer.close('LAY_layuipro')
|
|||
|
|
getQueryList()
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
layer.msg(result.msg, { icon: 2 });
|
|||
|
|
}else if(result.code === 401){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}, function (xhr, status, error) {
|
|||
|
|
error(xhr, status, error)
|
|||
|
|
}, "application/json",aqEnnable);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
cancel: function () {
|
|||
|
|
// 右上角关闭事件的逻辑
|
|||
|
|
layer.close('LAY_layuipro')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else if(obj.event === 'view'){
|
|||
|
|
layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: '告警查看', //显示标题栏
|
|||
|
|
closeBtn: 1,
|
|||
|
|
area: '600px;',
|
|||
|
|
id: 'LAY_layuipro1', //设定一个id，防止重复弹出
|
|||
|
|
resize: false,
|
|||
|
|
btn: ['确定', '取消'],
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
skin:"layui-layer-molv",
|
|||
|
|
content: $("#biaodan"),
|
|||
|
|
success: function (layero) {
|
|||
|
|
$(':focus').blur();
|
|||
|
|
// 添加form标识
|
|||
|
|
layero.addClass('layui-form');
|
|||
|
|
// 将保存按钮改变成提交按钮
|
|||
|
|
layero.find('.layui-layer-btn0').attr({
|
|||
|
|
'lay-filter': 'formDemo',
|
|||
|
|
'lay-submit': ''
|
|||
|
|
});
|
|||
|
|
$("#form_info")[0].reset();
|
|||
|
|
$("#alarmContent").val(data.warnContent);
|
|||
|
|
$("#alarmMask").val(data.remark);
|
|||
|
|
if(data.status=='1'){
|
|||
|
|
$("#isAlarm1").attr("checked",true);
|
|||
|
|
$("#isAlarm2").attr("checked",false);
|
|||
|
|
}else if(data.status=='2'){
|
|||
|
|
$("#isAlarm1").attr("checked",false);
|
|||
|
|
$("#isAlarm2").attr("checked",true);
|
|||
|
|
}
|
|||
|
|
form.render();
|
|||
|
|
},
|
|||
|
|
yes: function (layero, index) {
|
|||
|
|
layer.close('LAY_layuipro1')
|
|||
|
|
},
|
|||
|
|
cancel: function () {
|
|||
|
|
// 右上角关闭事件的逻辑
|
|||
|
|
layer.close('LAY_layuipro1')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else if(obj.event === 'upload'){
|
|||
|
|
layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: '推送', //显示标题栏
|
|||
|
|
closeBtn: 1,
|
|||
|
|
area: '600px;',
|
|||
|
|
id: 'LAY_layuipro2', //设定一个id，防止重复弹出
|
|||
|
|
resize: false,
|
|||
|
|
btn: ['推送', '取消'],
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
skin:"layui-layer-molv",
|
|||
|
|
content: $("#upload"),
|
|||
|
|
success: function (layero) {
|
|||
|
|
$(':focus').blur();
|
|||
|
|
// 添加form标识
|
|||
|
|
layero.addClass('layui-form');
|
|||
|
|
// 将保存按钮改变成提交按钮
|
|||
|
|
layero.find('.layui-layer-btn0').attr({
|
|||
|
|
'lay-filter': 'formDemo',
|
|||
|
|
'lay-submit': ''
|
|||
|
|
});
|
|||
|
|
// $("#form_info")[0].reset();
|
|||
|
|
console.log(data)
|
|||
|
|
$("#warnContentTwo").val(data.warnContent);
|
|||
|
|
$("#proName").val(data.proName);
|
|||
|
|
$("#warnTime").val(data.warnTime);
|
|||
|
|
if(data.status=='0'){
|
|||
|
|
$("#status").val('未处理');
|
|||
|
|
}else if(data.status=='1'){
|
|||
|
|
$("#status").val('告警');
|
|||
|
|
}else if(data.status=='2'){
|
|||
|
|
$("#status").val('未告警');
|
|||
|
|
}
|
|||
|
|
form.render();
|
|||
|
|
},
|
|||
|
|
yes: function (layero, index) {
|
|||
|
|
form.on('submit(formDemo)', function (Fdata) {
|
|||
|
|
//表单数据formData
|
|||
|
|
var formData = Fdata.field;
|
|||
|
|
// console.log(formData,'-----formData-----')
|
|||
|
|
const url = commonUrl + "screen/largeScreen/alarmMge/warnUpload";
|
|||
|
|
const params = {
|
|||
|
|
"warnId": data.warnId,
|
|||
|
|
"warnContent": formData.warnContent,
|
|||
|
|
"status": data.status,
|
|||
|
|
"proName": formData.proName,
|
|||
|
|
"warnTime": formData.warnTime,
|
|||
|
|
}
|
|||
|
|
// console.log(params)
|
|||
|
|
let encryptStr = encryptCBC(JSON.stringify(params));
|
|||
|
|
ajaxRequest(url, "POST", encryptStr, true, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
// console.log(result);
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
layer.close('LAY_layuipro2')
|
|||
|
|
layer.msg(result.msg, { icon: 1 });
|
|||
|
|
getQueryList()
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
layer.msg(result.msg, { icon: 2 });
|
|||
|
|
}else if(result.code === 401){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}, function (xhr, status, error) {
|
|||
|
|
error(xhr, status, error)
|
|||
|
|
}, "application/json",aqEnnable);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
cancel: function () {
|
|||
|
|
// 右上角关闭事件的逻辑
|
|||
|
|
layer.close('LAY_layuipro2')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function getBuildLists(){
|
|||
|
|
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId;
|
|||
|
|
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
|
|||
|
|
const url = commonUrl + "system/sys/select/getBuildLists?params=" + montageParam; // url
|
|||
|
|
ajaxRequestGet(url, "GET", true, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
let html = '';
|
|||
|
|
if (result.data && result.data.length > 0) {
|
|||
|
|
$.each(result.data, function (index, item) {
|
|||
|
|
html += '<option value="' + item.orgId + '">' + item.name + '</option>'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
$('#build').empty().append(html);
|
|||
|
|
layui.form.render();
|
|||
|
|
|
|||
|
|
//选择单位下拉选
|
|||
|
|
getSelectLists();
|
|||
|
|
updateSelection();
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
layer.msg(result.msg, { icon: 2 });
|
|||
|
|
}
|
|||
|
|
}, function (xhr, status, error) {
|
|||
|
|
error(xhr, status, error)
|
|||
|
|
}, aqEnnable);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSelectLists(){
|
|||
|
|
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId;
|
|||
|
|
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
|
|||
|
|
const url = commonUrl + "system/sys/select/getSelectLists?params=" + montageParam; // url
|
|||
|
|
ajaxRequestGet(url, "GET", true, function () {
|
|||
|
|
}, function (result) {
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
getSelect(result.data)
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
layer.msg(result.msg, { icon: 2 });
|
|||
|
|
}
|
|||
|
|
}, function (xhr, status, error) {
|
|||
|
|
error(xhr, status, error)
|
|||
|
|
}, aqEnnable);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSelect(data){
|
|||
|
|
$("#selection").empty();
|
|||
|
|
var html ="";
|
|||
|
|
for (var i = 0; i < data.length; i++) {
|
|||
|
|
if(i == 0){
|
|||
|
|
html += '<div class="item bright" id="'+data[i].id+'">'+data[i].name+'</div>' ;
|
|||
|
|
}else{
|
|||
|
|
html += '<div class="item dark" id="'+data[i].id+'">'+data[i].name+'</div>' ;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
buildCheck = data[0].id;
|
|||
|
|
init(data[0].id);
|
|||
|
|
$("#selection").append(html);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function updateSelection() {
|
|||
|
|
$("#selection").on("click", ".item", function() {
|
|||
|
|
$(".item").removeClass("bright").addClass("dark"); // 点击时将所有元素设置为 dark 类
|
|||
|
|
$(this).removeClass("dark").addClass("bright"); // 点击的元素设置为 bright 类
|
|||
|
|
var clickedId = $(this).attr('id'); // 获取被点击的 div 元素的 id 值
|
|||
|
|
console.log("选中的值为: " + clickedId);
|
|||
|
|
buildCheck = clickedId;
|
|||
|
|
init(clickedId);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function init(warnType){
|
|||
|
|
const url = commonUrl + "screen/largeScreen/alarmMge/getAlarmMgeList"; // 建管单位url
|
|||
|
|
table.render({
|
|||
|
|
elem: '#demo',
|
|||
|
|
url: url,
|
|||
|
|
// skin: 'line',
|
|||
|
|
page: true,
|
|||
|
|
headers:{
|
|||
|
|
decrypt:"decrypt",
|
|||
|
|
"Authorization":token
|
|||
|
|
},
|
|||
|
|
where: {
|
|||
|
|
bidCode:bidCode,
|
|||
|
|
warnType:warnType,
|
|||
|
|
orgId:$('#build').val(),
|
|||
|
|
warnContent:$('#warnContent').val(),
|
|||
|
|
// teamLeader:$('#teamLeader').val()
|
|||
|
|
},
|
|||
|
|
cols: [[
|
|||
|
|
{type: 'numbers', title: '序号'}, // 添加序号列
|
|||
|
|
// {field: 'orgName', title: '',align:'center'},
|
|||
|
|
{field: 'proName', title: '工程名称',align:'center'},
|
|||
|
|
{field: 'warnContent', title: '告警内容',align:'center'},
|
|||
|
|
{field: 'warnTime', title: '告警时间',align:'center'},
|
|||
|
|
// {field: 'teamLeader', title: '班组长',align:'center'},
|
|||
|
|
// {field: 'remark', title: '备注',align:'center'},
|
|||
|
|
// {field: 'userName', title: '处理人',align:'center'},
|
|||
|
|
{field: 'status', title: '处理状态',align:'center'},
|
|||
|
|
// {field: 'updateTime', title: '处理时间',align:'center'},
|
|||
|
|
{fixed: 'right', title: '操作', align:'center',toolbar: '#barDemo' }
|
|||
|
|
]],
|
|||
|
|
initComplete: function () {
|
|||
|
|
// 在表格渲染完成后，重新渲染序号列
|
|||
|
|
var that = this.elem.next();
|
|||
|
|
var tool = that.children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('.layui-table');
|
|||
|
|
tool.find("tr").each(function (index, item) {
|
|||
|
|
$(this).find('td[data-field="LAY_TABLE_INDEX"]').text(index + 1);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
done:function(res, curr, count, origin){
|
|||
|
|
// console.log(res);
|
|||
|
|
$("[data-field='status']").children().each(function(){
|
|||
|
|
if($(this).text()=='0'){
|
|||
|
|
$(this).text('未处理')
|
|||
|
|
}else if($(this).text()=='1'){
|
|||
|
|
$(this).text('告警')
|
|||
|
|
}else if($(this).text()=='2'){
|
|||
|
|
$(this).text('未告警')
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getQueryList(){
|
|||
|
|
init(buildCheck)
|
|||
|
|
}
|
|||
|
|
|