lgq
2025-07-08 eea897aeac44a75e93fdc90939261f1b44711087
local/www/detail-mj.html
@@ -12,14 +12,14 @@
</head>
<body class="pdgxq-body">
<div class="i-container">
<div class="i-container div-body">
    <div class="jmkt-main">
        <div class="layui-fluid">
            <div class="pdgxq-m1 layui-row layui-col-space20">
                <div class="layui-col-lg5 layui-col-md5">
                    <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
                    <div class="pdgxq-m1-left pdgxq-m1-box">
                        <div class="pdgxq-H">
                            <h3><i></i>设备基本信息</h3>
                        </div>
@@ -45,18 +45,18 @@
                <div class="layui-col-lg7 layui-col-md7">
                    <div class="pdgxq-m1-right pdgxq-m1-box" style="height: 730px">
                    <div class="pdgxq-m1-right pdgxq-m1-box" style="">
                        <div class="pdgxq-H">
                            <h3><i></i>开门记录</h3>
                            <div id="open" class="jmkt-tit-more" onclick="sendAction();">
                                <button type="button" class="layui-btn layui-btn-normal pop-complete-btn"
                                        style="background-color: #46b8da;color: #ffffff;">开门</button>
                            </div>
<!--                            <div id="open" class="jmkt-tit-more" onclick="sendAction();">-->
<!--                                <button type="button" class="layui-btn layui-btn-normal pop-complete-btn"-->
<!--                                        style="background-color: #46b8da;color: #ffffff;">开门</button>-->
<!--                            </div>-->
                        </div>
                        <div class="pdgxq-group clearfix" style="">
                        <div class="pdgxq-group clearfix">
                            <div class="pdgxq-group-item jmkt-chuli">
                                <span id="warnState">关门</span>告警状态
                                <span id="warnState">无</span>警告状态
                            </div>
                            <div class="pdgxq-group-item jmkt-yichuli">
                                <span id="conState">正常</span>通讯状态
@@ -116,8 +116,6 @@
        </div><!--pdgxq-m1 end-->
    </div>
</div> <!--i-container end-->
@@ -147,21 +145,21 @@
        $("#deviceName").html(device.name);
        $("#deviceVld").html(device.vld==0?'激活':'停用');
        queryRecord(deviceId);
        setInterval(function () {
            // queryRecord(deviceId);
            queryData(deviceId);
        },5000);
        //setInterval(function () {
        //    queryRecord(deviceId);
        //    // queryData(deviceId);
        //},5000);
    }
    function queryData(deviceId) {
    function queryData(deviceId,device) {
        console.log("======门禁页面-查询实时======");
        var data = {id: deviceId};
        $.post("./cgi-bin/detail/query-data", JSON.stringify(data), function (data, status) {
            if ("success" == status) {
                console.log('---------获取到的设备实时数据-----' + data);
                renderInfo(data);
                renderInfo(data,device);
            } else {
                console.log("数据查询出错,请重新操作!");
                window.parent.notify("数据查询出错,请重新操作!");
@@ -170,20 +168,25 @@
    };
    //开始渲染实时数据
    function renderInfo(deviceData) {
    function renderInfo(deviceData, device) {
        console.log("--------渲染实时数据-------门禁id="+device.id);
        console.log(deviceData);
        //设备基本信息
        $("#deviceName").html(device.name);
        $("#deviceVld").html(device.vld==0?'激活':'停用');
        //监控属性实时数据渲染
        var list = deviceData.value;
        if(list !=null && list.length>0){
            $.each(list,function(index,item) {
                //通讯状态
                if (item.passcode == 1) {
                    $("#conState").html(item.value == 0 ? "正常" : "通讯异常");
                    $("#warnState").html(item.value == 0 ? "正常" : "通讯异常");
                    $("#conState").html(item.value == 0 ? "正常" : "异常");
                }
                // //门禁状态
                // if (item.passcode == 4) {
                //     $("#warnState").html(item.value == 0 ? "关门" : "开门");
                // }
                //警告状态
                if (item.passcode == 2) {
                    $("#warnState").html(item.value == 0 ? "无" : "报警");
                }
            });
        }
@@ -206,15 +209,6 @@
    function queryRecord(id) {
        console.log("--------查看门禁历史记录-------门禁id="+id);
        var param = {"id": id};
        // $.post("./cgi-bin/record-his/query", JSON.stringify(param), function (data, status) {
        //     if ("success" == status) {
        //         //渲染历史数据列表
        //         renderRecordInfo(data);
        //     }else {
        //         window.parent.notify("门禁数据查询出错,请重新操作!");
        //     }
        // }, "json");
        $.post("./cgi-bin/record-his/query-by-id", JSON.stringify(param), function (data, status) {
            if ("success" == status) {
                //渲染历史数据列表
@@ -226,74 +220,46 @@
    }
    //开始渲染
    function renderRecordInfo(dataList) {
        var li = dataList;
        console.log(li);
        console.log(li.length);
        console.log(dataList);
        //门禁历史数据渲染
        var html="";
        if(li != null && li.length > 0){
        if(dataList !=null && dataList.length>0){
            var list;
            $.each(li,function(index,item){
                if(item.value){
                    list = eval(item.value);
                    if(list !=null && list.length>0) {
                        var tag1 = '';  //卡号/姓名
                        var tag2 = '';  //门号
                        var tag3 = '';  //开门类型
                        var tag4 = '';  //开门时间
                        for (var i = 0; i < list.length; i++) {
                            var cur = list[i];
                            if (cur.passcode == 3) {
                                tag2 = cur.value + '号门-';
                            }
                            if (cur.passcode == 5) {
                                tag1 = cur.value;
                            }
                            if (cur.passcode == 6) {
                                tag3 = cur.value;
                            }
                            if (cur.passcode == 7) {
                                // tag4 = cur.value.substring(0, 4) + "-" +
                                //     cur.value.substring(4, 6) + "-" +
                                //     cur.value.substring(6, 8) + " " +
                                //     cur.value.substring(8, 10) + ":" +
                                //     cur.value.substring(10, 12) + ":" +
                                //     cur.value.substring(12, 14);
                                tag4 = cur.value;
                            }
            $.each(dataList,function(index,item){
                list = eval(item.value);
                if(list !=null && list.length>0){
                    var tag1 = '';  //卡号/姓名
                    var tag2 = '';  //门号
                    var tag3 = '';  //开门类型
                    var tag4 = '';  //开门时间
                    $.each(list,function(index,item){
                        if(item.passcode == 3){
                            tag2 = item.value + '号门-';
                        }
                        html += "<tr><td>" + tag1 + "</td><td>" + tag2 + tag3 + "</td><td>" + tag4 + "</td></tr>";
                    }
                        if(item.passcode == 5){
                            tag1 = item.value;
                        }
                        if(item.passcode == 6){
                            tag3 = item.value;
                        }
                        if(item.passcode == 7){
                            tag4 = item.value.substring(0,4) + "-" +
                                item.value.substring(4,6) + "-" +
                                item.value.substring(6,8) + " " +
                                item.value.substring(8,10) + ":" +
                                item.value.substring(10,12)+ ":" +
                                item.value.substring(12,14);
                        }
                    });
                    html += "<tr><td>"+ tag1 +"</td><td>" + tag2  + tag3 + "</td><td>" + tag4 + "</td></tr>";
                }
            });
        }else {
            // html += "<tr><td colspan='3'>暂无数据</td></tr>";
            html += "<tr><td colspan='3'>暂无数据</td></tr>";
        }
        $("#listData").html(html);
    }
    function sendAction() {
        if (confirm('是否进行开门操作?')){
            var param = {"id": deviceId,"passcode":8,"value":1};
            console.log("======开门操作命令发送======");
            // console.log(JSON.stringify(param));
            // $.post("./cgi-bin/action/open-door", JSON.stringify(param), function (data, status) {
            //
            // }, "json");
            $.ajaxSettings.async = false;
            $.post("./cgi-bin/file/action-control", JSON.stringify(param), function (data, status) {
            }, "json");
            window.parent.notify("命令发送成功!");
        }
        return false;
    }
</script>
</body>