393 lines
15 KiB
JavaScript
393 lines
15 KiB
JavaScript
|
import { layuiObj,schoolThreeColorAlarmList,getThreeColorAlarmReq} from "../../pages/cmddispatch/js/index.js";
|
|||
|
|
import { stationurl } from "../../public/js/url.js";
|
|||
|
|
import {
|
|||
|
|
getThreeColorWarningTitle,
|
|||
|
|
getPersonProvideDiv,
|
|||
|
|
getThingProvideDiv,
|
|||
|
|
getSkillProvideDiv,
|
|||
|
|
getHeartProvideDiv,
|
|||
|
|
getSystemProvideDiv,
|
|||
|
|
getPreventionCaseDiv
|
|||
|
|
} from "../cmddispatch/getText/threeColorWarning.js";
|
|||
|
|
|
|||
|
|
function showThreeColorAlarm(){
|
|||
|
|
layuiObj.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: '三色预警', //不显示标题栏
|
|||
|
|
area: ['1360px', '600px'],
|
|||
|
|
shade: 0.6,
|
|||
|
|
id:new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;">
|
|||
|
|
<div class="threeColorAlarmInfo">
|
|||
|
|
<form class="layui-form" action="" id="threeColorAlarmForm" lay-filter="threeColorAlarmForm" >
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<select name="interest" lay-filter="threeColorAlarmSelect" id="threeColorAlarmSelect" lay-search></select>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<button class="layui-btn" id="threeColorAlarmBtn" style="height:38px !important;line-height:38px !important;">查询</button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="staffSignSelectContent threeColorAlarmContent">
|
|||
|
|
<table class="layui-hide" id="threeColorAlarmTable" lay-filter="threeColorAlarmTable"></table>
|
|||
|
|
</div>
|
|||
|
|
</div>`,
|
|||
|
|
success: function(layero){
|
|||
|
|
getThreeColorAlarmReq().then(res=>{
|
|||
|
|
threeColorAlarmFromRender();
|
|||
|
|
showThreeColorAlarmContent(schoolThreeColorAlarmList)
|
|||
|
|
initBoroughSelect()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function initBoroughSelect(){
|
|||
|
|
var boroughArr=[];
|
|||
|
|
for(var i=0;i<schoolThreeColorAlarmList.length;i++){
|
|||
|
|
var borough=schoolThreeColorAlarmList[i]["borough"];
|
|||
|
|
if(boroughArr.indexOf(borough)==-1){
|
|||
|
|
boroughArr.push(borough);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var options=`<option value="000">请选择派出所</option>`;
|
|||
|
|
boroughArr.forEach(item=>{
|
|||
|
|
options+=`<option value="${item}">${item}</option>`
|
|||
|
|
})
|
|||
|
|
$("#threeColorAlarmSelect").html(options);
|
|||
|
|
layuiObj.layuiForm.render("select","threeColorAlarmForm");
|
|||
|
|
$("#threeColorAlarmSelect").siblings("div.layui-form-select").find("div.layui-select-title").find("input").attr("onfocus","this.select()");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function threeColorAlarmFromRender(){
|
|||
|
|
$("#threeColorAlarmBtn").on('click',function(e){
|
|||
|
|
e.preventDefault();
|
|||
|
|
var borough=$("#threeColorAlarmSelect").find("option:selected").val();
|
|||
|
|
if(borough=="000"){
|
|||
|
|
showThreeColorAlarmContent(schoolThreeColorAlarmList);
|
|||
|
|
}else{
|
|||
|
|
var arr=[];
|
|||
|
|
for(var i=0;i<schoolThreeColorAlarmList.length;i++){
|
|||
|
|
if(schoolThreeColorAlarmList[i]["borough"]==borough){
|
|||
|
|
arr.push(schoolThreeColorAlarmList[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
showThreeColorAlarmContent(arr)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getThreeColorBtnLevel(type,value){
|
|||
|
|
var className="";
|
|||
|
|
switch(type){
|
|||
|
|
case "scoreTotal"://总分
|
|||
|
|
if(value>80){
|
|||
|
|
className="layui-btn-normal";
|
|||
|
|
}else{
|
|||
|
|
className="layui-btn-danger";
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case "scoreHuman"://人防(20)分
|
|||
|
|
if((value/20)*100>80){
|
|||
|
|
className="layui-btn-normal";
|
|||
|
|
}else{
|
|||
|
|
className="layui-btn-danger";
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case "scoreDevices"://物防(20)分
|
|||
|
|
if((value/20)*100>80){
|
|||
|
|
className="layui-btn-normal";
|
|||
|
|
}else{
|
|||
|
|
className="layui-btn-danger";
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case "scoreTech"://技防(30)分
|
|||
|
|
if((value/30)*100>80){
|
|||
|
|
className="layui-btn-normal";
|
|||
|
|
}else{
|
|||
|
|
className="layui-btn-danger";
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case "scoreDesire"://心防(10)分
|
|||
|
|
if((value/10)*100>80){
|
|||
|
|
className="layui-btn-normal";
|
|||
|
|
}else{
|
|||
|
|
className="layui-btn-danger";
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
case "scoreScheme"://制度防(20)分
|
|||
|
|
if((value/20)*100>80){
|
|||
|
|
className="layui-btn-normal";
|
|||
|
|
}else{
|
|||
|
|
className="layui-btn-danger";
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
return `<button type="button" class="layui-btn ${className}">${value}</button>`;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getScoreTotalImg(value){
|
|||
|
|
if(value>80){
|
|||
|
|
var img="<img src='./pages/cmddispatch/image/colorGreen.png' >";
|
|||
|
|
}else if(value>60){
|
|||
|
|
var img="<img src='./pages/cmddispatch/image/colorYellow.png' >";
|
|||
|
|
}else{
|
|||
|
|
var img="<img src='./pages/cmddispatch/image/colorRed.png' >";
|
|||
|
|
}
|
|||
|
|
return img;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showThreeColorAlarmContent(data){
|
|||
|
|
layuiObj.layuitable.render({
|
|||
|
|
elem:'#threeColorAlarmTable',
|
|||
|
|
data:data,
|
|||
|
|
cols: [[
|
|||
|
|
{field:'station', width:"14%", title: '学校名称'},
|
|||
|
|
{field:'scoreTotal', width:"8%", title: '安全等级',templet : function(data) {// 替换数据
|
|||
|
|
return `<div>${getScoreTotalImg(data["scoreTotal"])}</div>`;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{field:'scoreTotal', width:"7%", title: '总分',event:"7",templet : function(data) {// 替换数据
|
|||
|
|
return getThreeColorBtnLevel('scoreTotal',data["scoreTotal"]);
|
|||
|
|
}},
|
|||
|
|
{field:'scoreHuman', width:"11%", title: '人防(20)分',event:"1",templet : function(data) {// 替换数据
|
|||
|
|
return getThreeColorBtnLevel('scoreHuman',data["scoreHuman"]);
|
|||
|
|
}},
|
|||
|
|
{field:'scoreDevices', width:"11%", title: '物防(20)分',event:"2",templet : function(data) {// 替换数据
|
|||
|
|
return getThreeColorBtnLevel('scoreDevices',data["scoreDevices"]);
|
|||
|
|
}},
|
|||
|
|
{field:'scoreTech', width:"11%", title: '技防(30)分',event:"3",templet : function(data) {// 替换数据
|
|||
|
|
return getThreeColorBtnLevel('scoreTech',data["scoreTech"]);
|
|||
|
|
}},
|
|||
|
|
{field:'scoreDesire', width:"11%", title: '心防(10)分',event:"4",templet : function(data) {// 替换数据
|
|||
|
|
return getThreeColorBtnLevel('scoreDesire',data["scoreDesire"]);
|
|||
|
|
}},
|
|||
|
|
{field:'scoreScheme', width:"11%", title: '制度防(20)分',event:"5",templet : function(data) {// 替换数据
|
|||
|
|
return getThreeColorBtnLevel('scoreScheme',data["scoreScheme"]);
|
|||
|
|
}},
|
|||
|
|
{field:'scoreCase', width:"8%", title: '防范案事件',event:"6",templet : function(data) {// 替换数据
|
|||
|
|
return `<button type="button" class="layui-btn layui-btn-normal">${data["scoreCase"]}</button>`;
|
|||
|
|
}},
|
|||
|
|
]],
|
|||
|
|
limit:Number.MAX_VALUE, // 数据表格默认全部显示
|
|||
|
|
done:function(res, curr, count){
|
|||
|
|
var data = res.data;//返回的json中data数据
|
|||
|
|
// console.log(data)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
layuiObj.layuitable.on('tool(threeColorAlarmTable)', function(obj){
|
|||
|
|
var event=obj["event"];
|
|||
|
|
var data=obj["data"]
|
|||
|
|
threeAlarmScorePage(event,data);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getThreeColorDetail(data){
|
|||
|
|
var data={
|
|||
|
|
"station":data["station"]
|
|||
|
|
}
|
|||
|
|
var loginurl=stationurl+"/iotserver/school/color_detail/getdetail";
|
|||
|
|
return axios({
|
|||
|
|
method: 'post',
|
|||
|
|
url:loginurl,
|
|||
|
|
data: data
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function updateThreeColorValue(){
|
|||
|
|
currentThreeColorDetail["guarderCount"]=currentThreeColorDetail["guarderCount"]/10;
|
|||
|
|
currentThreeColorDetail["guarderCert"]=currentThreeColorDetail["guarderCert"]/10;
|
|||
|
|
currentThreeColorDetail["guarderOverAge"]=currentThreeColorDetail["guarderOverAge"]/10;
|
|||
|
|
currentThreeColorDetail["peakGuarderArmed"]=currentThreeColorDetail["peakGuarderArmed"]/10;
|
|||
|
|
currentThreeColorDetail["peakProtectScheme"]=currentThreeColorDetail["peakProtectScheme"]/10;
|
|||
|
|
currentThreeColorDetail["peakStaff"]=currentThreeColorDetail["peakStaff"]/10;
|
|||
|
|
currentThreeColorDetail["zoneClosed"]=currentThreeColorDetail["zoneClosed"]/10;
|
|||
|
|
currentThreeColorDetail["equipCount"]=currentThreeColorDetail["equipCount"]/10;
|
|||
|
|
currentThreeColorDetail["collision"]=currentThreeColorDetail["collision"]/10;
|
|||
|
|
currentThreeColorDetail["ipcCover"]=currentThreeColorDetail["ipcCover"]/10;
|
|||
|
|
currentThreeColorDetail["alarmSystem"]=currentThreeColorDetail["alarmSystem"]/10;
|
|||
|
|
currentThreeColorDetail["ipcGate"]=currentThreeColorDetail["ipcGate"]/10;
|
|||
|
|
currentThreeColorDetail["ipcRecord"]=currentThreeColorDetail["ipcRecord"]/10;
|
|||
|
|
currentThreeColorDetail["lawEducation"]=currentThreeColorDetail["lawEducation"]/10;
|
|||
|
|
currentThreeColorDetail["conflict"]=currentThreeColorDetail["conflict"]/10;
|
|||
|
|
currentThreeColorDetail["guarderScheme"]=currentThreeColorDetail["guarderScheme"]/10;
|
|||
|
|
currentThreeColorDetail["buildingScheme"]=currentThreeColorDetail["buildingScheme"]/10;
|
|||
|
|
currentThreeColorDetail["fireScheme"]=currentThreeColorDetail["fireScheme"]/10;
|
|||
|
|
currentThreeColorDetail["dangerousScheme"]=currentThreeColorDetail["dangerousScheme"]/10;
|
|||
|
|
currentThreeColorDetail["conflictScheme"]=currentThreeColorDetail["conflictScheme"]/10;
|
|||
|
|
currentThreeColorDetail["guarderPMIScheme"]=currentThreeColorDetail["guarderPMIScheme"]/10;
|
|||
|
|
currentThreeColorDetail["securityServiceScheme"]=currentThreeColorDetail["securityServiceScheme"]/10;
|
|||
|
|
currentThreeColorDetail["criminalCase"]=currentThreeColorDetail["criminalCase"]/10;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var currentThreeColorDetail=null;
|
|||
|
|
async function threeAlarmScorePage(event,data){
|
|||
|
|
var threeColorRes=await getThreeColorDetail(data);
|
|||
|
|
var threeColorDetail=threeColorRes.data.data;
|
|||
|
|
currentThreeColorDetail=threeColorDetail;
|
|||
|
|
updateThreeColorValue();//把回来的数据除以10
|
|||
|
|
|
|||
|
|
|
|||
|
|
switch(event){
|
|||
|
|
case "1":
|
|||
|
|
showPersonProvidePopPage(data);
|
|||
|
|
break;
|
|||
|
|
case "2":
|
|||
|
|
showThingProvidePopPage(data);
|
|||
|
|
break;
|
|||
|
|
case "3":
|
|||
|
|
showSkillProvidePopPage(data);
|
|||
|
|
break;
|
|||
|
|
case "4":
|
|||
|
|
showHeartProvidePopPage(data);
|
|||
|
|
break;
|
|||
|
|
case "5":
|
|||
|
|
showSystemProvidePopPage(data);
|
|||
|
|
break;
|
|||
|
|
case "6":
|
|||
|
|
showPreventionCasePopPage(data);
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showPersonProvidePopPage(data){
|
|||
|
|
layuiObj.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title:`${data["station"]}-人防`, //不显示标题栏
|
|||
|
|
area: ['900px', '600px'],
|
|||
|
|
shade: 0.6,
|
|||
|
|
id:new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;">
|
|||
|
|
<div class="threeColorAlarmInfoBox">
|
|||
|
|
${getThreeColorWarningTitle()}
|
|||
|
|
${getPersonProvideDiv(currentThreeColorDetail)}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>`,
|
|||
|
|
success: function(layero){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showThingProvidePopPage(data){
|
|||
|
|
layuiObj.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title:`${data["station"]}-物防`, //不显示标题栏
|
|||
|
|
area: ['900px', 'auto'],
|
|||
|
|
shade: 0.6,
|
|||
|
|
id:new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;">
|
|||
|
|
<div class="threeColorAlarmInfoBox">
|
|||
|
|
${getThreeColorWarningTitle()}
|
|||
|
|
${getThingProvideDiv(currentThreeColorDetail)}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>`,
|
|||
|
|
success: function(layero){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showSkillProvidePopPage(data){
|
|||
|
|
layuiObj.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title:`${data["station"]}-技防`, //不显示标题栏
|
|||
|
|
area: ['900px', 'auto'],
|
|||
|
|
shade: 0.6,
|
|||
|
|
id:new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;">
|
|||
|
|
<div class="threeColorAlarmInfoBox">
|
|||
|
|
${getThreeColorWarningTitle()}
|
|||
|
|
${getSkillProvideDiv(currentThreeColorDetail)}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>`,
|
|||
|
|
success: function(layero){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showHeartProvidePopPage(data){
|
|||
|
|
layuiObj.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title:`${data["station"]}-心防`, //不显示标题栏
|
|||
|
|
area: ['900px', 'auto'],
|
|||
|
|
shade: 0.6,
|
|||
|
|
id:new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;">
|
|||
|
|
<div class="threeColorAlarmInfoBox">
|
|||
|
|
${getThreeColorWarningTitle()}
|
|||
|
|
${getHeartProvideDiv(currentThreeColorDetail)}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>`,
|
|||
|
|
success: function(layero){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showSystemProvidePopPage(data){
|
|||
|
|
layuiObj.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title:`${data["station"]}-制度防`, //不显示标题栏
|
|||
|
|
area: ['900px', '600px'],
|
|||
|
|
shade: 0.6,
|
|||
|
|
id:new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;">
|
|||
|
|
<div class="threeColorAlarmInfoBox">
|
|||
|
|
${getThreeColorWarningTitle()}
|
|||
|
|
${getSystemProvideDiv(currentThreeColorDetail)}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>`,
|
|||
|
|
success: function(layero){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showPreventionCasePopPage(data){
|
|||
|
|
layuiObj.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title:`${data["station"]}-防范案事件`, //不显示标题栏
|
|||
|
|
area: ['900px', 'auto'],
|
|||
|
|
shade: 0.6,
|
|||
|
|
id:new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;">
|
|||
|
|
<div class="threeColorAlarmInfoBox">
|
|||
|
|
${getThreeColorWarningTitle()}
|
|||
|
|
${getPreventionCaseDiv(currentThreeColorDetail)}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>`,
|
|||
|
|
success: function(layero){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export {showThreeColorAlarm}
|