358 lines
16 KiB
HTML
358 lines
16 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/dutyHome.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>
|
||
|
|
<!--拦截及公共ip-->
|
||
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/system/IPUtils.js"></script>
|
||
|
|
<script src="../../js/system/ajax_intercept.js"></script>
|
||
|
|
<script src="../../js/system/public_utils.js"></script>
|
||
|
|
<script src="../../js/public/aes.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/public.js"></script>
|
||
|
|
<!--拦截及公共ip-->
|
||
|
|
<script src="../../js/public/ajaxRequest.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 === '1') {
|
||
|
|
$(frameId).attr('src', '../compreDisplay/newDutyHome.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 class="pro-box">
|
||
|
|
<div id="pro-total-num" class="layout">
|
||
|
|
<div class="pro-num layout" onclick="openPro(1)" style="cursor: pointer;">
|
||
|
|
<p id="proTotalNum">0</p>
|
||
|
|
<p>工程总数</p>
|
||
|
|
</div>
|
||
|
|
<div class="pro-num layout" onclick="openPro(2)" style="cursor: pointer;">
|
||
|
|
<p id="workNum">0</p>
|
||
|
|
<p>今日有作业</p>
|
||
|
|
</div>
|
||
|
|
<div class="pro-num layout" onclick="openPro(3)" style="cursor: pointer;">
|
||
|
|
<p id="noWorkNum">0</p>
|
||
|
|
<p>今日未作业</p>
|
||
|
|
</div>
|
||
|
|
<div class="pro-num layout" onclick="openPro(4)" style="cursor: pointer;">
|
||
|
|
<p id="stopNum">0</p>
|
||
|
|
<p>停工工程</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="pro-total-echarts"></div>
|
||
|
|
<div id="plan-echarts">
|
||
|
|
<div class="tab-change layout">
|
||
|
|
<div class="date3-btn layout">
|
||
|
|
<div class="date3-type">
|
||
|
|
<p classType="1" class="check-p3">周计划</p><img
|
||
|
|
src="../../img/compreDisplay/line2.png">
|
||
|
|
</div>
|
||
|
|
<div class="date3-type">
|
||
|
|
<p classType="2">计划趋势</p><img src="../../img/compreDisplay/line2.png"
|
||
|
|
style="display: none;">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p id="province" data-placement="bottom-right">全省</p>
|
||
|
|
</div>
|
||
|
|
<div id="week-echarts">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div id="weekPlan-div" class="layout" style="cursor: pointer;" onclick="openWeek(0)">
|
||
|
|
<p id="weekPlanNum">0</p>
|
||
|
|
<p>周计划总数</p>
|
||
|
|
</div>
|
||
|
|
<div id="plan-trend-echarts" style="display: none;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="left-bottom">
|
||
|
|
<div class="module-title layout">
|
||
|
|
<p>日计划</p>
|
||
|
|
<!-- <p id="province2" data-placement="top-right" style="margin-left: 78%;">全省</p> -->
|
||
|
|
</div>
|
||
|
|
<div id="day-plan-box" class="layout">
|
||
|
|
<div id="day-plan-total" class="layout">
|
||
|
|
<div class="day-plan-num layout" style="cursor: pointer;" onclick="openDay('')">
|
||
|
|
<div class="day-plan-num-title layout">
|
||
|
|
<img src="../../img/dutyHome/day_plan_num.png">
|
||
|
|
<p>日计划总数</p>
|
||
|
|
</div>
|
||
|
|
<div class="day-plan-num-total">
|
||
|
|
<p id="dayTotalNum">0</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="day-plan-num" style="cursor: pointer;" onclick="openDay('1')">
|
||
|
|
<div class="day-plan-num-title layout">
|
||
|
|
<img src="../../img/dutyHome/day_plan_num.png">
|
||
|
|
<p>已执行总数</p>
|
||
|
|
</div>
|
||
|
|
<div class="day-plan-num-total">
|
||
|
|
<p id="dayDoNum">0</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="day-plan-num" style="cursor: pointer;" onclick="openDay('0')">
|
||
|
|
<div class="day-plan-num-title layout">
|
||
|
|
<img src="../../img/dutyHome/day_plan_num.png">
|
||
|
|
<p>未执行总数</p>
|
||
|
|
</div>
|
||
|
|
<div class="day-plan-num-total">
|
||
|
|
<p id="dayNoDoNum">0</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="day-plan-title">
|
||
|
|
<div class="date3-btn layout">
|
||
|
|
<div class="date4-type">
|
||
|
|
<p classDataType="2" class="check-p3" style="cursor: pointer;">地市</p>
|
||
|
|
<img src="../../img/compreDisplay/line2.png">
|
||
|
|
</div>
|
||
|
|
<div class="date4-type " style="cursor: pointer;">
|
||
|
|
<p classDataType="1">风险等级</p><img src="../../img/compreDisplay/line2.png"
|
||
|
|
style="display:none;">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</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 style="cursor: pointer;" onclick="openDay(2)" >未执行数：<span id="wzxNum">0</span></p>
|
||
|
|
<p style="cursor: pointer;" onclick="openDay(3)">已核实：<span id="yhsNum">0</span></p>
|
||
|
|
<p style="cursor: pointer;" onclick="openDay(4)">未核实：<span id="whsNum">0</span></p>
|
||
|
|
</div> -->
|
||
|
|
</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="duty-task" class="layout">
|
||
|
|
<div id="task-num-box" class="layout" style="cursor: pointer;" onclick="gotoPage('','')">
|
||
|
|
<div class="task-num layout">
|
||
|
|
<p>今日总任务</p>
|
||
|
|
<p id="todayTaskTotalNum">0</p>
|
||
|
|
</div>
|
||
|
|
<div class="task-num layout" style="cursor: pointer;" onclick="gotoPage('1','')">
|
||
|
|
<p>已巡视任务</p>
|
||
|
|
<p id="todayTaskXSNum">0</p>
|
||
|
|
</div>
|
||
|
|
<div class="task-num layout" style="cursor: pointer;" onclick="gotoPage('0','')">
|
||
|
|
<p>未巡视任务</p>
|
||
|
|
<p id="todayTaskWXSNum">0</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="voi-num-box" class="layout">
|
||
|
|
<div class="voi-num layout" style="cursor: pointer;" onclick="gitoWzPage(1,'')">
|
||
|
|
<p><span id="yzwzNum">0</span>条</p>
|
||
|
|
<p>发现严重违章</p>
|
||
|
|
</div>
|
||
|
|
<div class="voi-num layout" style="cursor: pointer;" onclick="gitoWzPage(2,'')">
|
||
|
|
<p><span id="ybwzNum">0</span>条</p>
|
||
|
|
<p>发现一般违章</p>
|
||
|
|
</div>
|
||
|
|
<div class="voi-num layout" style="cursor: pointer;" onclick="gitoWzPage(3,'')">
|
||
|
|
<p><span id="xfNum">0</span>条</p>
|
||
|
|
<p>下发违章单</p>
|
||
|
|
</div>
|
||
|
|
<div class="voi-num layout" style="cursor: pointer;" onclick="gitoWzPage(4,'')">
|
||
|
|
<p><span id="zgNum">0</span>条</p>
|
||
|
|
<p>已整改违章</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="center-bottom">
|
||
|
|
<div class="module-title layout" id="duty-progress-oper">
|
||
|
|
<p>值班进度</p>
|
||
|
|
<div class="layout">
|
||
|
|
<div id="switch-box" class="layout">
|
||
|
|
<span class="switch-type check-p" value="1">任务进度</span>
|
||
|
|
<span class="switch-type" value="2">预警处理</span>
|
||
|
|
</div>
|
||
|
|
<form class="layui-form" onsubmit="return false;">
|
||
|
|
<div class="layui-form-item" style="margin-bottom: 0;">
|
||
|
|
<div class="layui-inline" style="height: 36px;">
|
||
|
|
<input type="text" id="date" class="layui-input" placeholder="日期" readonly>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</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_f.png" title="切换浅色模式" onclick="changeModel(1)">
|
||
|
|
<!-- <img src="../../img/dutyHome/change.png" title="切换地市督查统计" onclick="changeDuty()"> -->
|
||
|
|
<img src="../../img/dutyHome/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" style="cursor: pointer;"
|
||
|
|
onclick="openPersonnelStatistics('')">
|
||
|
|
<p id="totalPersonNum">0</p>
|
||
|
|
<p>今日总人数</p>
|
||
|
|
</div>
|
||
|
|
<div class="person-total-num layout" style="cursor: pointer;"
|
||
|
|
onclick="openPersonnelStatistics('','1')">
|
||
|
|
<!-- <div class="person-total-num-child layout">
|
||
|
|
<p id="rkPersonNum">0</p>
|
||
|
|
<p>已入库</p>
|
||
|
|
</div> -->
|
||
|
|
<div class="person-total-num-child layout" style="cursor: pointer;"
|
||
|
|
onclick="openPersonnelStatistics('')">
|
||
|
|
<p id="totalPersonNum2">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>
|
||
|
|
<style>
|
||
|
|
<style>.layui-laydate .layui-this {
|
||
|
|
background-color: #2F5D6B !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate,
|
||
|
|
.layui-laydate-hint {
|
||
|
|
border: 1px solid #d2d2d2;
|
||
|
|
background-color: #06182E !important;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-list {
|
||
|
|
background-color: #06182E !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-header i {
|
||
|
|
position: absolute;
|
||
|
|
top: 10px;
|
||
|
|
padding: 0 5px;
|
||
|
|
color: #d9d9d9;
|
||
|
|
font-size: 18px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-content>table>thead>tr>th {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-content td {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-content .laydate-day-next,
|
||
|
|
.layui-laydate-content .laydate-day-prev {
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-content td:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #2F5D6B !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-list>li:hover {
|
||
|
|
background-color: #2F5D6B !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-header i:hover,
|
||
|
|
.layui-laydate-header span:hover {
|
||
|
|
color: #2F5D6B !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.laydate-footer-btns span:hover {
|
||
|
|
color: #2F5D6B !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-footer span:first-child.layui-laydate-preview {
|
||
|
|
color: #fff !important;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-laydate-footer span {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</style>
|
||
|
|
<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/dutyHomeEcharts.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/compreDisplay/dutyHome/dutyHome.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/compreDisplay/dutyHome/openchilder.js" type="text/javascript"></script>
|
||
|
|
|
||
|
|
</html>
|