告警处置
This commit is contained in:
parent
30dbe3e8e4
commit
f8d7fa4864
|
|
@ -83,18 +83,14 @@ body {
|
|||
}
|
||||
|
||||
.alarmDialog{
|
||||
color: #000;
|
||||
/* color: #000; */
|
||||
padding: 15px;
|
||||
}
|
||||
.layui-input, .layui-select, .layui-textarea {
|
||||
height: 38px;
|
||||
line-height: 1.3;
|
||||
line-height: 38px \9;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
background-color: transparent;
|
||||
color: #000 !important;
|
||||
border-radius: 2px;
|
||||
#alarmContent{
|
||||
color: #000;
|
||||
}
|
||||
#alarmMask{
|
||||
color: #000;
|
||||
}
|
||||
.black{
|
||||
color: #000;
|
||||
|
|
|
|||
|
|
@ -9,6 +9,118 @@ layui.use(['layer','table','form','jquery'], function () {
|
|||
table = layui.table;
|
||||
//建管单位下拉选
|
||||
getBuildLists();
|
||||
|
||||
table.on('tool(test)', function (obj) {
|
||||
var data = obj.data;
|
||||
console.log(data)
|
||||
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)
|
||||
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'){
|
||||
console.log(11111)
|
||||
$("#isAlarm1").attr("checked",true);
|
||||
$("#isAlarm2").attr("checked",false);
|
||||
}else if(data.status=='2'){
|
||||
console.log(22222)
|
||||
$("#isAlarm1").attr("checked",false);
|
||||
$("#isAlarm2").attr("checked",true);
|
||||
}
|
||||
form.render();
|
||||
},
|
||||
cancel: function () {
|
||||
// 右上角关闭事件的逻辑
|
||||
layer.close('LAY_layuipro1')
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getBuildLists(){
|
||||
|
|
@ -85,7 +197,7 @@ function init(warnType){
|
|||
table.render({
|
||||
elem: '#demo',
|
||||
url: url,
|
||||
skin: 'line',
|
||||
// skin: 'line',
|
||||
page: true,
|
||||
headers:{
|
||||
decrypt:"decrypt",
|
||||
|
|
@ -95,18 +207,21 @@ function init(warnType){
|
|||
bidCode:bidCode,
|
||||
warnType:warnType,
|
||||
orgId:$('#build').val(),
|
||||
proName:$('#proName').val(),
|
||||
teamLeader:$('#teamLeader').val()
|
||||
warnContent:$('#warnContent').val(),
|
||||
// teamLeader:$('#teamLeader').val()
|
||||
},
|
||||
cols: [[
|
||||
{type: 'numbers', title: '序号'}, // 添加序号列
|
||||
{field: 'orgName', title: '建管单位',align:'center'},
|
||||
// {field: 'orgName', title: '',align:'center'},
|
||||
{field: 'proName', title: '工程名称',align:'center'},
|
||||
{field: 'warnContent', title: '告警内容',align:'center'},
|
||||
{field: 'teamLeader', title: '班组长',align:'center'},
|
||||
// {field: '', title: '操作',align:'center',templet:function(d){
|
||||
|
||||
// }},
|
||||
{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 () {
|
||||
// 在表格渲染完成后，重新渲染序号列
|
||||
|
|
@ -118,6 +233,15 @@ function init(warnType){
|
|||
},
|
||||
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('未告警')
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -126,58 +250,3 @@ function getQueryList(){
|
|||
init(buildCheck)
|
||||
}
|
||||
|
||||
function handleAlarm(){
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: '告警处置', //显示标题栏
|
||||
closeBtn: false,
|
||||
area: '600px;',
|
||||
id: 'LAY_layuipro' //设定一个id，防止重复弹出
|
||||
,
|
||||
resize: false,
|
||||
btn: ['确定', '取消'],
|
||||
btnAlign: 'c',
|
||||
moveType: 1 //拖拽模式，0或者1
|
||||
,
|
||||
content: $("#biaodan"),
|
||||
success: function (layero) {
|
||||
$(':focus').blur();
|
||||
// 添加form标识
|
||||
layero.addClass('layui-form');
|
||||
// 将保存按钮改变成提交按钮
|
||||
layero.find('.layui-layer-btn0').attr({
|
||||
'lay-filter': 'formDemo',
|
||||
'lay-submit': ''
|
||||
});
|
||||
form.render();
|
||||
},
|
||||
yes: function (layero, index) {
|
||||
form.on('submit(formDemo)', function (data) {
|
||||
//表单数据formData
|
||||
var formData = data.field;
|
||||
console.log(formData)
|
||||
const url = commonUrl + "screen/largeScreen/constructionQuality/qualityInspection";
|
||||
const params = {
|
||||
"roleCode": roleCode,
|
||||
"orgId": orgId,
|
||||
"userId": userId,
|
||||
"bidCode": bidCode
|
||||
}
|
||||
let encryptStr = encryptCBC(JSON.stringify(params));
|
||||
ajaxRequest(url, "POST", encryptStr, true, function () {
|
||||
}, function (result) {
|
||||
console.log(result);
|
||||
if (result.code === 200) {
|
||||
|
||||
} 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);
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
|
|
@ -27,40 +27,35 @@
|
|||
<div class="alarm">
|
||||
<form class="layui-form " onsubmit="return false">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<!-- <div class="layui-inline">
|
||||
<label class="layui-form-label">建管单位：</label>
|
||||
<div class="layui-input-inline">
|
||||
<select lay-search id="build">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
-->
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">工程名称：</label>
|
||||
<label class="layui-form-label">告警内容：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" id="proName" placeholder="请输入工程名称" autocomplete="off"
|
||||
<input type="text" id="warnContent" placeholder="请输入告警内容" autocomplete="off"
|
||||
class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline">
|
||||
<!-- <div class="layui-inline">
|
||||
<label class="layui-form-label">班组长：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" id="teamLeader" placeholder="请输入班组长" autocomplete="off"
|
||||
class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="layui-inline">
|
||||
<div class="layui-col-xs12">
|
||||
<button class="layui-btn" onclick="getQueryList()">查询</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-col-xs12">
|
||||
<button class="layui-btn" id="layerBtn" onclick="handleAlarm()">告警处置</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
|
@ -74,29 +69,37 @@
|
|||
</div>
|
||||
<!-- 弹窗 -->
|
||||
<div style="display: none" id="biaodan" class="alarmDialog">
|
||||
<form class="layui-form" lay-filter="alarmForm" style="width: 100%;" onsubmit="return false;">
|
||||
<form class="layui-form" id="form_info" lay-filter="alarmForm" style="width: 100%;" onsubmit="return false;">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">告警内容:</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="alarmContent" id="alarmContent" required lay-verify="required" lay-reqtext="请输入告警内容" placeholder="请输入告警内容" autocomplete="off" class="layui-input" maxlength="100">
|
||||
<input type="text" name="alarmContent" id="alarmContent" disabled placeholder="请输入告警内容" autocomplete="off" class="layui-input" maxlength="100">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">是否告警:</label>
|
||||
<label class="layui-form-label">是否符合:</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="isAlarm" value="1" title="是" checked>
|
||||
<input type="radio" name="isAlarm" value="2" title="否" >
|
||||
<input type="radio" id="isAlarm1" name="isAlarm" value="1" title="符合" checked>
|
||||
<input type="radio" id="isAlarm2" name="isAlarm" value="2" title="不符合" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">备注:</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="alarmMask" id="alarmMask" placeholder="请输入内容" class="layui-textarea" maxlength="100"></textarea>
|
||||
<textarea name="alarmMask" id="alarmMask" placeholder="请输入备注" required lay-verify="required" lay-reqtext="请输入备注" class="layui-textarea" maxlength="50"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <button style="display: none" id="submit" class="layui-btn" lay-submit lay-filter="submit">提交</button> -->
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script type="text/html" id="barDemo">
|
||||
{{# if(d.status == 0){ }}
|
||||
<a class="layui-btn" lay-event="edit">处置</a>
|
||||
{{# }else{ }}
|
||||
<a class="layui-btn" lay-event="view">查看</a>
|
||||
{{# } }}
|
||||
</script>
|
||||
<script src="../../js/pages/alarmMge/alarmMge.js" type="text/javascript"></script>
|
||||
</html>
|
||||
Loading…
Reference in New Issue