cwchen
/
ah_jjzhgd_webscreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

告警处置

This commit is contained in:
zzyuan 2024-04-18 19:43:51 +08:00
parent 30dbe3e8e4
commit f8d7fa4864
3 changed files with 158 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/alarmMge/alarmMge.css
View File

@ -83,18 +83,14 @@ body {
} }
.alarmDialog{ .alarmDialog{
color: #000; /* color: #000; */
padding: 15px; padding: 15px;
} }
.layui-input, .layui-select, .layui-textarea { #alarmContent{
height: 38px; color: #000;
line-height: 1.3; }
line-height: 38px \9; #alarmMask{
border-width: 1px; color: #000;
border-style: solid;
background-color: transparent;
color: #000 !important;
border-radius: 2px;
} }
.black{ .black{
color: #000; color: #000;

195
js/pages/alarmMge/alarmMge.js
View File

@ -9,6 +9,118 @@ layui.use(['layer','table','form','jquery'], function () {
table = layui.table; table = layui.table;
//建管单位下拉选 //建管单位下拉选
getBuildLists(); 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(){ function getBuildLists(){
@ -85,7 +197,7 @@ function init(warnType){
table.render({ table.render({
elem: '#demo', elem: '#demo',
url: url, url: url,
skin: 'line', // skin: 'line',
page: true, page: true,
headers:{ headers:{
decrypt:"decrypt", decrypt:"decrypt",
@ -95,18 +207,21 @@ function init(warnType){
bidCode:bidCode, bidCode:bidCode,
warnType:warnType, warnType:warnType,
orgId:$('#build').val(), orgId:$('#build').val(),
proName:$('#proName').val(), warnContent:$('#warnContent').val(),
teamLeader:$('#teamLeader').val() // teamLeader:$('#teamLeader').val()
}, },
cols: [[ cols: [[
{type: 'numbers', title: '序号'}, // 添加序号列 {type: 'numbers', title: '序号'}, // 添加序号列
{field: 'orgName', title: '建管单位',align:'center'}, // {field: 'orgName', title: '',align:'center'},
{field: 'proName', title: '工程名称',align:'center'}, {field: 'proName', title: '工程名称',align:'center'},
{field: 'warnContent', title: '告警内容',align:'center'}, {field: 'warnContent', title: '告警内容',align:'center'},
{field: 'teamLeader', title: '班组长',align:'center'}, {field: 'warnTime', title: '告警时间',align:'center'},
// {field: '', title: '操作',align:'center',templet:function(d){ // {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 () { initComplete: function () {
// 在表格渲染完成后，重新渲染序号列 // 在表格渲染完成后，重新渲染序号列
@ -118,6 +233,15 @@ function init(warnType){
}, },
done:function(res, curr, count, origin){ done:function(res, curr, count, origin){
console.log(res); 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) 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);
});
},
});
}

37
pages/alarmMge/alarmMge.html
View File

@ -27,40 +27,35 @@
<div class="alarm"> <div class="alarm">
<form class="layui-form " onsubmit="return false"> <form class="layui-form " onsubmit="return false">
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-inline"> <!-- <div class="layui-inline">
<label class="layui-form-label">建管单位：</label> <label class="layui-form-label">建管单位：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<select lay-search id="build"> <select lay-search id="build">
</select> </select>
</div> </div>
</div> </div>
-->
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label">工程名称：</label> <label class="layui-form-label">告警内容：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="text" id="proName" placeholder="请输入工程名称" autocomplete="off" <input type="text" id="warnContent" placeholder="请输入告警内容" autocomplete="off"
class="layui-input"> class="layui-input">
</div> </div>
</div> </div>
<div class="layui-inline"> <!-- <div class="layui-inline">
<label class="layui-form-label">班组长：</label> <label class="layui-form-label">班组长：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="text" id="teamLeader" placeholder="请输入班组长" autocomplete="off" <input type="text" id="teamLeader" placeholder="请输入班组长" autocomplete="off"
class="layui-input"> class="layui-input">
</div> </div>
</div> </div> -->
<div class="layui-inline"> <div class="layui-inline">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="getQueryList()">查询</button> <button class="layui-btn" onclick="getQueryList()">查询</button>
</div> </div>
</div> </div>
<div class="layui-inline">
<div class="layui-col-xs12">
<button class="layui-btn" id="layerBtn" onclick="handleAlarm()">告警处置</button>
</div>
</div>
</div> </div>
</form> </form>
@ -74,29 +69,37 @@
</div> </div>
<!-- 弹窗 --> <!-- 弹窗 -->
<div style="display: none" id="biaodan" class="alarmDialog"> <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"> <div class="layui-form-item">
<label class="layui-form-label">告警内容:</label> <label class="layui-form-label">告警内容:</label>
<div class="layui-input-block"> <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> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">是否告警:</label> <label class="layui-form-label">是否符合:</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="isAlarm" value="1" title="是" checked> <input type="radio" id="isAlarm1" name="isAlarm" value="1" title="符合" checked>
<input type="radio" name="isAlarm" value="2" title="否" > <input type="radio" id="isAlarm2" name="isAlarm" value="2" title="不符合" >
</div> </div>
</div> </div>
<div class="layui-form-item layui-form-text"> <div class="layui-form-item layui-form-text">
<label class="layui-form-label">备注:</label> <label class="layui-form-label">备注:</label>
<div class="layui-input-block"> <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>
</div> </div>
<!-- <button style="display: none" id="submit" class="layui-btn" lay-submit lay-filter="submit">提交</button> --> <!-- <button style="display: none" id="submit" class="layui-btn" lay-submit lay-filter="submit">提交</button> -->
</form> </form>
</div> </div>
</body> </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> <script src="../../js/pages/alarmMge/alarmMge.js" type="text/javascript"></script>
</html> </html>