|
@@ -13,18 +13,22 @@
|
|
|
<div class="dowebok">
|
|
|
<ul class="main_m_t_c_n">
|
|
|
<li v-for="(item,index) in weather" :key="index">
|
|
|
- <!--<img src="static/img/img/index_icon6.png"/>-->
|
|
|
- <img v-if="item.funNum == 'wendu'" src="@/assets/image/img/index_icon6.png">
|
|
|
- <img v-if="item.funNum == 'shidu'" src="@/assets/image/img/index_icon7.png">
|
|
|
- <img v-if="item.funNum == 'yanwu'" src="@/assets/image/img/index_icon8.png">
|
|
|
- <img v-if="item.funNum == 'daqiya'" src="@/assets/image/img/index_icon11.png">
|
|
|
- <img v-if="item.funNum == 'co'" src="@/assets/image/img/index_icon10.png">
|
|
|
- <img v-if="item.funNum == 'o2'" src="@/assets/image/img/index_icon9.png">
|
|
|
- <img v-if="item.funNum == 'fenchen'" src="@/assets/image/img/index_icon13.png">
|
|
|
- <img v-if="item.funNum == 'voc'" src="@/assets/image/img/index_icon17.png">
|
|
|
- <img v-if="item.funNum == 'jiawan'" src="@/assets/image/img/index_icon12.png">
|
|
|
- <img v-if="item.funNum == 'so2'" src="@/assets/image/img/index_icon14.png">
|
|
|
- <img v-if="item.funNum == 'no1'" src="@/assets/image/img/index_icon17.png">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_wd.png" v-if="item.funNum == 'wendu'">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_sd.png" v-if="item.funNum == 'shidu'">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_eyht.png" v-if="item.funNum == 'co'">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_jwnd.png" v-if="item.funNum == 'jiawan'">
|
|
|
+ <img src="@/assets/image/subject/icon_sy_yqnd.png" v-if="item.funNum == 'o2'">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_yg.png" v-if="item.funNum == 'yanwu'">
|
|
|
+ <img src="@/assets/image/subject/icon_sy_dqy.png" v-if="item.funNum == 'daqiya'">
|
|
|
+ <img src="@/assets/image/subject/icon_syspz_voc.png" v-if="item.funNum == 'voc'">
|
|
|
+ <img src="@/assets/image/subject/icon_syspz_tvoc.png" v-if="item.funNum == 'tvoc'">
|
|
|
+ <img src="@/assets/image/subject/icon_sy_mcnd.png" v-if="item.funNum == 'so2'">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_yyhd.png" v-if="item.funNum == 'no1'">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_dqy.png" v-if="item.funNum == 'fenchen'">
|
|
|
+ <img src="@/assets/image/subject/icon_bj_qq.png" v-if="item.funNum == 'H2'">
|
|
|
+ <img src="@/assets/image/subject/guangqi.png" v-if="item.funNum == 'guangqi'">
|
|
|
+ <img src="@/assets/image/subject/lvqi.png" v-if="item.funNum == 'lvqi'">
|
|
|
+ <img src="@/assets/image/subject/icon_syspz_jiaquan.png" v-if="item.funNum == 'jiaquan'">
|
|
|
<i>{{item.funcName}}</i>
|
|
|
<i>{{item.formatVal}}</i>
|
|
|
</li>
|
|
@@ -39,7 +43,7 @@
|
|
|
<ul >
|
|
|
<li class="active" v-for="(item,index2) in planAxis" :key="index2">
|
|
|
<p>发生风险:{{item.riskPlanName}}</p>
|
|
|
- <p>甲烷传感器浓度:<i>{{item.sensorJsonValue}}</i></p>
|
|
|
+ <p>{{item.sensorJsonDescribe}}:<i>{{item.sensorJsonValue}} {{item.sensorJsonUnit}}</i></p>
|
|
|
<p>时间:{{item.createTime}}</p>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -261,6 +265,8 @@ export default {
|
|
|
for(let i=0;i< _this.planAxis.length;i++){
|
|
|
if( _this.planAxis[i].sensorJson){
|
|
|
_this.planAxis[i].sensorJsonValue = JSON.parse(_this.planAxis[i].sensorJson)[0].value;
|
|
|
+ _this.planAxis[i].sensorJsonDescribe = JSON.parse(_this.planAxis[i].sensorJson)[0].describe;
|
|
|
+ _this.planAxis[i].sensorJsonUnit = JSON.parse(_this.planAxis[i].sensorJson)[0].unit;
|
|
|
|
|
|
}
|
|
|
}
|
|
@@ -425,19 +431,24 @@ export default {
|
|
|
width: rw(1370);
|
|
|
height: rh(80);
|
|
|
background: 0;
|
|
|
+ overflow-y: auto;
|
|
|
.main_m_t_c_n{
|
|
|
- /* width: rw(2000);
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;*/
|
|
|
+ position: relative;
|
|
|
+ height:255px;
|
|
|
+ white-space: nowrap;
|
|
|
+ display: inline-flex;
|
|
|
>li{
|
|
|
width: rw(202);
|
|
|
height: 100%;
|
|
|
- display: inline-block;
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
margin-left: rw(8);
|
|
|
>img{
|
|
|
- width: rw(20);
|
|
|
- height: rh(26);
|
|
|
+ width:26px;
|
|
|
+ height:26px;
|
|
|
+ position: relative;
|
|
|
+ top: rh(5);
|
|
|
}
|
|
|
>i{
|
|
|
font-size: rh(16);
|
|
@@ -490,9 +501,16 @@ export default {
|
|
|
height: rh(278);
|
|
|
margin-top: rh(10);
|
|
|
.time-box{
|
|
|
- width: 100%;margin: 0 auto;overflow: hidden;
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ overflow-y: auto;
|
|
|
>ul{
|
|
|
- overflow: hidden;position: relative;height:rh(255);
|
|
|
+
|
|
|
+
|
|
|
+ position: relative;
|
|
|
+ height:255px;
|
|
|
+ white-space: nowrap;
|
|
|
+ display: inline-flex;
|
|
|
>li{
|
|
|
width:rw(242);
|
|
|
height: rh(98);
|