|
@@ -6,7 +6,7 @@
|
|
|
<div class="header_c">实验室安全智能监测与控制系统</div>
|
|
|
<div class="header_r1">
|
|
|
<img class="header_r1_l" src="@/assets/image/index_icon3.png"/>
|
|
|
- <i>环境学院</i>
|
|
|
+ <i>环境与气候研究院</i>
|
|
|
<img class="header_r1_r" src="@/assets/image/index_icon4.png" @click="openBackManageUrl()"/>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -67,9 +67,9 @@
|
|
|
<img src="@/assets/image/index_icon8.png" @click="openinspectUrl()"/>
|
|
|
</div>
|
|
|
<div class="left_t_r2_t2">
|
|
|
- <i>隐患排查数:{{inspeccheckZs}}</i>
|
|
|
+ <i>本次隐患排查数:{{inspeccheckZs}}</i>
|
|
|
<i>历史遗留:{{inspeccheckWzg}}</i>
|
|
|
- <i>已整改:{{inspeccheckYzg}}</i>
|
|
|
+ <i>本次已整改:{{inspeccheckYzg}}</i>
|
|
|
</div>
|
|
|
<div class="left_t_r2_m">
|
|
|
<i>实验室</i>
|
|
@@ -87,7 +87,7 @@
|
|
|
<i>{{item.checkYzg}}</i>
|
|
|
</li>
|
|
|
</div>
|
|
|
-
|
|
|
+ <div v-if="inspectList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="swiper-slide">
|
|
@@ -122,6 +122,7 @@
|
|
|
</li>
|
|
|
</div>
|
|
|
|
|
|
+ <div v-if="controlList.length<=0" style="position:relative;left: 44%; top:20%;color:#fff;">暂无数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -158,16 +159,18 @@
|
|
|
<!---->
|
|
|
<div class="left_b_b" >
|
|
|
<ul id="move_ani" :style="`animation-duration: ${labInfoList.length/0.1}s;height:${labInfoList.length*66*1.7}px;`">
|
|
|
- <li v-for='(item,index8) in labInfoList' :key="index8">
|
|
|
- <div class="left_b_b_t">
|
|
|
- <i>{{item.room}}</i>
|
|
|
- <i>{{item.address}}</i>
|
|
|
- <!--<i>正常</i>-->
|
|
|
- </div>
|
|
|
- <div class="left_b_b_b">
|
|
|
- <i v-for='(item2,index) in item.sensorFunctionStatusList' :key="index">{{item2.funcName}}:{{item2.formatVal}}</i>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
+ <template v-for='(item,index8) in labInfoList' :key="index8">
|
|
|
+ <li v-if="item.sensorFunctionStatusList.length>0">
|
|
|
+ <div class="left_b_b_t">
|
|
|
+ <i>{{item.room}}</i>
|
|
|
+ <i>{{item.address}}</i>
|
|
|
+ <!--<i>正常</i>-->
|
|
|
+ </div>
|
|
|
+ <div class="left_b_b_b">
|
|
|
+ <i v-for='(item2,index) in item.sensorFunctionStatusList' :key="index">{{item2.funcName}}:{{item2.formatVal}}</i>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </template>
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
@@ -253,7 +256,9 @@
|
|
|
<div class="right_b_l_b_b" v-if="labList">
|
|
|
<li v-for='(item,index10) in labList' :key="index10"><i>{{item.name}}</i><i>{{item.online}}</i></li>
|
|
|
</div>
|
|
|
+ <div v-if="labList.length<=0" style="position:absolute;left: 36%; top:38%;color:#fff;">暂无数据</div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="right_b_r">
|
|
|
<!--公共小标题-->
|
|
@@ -279,7 +284,6 @@
|
|
|
<script>
|
|
|
|
|
|
import {
|
|
|
- base_url,
|
|
|
getLogoInfo,
|
|
|
getYearControlInfo,
|
|
|
groupGetList,
|
|
@@ -488,9 +492,19 @@ export default {
|
|
|
let illegalData=[];
|
|
|
let data=res.data.list;
|
|
|
_this.resultCount=res.data.resultCount;//总数
|
|
|
- for (var i = 0; i <4; i++) {
|
|
|
- illegalX.push( data[i].content)
|
|
|
- illegalData.push(data[i].count)
|
|
|
+
|
|
|
+ if(data.length<=0){
|
|
|
+ for (let i = 0; i <4; i++) {
|
|
|
+ illegalX.push('其他')
|
|
|
+ illegalData.push(0)
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ data.forEach(function (item) {
|
|
|
+ console.log(item.content)
|
|
|
+ illegalX.push(item.content)
|
|
|
+ illegalData.push(item.count)
|
|
|
+ })
|
|
|
+
|
|
|
}
|
|
|
this.illegalFun(illegalX,illegalData)
|
|
|
|
|
@@ -559,7 +573,12 @@ export default {
|
|
|
let dataX=[];
|
|
|
let data=res.data;
|
|
|
data.forEach(function (item) {
|
|
|
- dataX.push({value:item.totalNum, name:item.dictLabel+' '+item.totalNum})
|
|
|
+ if(item.totalNum==0){
|
|
|
+ dataX.push({value:'', name:item.dictLabel+' '+item.totalNum})
|
|
|
+ }else{
|
|
|
+ dataX.push({value:item.totalNum, name:item.dictLabel+' '+item.totalNum})
|
|
|
+ }
|
|
|
+
|
|
|
})
|
|
|
this.riskFun(dataX)
|
|
|
|
|
@@ -1208,7 +1227,7 @@ export default {
|
|
|
},
|
|
|
/*实验室分级统计*/
|
|
|
classifyFun(dataX){
|
|
|
- var colorList = ['#E9BA44', '#0086F1', '#21B532','#1B96EA'];
|
|
|
+ var colorList = ['#d02c2c', '#ff9b17', '#0183fa','#0a9419'];
|
|
|
let classifyOption = {
|
|
|
series: [{
|
|
|
type: 'pie',
|
|
@@ -2289,6 +2308,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.right_b_l_b{
|
|
|
+ position: relative;
|
|
|
.right_b_l_b_t{
|
|
|
height: rh(48);
|
|
|
display: flex;
|