首页修改

This commit is contained in:
haozq 2024-09-13 18:53:08 +08:00
parent 1374bb0019
commit f13bf19237
4 changed files with 201 additions and 218 deletions

View File

@ -130,6 +130,7 @@ function ajaxRequestGetExport(url, type, async, beforeFn, successFn, errorFn, is
url: url,
type: type,
headers: {
"encryption":"encryption",
"authorization": sessionStorage.getItem("zhgd_token"),
"decrypt": isAes ? '' : 'decrypt'
},
@ -138,12 +139,7 @@ function ajaxRequestGetExport(url, type, async, beforeFn, successFn, errorFn, is
},
async: async,
beforeSend: beforeFn,
success: function (event, xhr, settings, data){
event=modifyResponseData(event);
successFn(event, xhr, settings, data);
},
error:function (event, xhr, settings, error) {
errorFn(event, xhr, settings, error)
}
success: successFn,
error:errorFn
});
}

View File

@ -420,7 +420,7 @@ function exportVehicleData() {
// 移除 <a> 标签
document.body.removeChild(link);
}, function (xhr, status, error) {
error(xhr, status, error)
errorFn(xhr, status, error)
}, aqEnnable);
}
@ -448,7 +448,6 @@ function exportPerData() {
// 释放 URL 对象
window.URL.revokeObjectURL(url);
// 移除 <a> 标签
document.body.removeChild(link);
}, function (xhr, status, error) {

View File

@ -21,132 +21,94 @@
</head>
<body>
<div id="main-box" class="layout">
<div id="left-box">
<!-- 项目简介 -->
<div id="pro-introduct" class="layout">
<div class="layui-carousel" id="ID-carousel-demo-image">
<div id="img-carousel" carousel-item>
</div>
</div>
<div id="pro-desc">
<p></p>
<div id="main-box" class="layout">
<div id="left-box">
<!-- 项目简介 -->
<div id="pro-introduct" class="layout">
<div class="layui-carousel" id="ID-carousel-demo-image">
<div id="img-carousel" carousel-item>
</div>
</div>
</div>
<div id="right-box" class="layout">
<div id="real-time-monitor" class="layout">
<div class="layout monitor-data">
<p><span id="wd">0</span><span></span></p>
<p>温度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="sd">0</span><span>%</span></p>
<p>湿度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="zs">0</span><span>分贝</span></p>
<p>噪声</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="gz">0</span><span>kwh</span></p>
<p>光照</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="pm2">0</span><span>μg/m³</span></p>
<p>PM2.5</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="pm10">0</span><span>μg/m³</span></p>
<p>PM10</p>
<div class="monitor-icon"></div>
</div>
<div id="pro-desc">
<p></p>
</div>
<div id="pro-risk">
<table>
<!-- <tr>-->
<!-- <td colspan="6" id="weekDate">周风险</td>-->
<!-- </tr>-->
<tr>
<td>名称/风险等级</td>
<td>二级</td>
<td>三级</td>
<td>四级</td>
<td>五级</td>
<td>总数</td>
</tr>
<tr>
<td> <p>本周风险 </p>
<p id="weekDates"> </p>
</td>
<td id="twoRiskNum">0</td>
<td id="threeRiskNum">0</td>
<td id="fourRiskNum">0</td>
<td id="fiveRiskNum">0</td>
<td id="totalRiskNum">0</td>
</tr>
<tr>
<td>
<p>当日站班会 </p>
<p id="today"> (2024-06-18) </p>
</td>
<td id="twoClassNum">0</td>
<td id="threeClassNum">0</td>
<td id="fourClassNum">0</td>
<td id="fiveClassNum">0</td>
<td id="totalClassNum">0</td>
</tr>
</table>
</div>
<div id="pro-progress" class="layout">
<div id="bidProgressBox" class="layout">
<p>标段实际进度</p>
<p><span id="bidProgress">0</span>%</p>
</div>
<div id="signProgressBox" class="layout">
<p>单项实际进度</p>
<p><span id="signProgress">0</span>%</p>
</div>
<div id="proProgressBox" class="layout">
<p>项目实际进度</p>
<p><span id="proProgress">0</span>%</p>
</div>
<!-- <div class="layout" id="engineering-info">
<p class="engineering-detail">计划开工时间:<span id="planStartTime">/</span></p>
<p class="engineering-detail">计划投产时间:<span id="palnTcTime">/</span></p>
</div>
<div class="layout" id="engineering-reality-progress">
<div class="layout engineering-progress">
<p>标段实际进度</p>
<p><span id="bidProgress">0</span>%</p>
</div>
<div class="layout engineering-progress">
<p>单项实际进度</p>
<p><span id="signProgress">0</span>%</p>
</div>
<div class="layout engineering-progress">
<p>项目实际进度</p>
<p><span id="proProgress">0</span>%</p>
</div>
</div> -->
<!-- <div id="pro-start" class="layout">
<p id="planStartTime"></p>
<p>开始日期</p>
</div>
<div id="pro-progress-echarts"></div>
<div id="pro-end" class="layout">
<p id="planEndTime"></p>
<p>计划结束</p>
</div> -->
</div>
<!-- <div id="pro-cost"></div> -->
</div>
</div>
<div id="right-box" class="layout">
<div id="real-time-monitor" class="layout">
<div class="layout monitor-data">
<p><span id="wd">0</span><span></span></p>
<p>温度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="sd">0</span><span>%</span></p>
<p>湿度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="zs">0</span><span>分贝</span></p>
<p>噪声</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="gz">0</span><span>kwh</span></p>
<p>光照</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="pm2">0</span><span>μg/m³</span></p>
<p>PM2.5</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="pm10">0</span><span>μg/m³</span></p>
<p>PM10</p>
<div class="monitor-icon"></div>
</div>
</div>
<div id="pro-risk">
<table>
<!-- <tr>-->
<!-- <td colspan="6" id="weekDate">周风险</td>-->
<!-- </tr>-->
<tr>
<td>名称/风险等级</td>
<td>二级</td>
<td>三级</td>
<td>四级</td>
<td>五级</td>
<td>总数</td>
</tr>
<tr>
<td> <p>本周风险 </p>
<p id="weekDates"> </p>
</td>
<td id="twoRiskNum">0</td>
<td id="threeRiskNum">0</td>
<td id="fourRiskNum">0</td>
<td id="fiveRiskNum">0</td>
<td id="totalRiskNum">0</td>
</tr>
<tr>
<td>
<p>当日站班会 </p>
<p id="today"> (2024-06-18) </p>
</td>
<td id="twoClassNum">0</td>
<td id="threeClassNum">0</td>
<td id="fourClassNum">0</td>
<td id="fiveClassNum">0</td>
<td id="totalClassNum">0</td>
</tr>
</table>
</div>
<div id="pro-progress" class="layout">
<div id="pro-progress-echarts"></div>
</div>
<div id="pro-cost"></div>
</div>
</div>
</body>
<script src="../../js/pages/index/indexAjax.js" type="text/javascript"></script>
<script src="../../js/pages/index/indexEcharts.js" type="text/javascript"></script>

View File

@ -6,7 +6,6 @@
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css">
<link rel="stylesheet" href="../../css/operEnvironment/operEnvironment.css">
<link rel="stylesheet" href="../../css/shuiYin/shuiYin.css">
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="../../js/publics/public.js"></script>
<script src="../../plugin/scroll/jquery.nicescroll.min.js"></script>
@ -14,124 +13,151 @@
<script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
<script src="../../api/commonRequest.js" type="text/javascript"></script>
<script src="../../js/publics/aescbc.js"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak==s0zhKgClIXRG8hQp3HB4KtiXPWw1dP8B"></script>
<!-- <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak==s0zhKgClIXRG8hQp3HB4KtiXPWw1dP8B"></script>-->
<script src="../../js/operEnvironment/operEnvironment.js"></script>
<script src="../../js/publics/shuiYin.js"></script>
<title>作业环境</title>
</head>
<body>
<div class="large-frame layout">
<div class="left layout-vertical">
<div class="left-down">
<div class="background-img" style="background-image: url('../../img/operEnvironment/weatherForecast.png');">
<div class="Weather-layout">
<div class="Weather-down">
<div class="weather-down-left">
<div id="city" style="font-size: 18px;">淮北</div>
<div class="substance">
<div id="weather_icon" class="substance1" style="background-image: url('../../img/operEnvironment/clearWeather.png');"></div>
<div class="substance2">
<div style="font-size: 28px;"><span id="temp">15°</span><span id="environment" style="font-size: 15px;"></span></div>
<div id="urban" style="font-size: 10px;">淮北市濉溪县</div>
<div class="large-frame layout">
<div class="left layout-vertical">
<div class="left-down">
<div class="background-img" style="background-image: url('../../img/operEnvironment/weatherForecast.png');">
<div class="Weather-layout">
<div class="Weather-down">
<div class="weather-down-left">
<div id="city" style="font-size: 18px;">合肥</div>
<div class="substance">
<div id="weather_icon" class="substance1" style="background-image: url('../../img/operEnvironment/clearWeather.png');"></div>
<div class="substance2">
<div style="font-size: 28px;"><span id="temp">15°</span><span id="environment" style="font-size: 15px;"></span></div>
<div id="urban" style="font-size: 10px;">合肥市 蜀山区</div>
</div>
</div>
</div>
<div class="weather-down-right">
<div class="weather-box">
<div class="substance3">
<div id="weather_small_icon1" class="substance4" style="background-image: url('../../img/operEnvironment/clearWeather2.png');"></div>
<div class="substance5">
<div style="font-size: 14px;">今天 <span id="date1" style="font-size: 13px;color: #8A9394;margin-left: 5px;">3月13</span></div>
<div style="font-size: 13px;"><span id="temps1">3~15°</span> <span id="air1" style="font-size: 13px;color: #64D4D5;margin-left: 5px;"></span></div>
</div>
</div>
</div>
<div class="weather-down-right">
<div class="weather-box">
<div class="substance3">
<div id="weather_small_icon1" class="substance4" style="background-image: url('../../img/operEnvironment/clearWeather2.png');"></div>
<div class="substance5">
<div style="font-size: 14px;">今天 <span id="date1" style="font-size: 13px;color: #8A9394;margin-left: 5px;">3月13</span></div>
<div style="font-size: 13px;"><span id="temps1">3~15°</span> <span id="air1" style="font-size: 13px;color: #64D4D5;margin-left: 5px;"></span></div>
</div>
<div class="weather-box">
<div class="substance3">
<div id="weather_small_icon2" class="substance4" style="background-image: url('../../img/operEnvironment/clearWeather2.png');"></div>
<div class="substance5">
<div style="font-size: 14px;">明天 <span id="date2" style="font-size: 13px;color: #8A9394;margin-left: 5px;">3月13</span></div>
<div style="font-size: 13px;"><span id="temps2">3~15°</span> <span id="air2" style="font-size: 13px;color: #64D4D5;margin-left: 5px;"></span></div>
</div>
</div>
<div class="weather-box">
<div class="substance3">
<div id="weather_small_icon2" class="substance4" style="background-image: url('../../img/operEnvironment/clearWeather2.png');"></div>
<div class="substance5">
<div style="font-size: 14px;">明天 <span id="date2" style="font-size: 13px;color: #8A9394;margin-left: 5px;">3月13</span></div>
<div style="font-size: 13px;"><span id="temps2">3~15°</span> <span id="air2" style="font-size: 13px;color: #64D4D5;margin-left: 5px;"></span></div>
</div>
</div>
</div>
<div class="weather-box">
<div class="substance3">
<div id="weather_small_icon3" class="substance4" style="background-image: url('../../img/operEnvironment/clearWeather2.png');"></div>
<div class="substance5">
<div style="font-size: 14px;">后天 <span id="date3" style="font-size: 13px;color: #8A9394;margin-left: 5px;">3月13</span></div>
<div style="font-size: 13px;"><span id="temps3">3~15°</span> <span id="air3" style="font-size: 13px;color: #64D4D5;margin-left: 5px;"></span></div>
</div>
</div>
<div class="weather-box">
<div class="substance3">
<div id="weather_small_icon3" class="substance4" style="background-image: url('../../img/operEnvironment/clearWeather2.png');"></div>
<div class="substance5">
<div style="font-size: 14px;">后天 <span id="date3" style="font-size: 13px;color: #8A9394;margin-left: 5px;">3月13</span></div>
<div style="font-size: 13px;"><span id="temps3">3~15°</span> <span id="air3" style="font-size: 13px;color: #64D4D5;margin-left: 5px;"></span></div>
</div>
</div>
</div>
</div>
<div id="weather_time" class="Weather-under"></div>
</div>
<div id="weather_time" class="Weather-under"></div>
</div>
</div>
<div class="left-under">
<div class="background-img" style="background-image: url('../../img/operEnvironment/hjjc.png');">
<div style="display: flex;width: 100%;height: 100%;flex-direction: column;">
<div class="state-box">
<div class="state">正常</div>
<div class="state">异常</div>
</div>
<div id="flex-Box">
</div>
</div>
<div class="left-under">
<div class="background-img" style="background-image: url('../../img/operEnvironment/monitoring.png');">
<div style="display: flex;width: 100%;height: 100%;flex-direction: column;">
<div class="state-box">
<div class="state">正常</div>
<div class="state">异常</div>
</div>
<div id="flex-Box">
</div>
</div>
</div>
</div>
</div>
<div class="right layout-vertical">
<div class="right-down">
<div class="background-img" style="background-image: url('../../img/operEnvironment/daylightDisplacement.png');">
<div class="layout" style="width: 100%;height: 100%;">
<div class="right-down-left">
</div>
<div class="right-down-right">
<table id="demo" lay-filter="test"></table>
</div>
</div>
</div>
</div>
<div class="right layout-vertical">
<div class="right-down layout">
<div class="background-img" style="width: 49.3%;background-image: url('../../img/operEnvironment/cjjc.png');">
<div class="backData" onclick="backData(1)"></div>
<div class="layout" style="width: 100%;height: calc(100% - 50px);flex-direction: column;">
<div class="right-down-left">
<div class="left-under layout">
<div class="right-under-left">
<div class="background-img" style="background-image: url('../../img/operEnvironment/LimitedMonitoring.png');">
<div class="layout-vertical" style="width: 100%;height: 100%;">
<div class="environment">
</div>
<div class="right-down-right" id="right-down-right">
<table id="demo" lay-filter="test"></table>
<!--有限空间-->
<div class="layout" id="yxkjId" style="width: 100%;height: 40%">
<!-- <div class="layout monitor-data ryht">-->
<!-- <p><span id="eyht">0</span><span>℃</span></p>-->
<!-- <p>二氧化碳</p>-->
<!-- <div class="monitor-icon"></div>-->
<!-- </div>-->
<!-- <div class="layout monitor-data krqt">-->
<!-- <p><span id="krqt">0</span><span>%</span></p>-->
<!-- <p>可燃气体</p>-->
<!-- <div class="monitor-icon"></div>-->
<!-- </div>-->
<!-- <div class="layout monitor-data hyl">-->
<!-- <p><span id="hyl">0</span><span>分贝</span></p>-->
<!-- <p>含氧量</p>-->
<!-- <div class="monitor-icon"></div>-->
<!-- </div>-->
<!-- <div class="layout monitor-data lhq">-->
<!-- <p><span id="lhq">0</span><span>分贝</span></p>-->
<!-- <p>硫化氢</p>-->
<!-- <div class="monitor-icon"></div>-->
<!-- </div>-->
</div>
</div>
</div>
<div id="zhsh" class="layout">
<div id="zhsh-table-box">
<table id="zhsh-table" lay-filter="zhsh-table"></table>
</div>
<div id="zhsh-info-box" class="layout">
<div id="zhsh-user-box"></div>
</div>
</div>
</div>
<div class="left-under layout">
<div class="right-under-left">
<div class="background-img" style="background-image: url('../../img/operEnvironment/LimitedMonitoring.png');">
<div class="backData" onclick="backData(2)"></div>
<div class="layout-vertical" style="width: 100%;height: calc(100% - 50px);">
<div class="environment">
</div>
<!--有限空间-->
<div class="layout" id="yxkjId" style="width: 100%;height: 40%">
</div>
<div class="right-under-right">
<div class="background-img" style="background-image: url('../../img/operEnvironment/GPS_back.png');">
<div class="layout-vertical" style="width: 100%;height: 100%;">
<div class="environments">
</div>
</div>
</div>
<div class="right-under-right">
<div class="background-img" style="background-image: url('../../img/operEnvironment/GPS.png');">
<div class="backData" onclick="backData(3)"></div>
<div class="layout-vertical" style="width: 100%;height: calc(100% - 50px);">
<div class="environments">
</div>
<div class="layout" id="gisId" style="width: 100%;height: 40%">
</div>
<div class="layout" id="gisId" style="width: 100%;height: 40%">
<!-- <div class="layout monitor-data wd">-->
<!-- <p><span id="gis_wd">45</span><span>℃</span></p>-->
<!-- <p>温度</p>-->
<!-- <div class="monitor-icon"></div>-->
<!-- </div>-->
<!-- <div class="layout monitor-data sd">-->
<!-- <p><span id="gis_sd">45</span><span>%</span></p>-->
<!-- <p>湿度</p>-->
<!-- <div class="monitor-icon"></div>-->
<!-- </div>-->
<!-- <div class="layout monitor-data zs">-->
<!-- <p><span id="gis_zs">45</span><span>分贝</span></p>-->
<!-- <p>噪声</p>-->
<!-- <div class="monitor-icon"></div>-->
<!-- </div>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>