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
}