252 lines
9.1 KiB
JavaScript
252 lines
9.1 KiB
JavaScript
|
import { schoolCheckList, layuiObj } from "./index.js";
|
|||
|
|
import { checkStateText } from "./checkStateText.js";
|
|||
|
|
import {
|
|||
|
|
showPersonProvidePopPage,
|
|||
|
|
showThingProvidePopPage,
|
|||
|
|
showSkillProvidePopPage,
|
|||
|
|
showHeartProvidePopPage,
|
|||
|
|
showSystemProvidePopPage
|
|||
|
|
} from "./threeColorDetail.js";
|
|||
|
|
var checkListTotal=[];
|
|||
|
|
var checkOkList={};
|
|||
|
|
var checkNoList={};
|
|||
|
|
var checkOkCount=0;
|
|||
|
|
var checkNoCount=0;
|
|||
|
|
function showSchoolCheckList() {
|
|||
|
|
showPoliceDetailData(schoolCheckList)
|
|||
|
|
}
|
|||
|
|
//显示派出所的详情数据
|
|||
|
|
function showPoliceDetailData(schoolCheckList) {
|
|||
|
|
layuiObj.layuitable.render({
|
|||
|
|
elem: '#workInclockTable',
|
|||
|
|
data: schoolCheckList,
|
|||
|
|
cols: [[
|
|||
|
|
{ field: 'borough', width: "10%", title: '派出所' },
|
|||
|
|
{ field: 'station', width: "10%", title: '学校',event:'scoreHuman'},
|
|||
|
|
{ field: 'timestamp', width: "10%", title: '检查时间' },
|
|||
|
|
{ field: 'scoreTotal', width: "10%", title: '总分',event:'scoreTotal' },
|
|||
|
|
{ field: 'scoreHuman', width: "10%", title: '人防',event:'scoreHuman',templet:function(res){
|
|||
|
|
return `<button type="button" class="layui-btn layui-btn-normal">${res["scoreHuman"]}/20</button>`
|
|||
|
|
}},
|
|||
|
|
{ field: 'scoreDevices', width: "10%", title: '物防' ,event:'scoreDevices',templet:function(res){
|
|||
|
|
return `<button type="button" class="layui-btn layui-btn-normal">${res["scoreDevices"]}/20</button>`
|
|||
|
|
}},
|
|||
|
|
{ field: 'scoreTech', width: "10%", title: '技防',event:'scoreTech',templet:function(res){
|
|||
|
|
return `<button type="button" class="layui-btn layui-btn-normal">${res["scoreTech"]}/30</button>`
|
|||
|
|
} },
|
|||
|
|
{ field: 'scoreDesire', width: "10%", title: '心防',event:'scoreDesire',templet:function(res){
|
|||
|
|
return `<button type="button" class="layui-btn layui-btn-normal">${res["scoreDesire"]}/10</button>`
|
|||
|
|
}},
|
|||
|
|
{ field: 'scoreScheme', width: "10%", title: '制度防',event:'scoreScheme' ,templet:function(res){
|
|||
|
|
return `<button type="button" class="layui-btn layui-btn-normal">${res["scoreScheme"]}/20</button>`
|
|||
|
|
}},
|
|||
|
|
|
|||
|
|
]],
|
|||
|
|
limit: Number.MAX_VALUE // 数据表格默认全部显示
|
|||
|
|
});
|
|||
|
|
layuiObj.layuitable.on('tool(workInclockTable)', function (obj) {
|
|||
|
|
var event=obj["event"];
|
|||
|
|
var data=obj["data"];
|
|||
|
|
switch(event){
|
|||
|
|
case "scoreHuman"://人防
|
|||
|
|
showPersonProvidePopPage(data);
|
|||
|
|
break;
|
|||
|
|
case "scoreDevices"://物防
|
|||
|
|
showThingProvidePopPage(data)
|
|||
|
|
break;
|
|||
|
|
case "scoreTech"://技防
|
|||
|
|
showSkillProvidePopPage(data)
|
|||
|
|
break;
|
|||
|
|
case "scoreDesire"://心防
|
|||
|
|
showHeartProvidePopPage(data)
|
|||
|
|
break;
|
|||
|
|
case "scoreScheme"://制度防
|
|||
|
|
showSystemProvidePopPage(data)
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//监听行工具事件
|
|||
|
|
// layuiObj.layuitable.on('tool(workInclockTable)', function (obj) {
|
|||
|
|
// checkListTotal=JSON.parse(JSON.stringify(obj["data"]));
|
|||
|
|
// showCheckStationDetail(checkListTotal);
|
|||
|
|
// })
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//显示检查的信息
|
|||
|
|
function showCheckStationDetail(data) {
|
|||
|
|
console.log(data);
|
|||
|
|
checkOkCount=0;
|
|||
|
|
checkNoCount=0;
|
|||
|
|
checkNoList={};
|
|||
|
|
checkOkList={};
|
|||
|
|
var signatureImageSchool=data['signatureImageSchool']
|
|||
|
|
var signatureImage=data['signatureImage']
|
|||
|
|
layuiObj["layer"].open({
|
|||
|
|
type: 1,
|
|||
|
|
title: `安全检查【${data["station"]}】`, //不显示标题栏
|
|||
|
|
area: ['1260px', '600px'],
|
|||
|
|
id: new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
resize: false,
|
|||
|
|
content: `
|
|||
|
|
<div class="popintellEarlyWarningInfo">
|
|||
|
|
<div class="dailyInspectionContent">
|
|||
|
|
<div class="popintellEarlyWarningInfo_left">
|
|||
|
|
<p>学校签名</p>
|
|||
|
|
<div class="schoolSign">
|
|||
|
|
<img src="${signatureImageSchool}" id="${signatureImageSchool}" alt="没有签名">
|
|||
|
|
</div>
|
|||
|
|
<p>派出所签名</p>
|
|||
|
|
<div class="policeSign">
|
|||
|
|
<img src="${signatureImage}" id="${signatureImage}" alt="没有签名">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="popintellEarlyWarningInfo_right">
|
|||
|
|
<div class="checkListTitle">
|
|||
|
|
<p>检查内容</p>
|
|||
|
|
<div>
|
|||
|
|
<p>检查时间：${data["timestamp"]}<p>
|
|||
|
|
<p name="ok" state="open">
|
|||
|
|
<img src="./image/checkbox2.png">
|
|||
|
|
<span>达标</span>
|
|||
|
|
<span class="checkOk">(0)</span>
|
|||
|
|
</p>
|
|||
|
|
<p name="no" state="open">
|
|||
|
|
<img src="./image/checkbox2.png">
|
|||
|
|
<span>未达标</span>
|
|||
|
|
<span class="checkNo">(0)</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="popintellEarlyWarningInfo_right_content">
|
|||
|
|
<ul>
|
|||
|
|
${getCheckListLi(data)}
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>`,
|
|||
|
|
success:function(){
|
|||
|
|
showViewerImg(signatureImageSchool,signatureImage);
|
|||
|
|
$(".checkOk").html(checkOkCount)
|
|||
|
|
$(".checkNo").html(checkNoCount)
|
|||
|
|
addCheckFilter();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//图片放大
|
|||
|
|
function showViewerImg(signatureImageSchool,signatureImage){
|
|||
|
|
if(signatureImageSchool!=null&&signatureImageSchool.length!=0){
|
|||
|
|
new Viewer(document.getElementById(signatureImageSchool), {
|
|||
|
|
inline: false, // 是否启用 inline 模式
|
|||
|
|
title: true, // 是否显示当前图片的标题
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
if(signatureImage!=null&&signatureImage.length!=0){
|
|||
|
|
new Viewer(document.getElementById(signatureImage), {
|
|||
|
|
inline: false, // 是否启用 inline 模式
|
|||
|
|
title: true, // 是否显示当前图片的标题
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//添加过滤
|
|||
|
|
function addCheckFilter(){
|
|||
|
|
$(".checkListTitle>div>p").on('click',function(){
|
|||
|
|
var name=$(this).attr("name");
|
|||
|
|
var state=$(this).attr("state");
|
|||
|
|
if(name=="ok"){
|
|||
|
|
var nextState=$(this).next().attr("state");
|
|||
|
|
if(state=="open"){
|
|||
|
|
$(this).children("img").attr("src","./image/checkbox1.png");
|
|||
|
|
$(this).attr("state","close");
|
|||
|
|
if(nextState=="open"){
|
|||
|
|
var oul = getCheckListLi(checkNoList);
|
|||
|
|
}else{
|
|||
|
|
var oul ="";
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
$(this).children("img").attr("src","./image/checkbox2.png");
|
|||
|
|
$(this).attr("state","open");
|
|||
|
|
if(nextState=="open"){
|
|||
|
|
var oul = getCheckListLi(checkListTotal);
|
|||
|
|
}else{
|
|||
|
|
var oul = getCheckListLi(checkOkList);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}else if(name=="no"){
|
|||
|
|
var prevState=$(this).prev().attr("state");
|
|||
|
|
if(state=="open"){
|
|||
|
|
$(this).children("img").attr("src","./image/checkbox1.png");
|
|||
|
|
$(this).attr("state","close");
|
|||
|
|
if(prevState=="open"){
|
|||
|
|
var oul = getCheckListLi(checkOkList);
|
|||
|
|
}else{
|
|||
|
|
var oul ="";
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
$(this).children("img").attr("src","./image/checkbox2.png");
|
|||
|
|
$(this).attr("state","open");
|
|||
|
|
if(prevState=="open"){
|
|||
|
|
var oul = getCheckListLi(checkListTotal);
|
|||
|
|
}else{
|
|||
|
|
var oul = getCheckListLi(checkNoList);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$(".popintellEarlyWarningInfo_right_content>ul").html(oul);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取每个li
|
|||
|
|
function getCheckListLi(data){
|
|||
|
|
var oli = "";
|
|||
|
|
for (var type in data) {
|
|||
|
|
var val = data[type];
|
|||
|
|
var flag=0;
|
|||
|
|
if(type in checkStateText){
|
|||
|
|
flag++;
|
|||
|
|
var text=checkStateText[type]
|
|||
|
|
}
|
|||
|
|
if(flag!=0){
|
|||
|
|
oli += getImgLi(val,text,type);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return oli;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getImgLi(val,text,type) {
|
|||
|
|
var img1="./image/checkbox1.png";
|
|||
|
|
var img2="./image/checkbox2.png";
|
|||
|
|
if (val != 0) {
|
|||
|
|
var imgsrc = img1;
|
|||
|
|
var imgsrc2 = img2;
|
|||
|
|
checkOkCount++;
|
|||
|
|
if(!(type in checkOkList)){
|
|||
|
|
checkOkList[type]=val;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
var imgsrc = img2;
|
|||
|
|
var imgsrc2 = img1;
|
|||
|
|
checkNoCount++;
|
|||
|
|
if(!(type in checkNoList)){
|
|||
|
|
checkNoList[type]=val;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return `<li>
|
|||
|
|
<span>${text}</span>
|
|||
|
|
<span>
|
|||
|
|
<img src="${imgsrc2}" alt="1"><span>是</span>
|
|||
|
|
<img src="${imgsrc}" alt="2"><span>否</span>
|
|||
|
|
</span>
|
|||
|
|
</li>`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export {
|
|||
|
|
showSchoolCheckList
|
|||
|
|
}
|