IntelligentRecognition/ah-jjsp-web/bns/html/compreDisplay/newDutyHome.html

217 lines
9.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../js/layui-v2.9.2/layui/css/layui.css">
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../js/public/scrollNum/style.css">
<link rel="stylesheet" href="../../css/compreDisplay/newDutyHome.css">
<link rel="stylesheet" href="../../js/public/toolTip/mTips.css">
<link rel="stylesheet" href="../../js/public/popover/jquery.webui-popover.min.css">
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
<script src="../../js/public/public.js" type="text/javascript"></script>
<script src="../../js/public/ajaxRequest.js" type="text/javascript"></script>
<script src="../../js/public/sm3.js" type="text/javascript"></script>
<script src="../../js/public/aes.js" type="text/javascript"></script>
<script src="../../js/layui-v2.9.2/layui/layui.js"></script>
<script src="../../js/public/echarts.js"></script>
<script src="../../js/public/echarts-gl.min.js"></script>
<script src="../../js/public/commonUtils.js"></script>
<script src="../../js/public/permission.js"></script>
<script src="../../js/public/toolTip/mTips.js"></script>
<script src="../../js/public/scrollNum/scroll.js"></script>
<script src="../../js/public/popover/jquery.webui-popover.min.js"></script>
<title>值长首页-新</title>
</head>
<script>
let isLockPage = sessionStorage.getItem('isLockPage');
let changeModel2 = sessionStorage.getItem('changeModel');
let frameId = parent.document.getElementById('indexIframe');
if (isLockPage === '1') {
$(frameId).attr('src', '../compreDisplay/lockDutyHome.html')
} else {
if (changeModel2 === '2' || !changeModel2) {
$(frameId).attr('src', '../compreDisplay/dutyHome.html')
}
}
</script>
<body>
<div id="content" class="layout">
<div id="left-box" class="main-box layout">
<div id="left-top">
<div class="module-title layout">
<p>工程统计</p>
</div>
<div id="pro-total-num" class="layout">
<div class="pro-num layout">
<p id="proTotalNum">0</p>
<p>工程总数</p>
</div>
<div class="pro-num layout">
<p id="workNum">0</p>
<p>今日有作业</p>
</div>
<div class="pro-num layout">
<p id="noWorkNum">0</p>
<p>今日未作业</p>
</div>
<div class="pro-num layout">
<p id="stopNum">0</p>
<p>停工工程</p>
</div>
</div>
<div id="pro-total-echarts"></div>
</div>
<div id="left-center">
<div class="tab-change layout">
<div class="date3-btn layout">
<div class="date3-type layout">
<p classType="1" class="check-p3">周计划</p>
</div>
<div class="date3-type layout">
<p classType="2">计划趋势</p>
</div>
</div>
<p id="province" data-placement="bottom-right">全省</p>
</div>
<div id="week-echarts"></div>
<div id="plan-trend-echarts" style="display: none;"></div>
</div>
<div id="left-bottom">
<div class="module-title layout" style="justify-content: space-between;">
<p>日计划</p>
<p id="province2" style="margin: 0 6px 0 0;" data-placement="top-right">全省</p>
</div>
<div id="day-plan-box" class="layout">
<div class="day-plan-num">
<p>日计划总数</p>
<p id="dayTotalNum">0</p>
</div>
<div class="day-plan-num">
<p>已执行总数</p>
<p id="dayDoNum">0</p>
</div>
<div class="day-plan-num">
<p>未执行总数</p>
<p id="dayNoDoNum">0</p>
</div>
</div>
<div id="day-plan-title" class="layout">
<p>未执行计划原因核实情况</p>
</div>
<div id="no-execute-day-plan" class="layout">
<div class="no-execute-day-plan-echarts" id="no-execute-day-plan-echarts"></div>
<div class="no-execute-day-num layout">
<p>未执行数:<span id="wzxNum">0</span></p>
<p>已核实:<span id="yhsNum">0</span></p>
<p>未核实:<span id="whsNum">0</span></p>
</div>
</div>
</div>
</div>
<div id="center-box" class="main-box layout">
<div id="center-top">
<div class="module-title layout">
<p>值班任务</p>
</div>
<div id="task-num-box" class="layout">
<div class="task-num layout">
<p id="todayTaskTotalNum">0</p>
<p>今日总任务</p>
</div>
<div class="task-num layout">
<p id="todayTaskXSNum">0</p>
<p>已巡视任务</p>
</div>
<div class="task-num layout">
<p id="todayTaskWXSNum">0</p>
<p>未巡视任务</p>
</div>
</div>
<div id="voi-num-box" class="layout">
<div class="voi-num layout">
<p><span id="yzwzNum">0</span></p>
</div>
<div class="voi-num layout">
<p><span id="ybwzNum">0</span></p>
</div>
<div class="voi-num layout">
<p><span id="xfNum">0</span></p>
</div>
<div class="voi-num layout">
<p><span id="zgNum">0</span></p>
</div>
</div>
</div>
<div id="center-bottom">
<div class="module-title layout">
<p>值班进度</p>
</div>
<div id="duty-progress">
<div id="duty-total-progress-echarts"></div>
<div id="duty-detail-progress-echarts"></div>
</div>
</div>
</div>
<div id="right-box" class="main-box layout">
<div id="right-top">
<div class="module-title layout" style="justify-content: space-between;">
<p>人员统计</p>
<div>
<img src="../../img/dutyHome/light_0.png" title="切换深色模式" onclick="changeModel(2)">
<!-- <img src="../../img/newDutyHome/change.png" title="切换地市督查统计" onclick="changeDuty()"> -->
<img src="../../img/newDutyHome/lock.png" title="点击锁定" onclick="lockPage()">
</div>
</div>
<div id="person-num-box" class="layout">
<div id="person-num" class="layout">
<div class="person-total-num layout">
<p id="totalPersonNum">0</p>
<p>今日总人数</p>
</div>
<div class="person-total-num layout">
<div class="person-total-num-child layout">
<p id="rkPersonNum">0</p>
<p>已入库</p>
</div>
<div class="person-total-num-child layout">
<p id="wrkPersonNum">0</p>
<p>未入库</p>
</div>
</div>
</div>
<div id="person-echarts"></div>
</div>
</div>
<div id="right-center">
<div class="module-title layout" id="early-title" style="justify-content: space-between;">
<p>告警信息</p>
<img src="../../img/dutyHome/refresh.png" title="实时刷新" onclick="refreshData(1)">
</div>
<div id="early-box" class="list_lh">
<ul></ul>
</div>
</div>
<div id="right-bottom">
<div class="module-title layout" style="justify-content: space-between;">
<p>违章下发审核</p>
<img src="../../img/dutyHome/refresh.png" title="实时刷新" onclick="refreshData(2)">
</div>
<div id="voi-ul-title" class="layout">
<p>工程名称</p>
<p>违章等级</p>
<p>督查日期</p>
<p>督查人</p>
<p>状态</p>
</div>
</div>
</div>
</div>
</body>
<script src="../../js/compreDisplay/dutyHome/dutyHomeAjax.js" type="text/javascript"></script>
<script src="../../js/compreDisplay/dutyHome/dutyHomeStyle.js" type="text/javascript"></script>
<script src="../../js/compreDisplay/dutyHome/newDutyHomeEcharts.js" type="text/javascript"></script>
<script src="../../js/compreDisplay/dutyHome/dutyHome.js" type="text/javascript"></script>