-
-
-
-
{{ stationDetail.latestData[3].unit }}
+
+
+
+
+
气象数据实时监测
+
+
+
+
+
+
+ 风向
+
+
北风
+
北东北
+
东北
+
东东北
+
东
+
东东南
+
东南
+
南东南
+
南
+
南西南
+
西南
+
西西南
+
西
+
西西北
+
西北
+
北西北
+
静风
-
{{stationDetail.latestData[3].name}}
-
-
-
-
-
-
{{ stationDetail.latestData[4].unit }}
+
+
+
+ 降雨量
+
+
+
+
+ mm/hour
+
+
+
+
+
+
+
+
+
+
+
-
{{stationDetail.latestData[4].name}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,43 +592,43 @@
-
-
-
监测与预警
-
-
-
-
-
-
-
-
-
- {{activity.itemName}}
- {{activity.survValue}}
- {{activity.survUnit}}
-
- ({{activity.readStatus=='low'?'偏低':activity.readStatus=='high'?'偏高':'正常'}})
-
-
-
- {{activity.alertTime}}
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -478,13 +706,19 @@ export default {
play: false, //默认停止播放
nowTime: '',
stationDetail: null,
- DetailListAirData: '',
- // DetailListSoilData: '',
+ DetailListAirData: {},
+ DetailListSoilData: {},
+ latestStinkData: {},
DisplayList: '',
DisplayListdetailList0: '',
DisplayListdetailList1: '',
DisplayListdetailList2: '',
DisplayListdetailList3: '',
+ DisplayListstinkList4:'',
+ DisplayListstinkList3:'',
+ DisplayListstinkList2:'',
+ DisplayListstinkList1:'',
+ DisplayListstinkList0:'',
inforname: '',
dialogVisible: false,
fullscreen: false, //全屏
@@ -492,7 +726,7 @@ export default {
waterData: {},
summryAllDataJson: null,
maintainLogList: [],
- dateType: 'monthDays',
+ dateType: 'yearMonth',
dateTypeOptions: [ {
value: 'dayhours',
label: '24小时'
@@ -560,6 +794,7 @@ export default {
}
},
initStart(){
+ let that = this;
this.loading = true;
// 实时时间
this.infor()
@@ -569,6 +804,13 @@ export default {
this.DisplayListdetailList1 = val.result.effect_assess[0].detailList[1]
this.DisplayListdetailList2 = val.result.effect_assess[0].detailList[2]
this.DisplayListdetailList3 = val.result.effect_assess[0].detailList[3]
+ if(val.result.stink && val.result.stink[0] && val.result.stink && val.result.stink[0].detailList){
+ this.DisplayListstinkList4 = val.result.stink[0].detailList[4]
+ this.DisplayListstinkList3 = val.result.stink[0].detailList[3]
+ this.DisplayListstinkList2 = val.result.stink[0].detailList[2]
+ this.DisplayListstinkList1 = val.result.stink[0].detailList[1]
+ this.DisplayListstinkList0 = val.result.stink[0].detailList[0]
+ }
})
this.initChartData();//下方echart监测图标
this.stationDetailApi();
@@ -668,7 +910,7 @@ export default {
name: item.name,
type: 'line',
stack: 'Total',
- areaStyle: {},
+ // areaStyle: {},//阴影面积
data: item.value,
lineStyle: {
color: item.color // 设置线的颜色为红色
@@ -807,11 +1049,25 @@ export default {
that.stationDetail.latestData = []
}
getStationDetail(this.stationCode).then(res => {
+ let that = this;
this.stationDetail = res.result
this.stationType = res.result.stationType
- this.DetailListAirData = res.result.latestAirData[0]
- //空气数据
- if (this.DetailListAirData) { }
+ // this.latestStinkData = res.result.latestStinkData
+ if(res.result.latestAirData){//空气数据
+ res.result.latestAirData.map(item => {
+ that.DetailListAirData[item.survItem] = item;
+ })
+ }
+ if(res.result.latestSoilData){//土壤数据
+ res.result.latestSoilData.map(item => {
+ that.DetailListSoilData[item.survItem] = item;
+ })
+ }
+ if(res.result.latestStinkData){//土壤数据
+ res.result.latestStinkData.map(item => {
+ that.latestStinkData[item.survItem] = item;
+ })
+ }
if (this.stationDetail.latestWaterData[0]) { //水数据
this.stationDetail.latestWaterData.map(item => {
if(item.survItem == 'dataWaterTemp'){
@@ -829,8 +1085,6 @@ export default {
this.animateObj = [];
this.hhlistxunh();
}
- // 土壤数据
- // this.DetailListSoilData = res.result.latestSoilData[0]
that.currentPlayerLive = {};
// 监控画面
setTimeout(() => {
@@ -946,6 +1200,9 @@ export default {
}
this.fullscreen = !this.fullscreen;
},
+ formatter: function (num) {
+ return num.toFixed(2)
+ },
}
}
@@ -1289,7 +1546,7 @@ export default {
.home_dlhj {
width: 88%;
min-height: 2vw !important;
- height: 15vw !important;
+ height: 13vw !important;
margin: 0 auto;
}
@@ -1722,7 +1979,8 @@ export default {
}
.jctc_add {
- height: 1vw;
+ //height: 1vw;
+ min-height: 1vw !important;
padding-left: 3%;
margin-top: 0.6vw;
}
@@ -1820,7 +2078,7 @@ export default {
}
.qxjcimg2 {
- width: 50%;
+ width: 48%;
height: 15.4vw;
float: left;
}
@@ -1879,7 +2137,7 @@ export default {
.mywrcov_lf_num {
position: absolute;
- top: 0;
+ top: 6px;
left: 0;
font-size: 0.6vw;
color: #86ffa2;
@@ -2066,6 +2324,9 @@ export default {
width: 30%;
height: 100%;
position: relative;
+ box-sizing: border-box;
+ padding: 5px;
+ overflow: hidden;
}
.baseBoxRight {
@@ -2690,5 +2951,144 @@ a:hover {
z-index: 1;
}
}
+
+/* 恶臭样式 */
+
+.ecqtssjc{
+ width: 100%;
+ height: 16.2vw;
+ position: relative;
+}
+.ecjcbak{
+ position: absolute;
+ width: 60%;
+ top: 1vw;
+ left: 20%;
+ z-index: 1;
+}
+.ecqtssjc_con{
+ position: absolute;
+ width: 7vw;
+ height: 7vw;
+ top: 2.8vw;
+ left: 34%;
+ z-index: 2;
+ background: url(../../assets/image/eckqzl.png)no-repeat;
+ background-size: cover;
+}
+.ecqtssjc_con_tit{
+ font-size: 1vw;
+ color: #1ad35f;
+ display: block;
+ text-align: center;
+ margin-top: 2.4vw;
+ font-weight: bold;
+}
+.ecqtssjc_con_sma{
+ font-size: 0.8vw;
+ color: #bcd3f5;
+ display: block;
+ text-align: center;
+}
+.ecqtssjc_lettp{
+ position: absolute;
+ width: 6vw;
+ height: 6vw;
+ top: 0.4vw;
+ left: 10%;
+ z-index: 2;
+ background: url(../../assets/image/eckqzltopleft.png)no-repeat;
+ background-size: cover;
+}
+.ecqtssjc_lettp_tit{
+ font-size: 1vw;
+ color: #ffd4d4;
+ display: block;
+ text-align: center;
+ margin-top: 2.0vw;
+ font-weight: bold;
+}
+.ecqtssjc_lettp_sma{
+ font-size: 0.8vw;
+ color: #bcd3f5;
+ display: block;
+ text-align: center;
+ margin-top: 1.4vw;
+}
+.ecqtssjc_lettb{
+ position: absolute;
+ width: 6vw;
+ height: 6vw;
+ top: 6.4vw;
+ left: 8%;
+ z-index: 2;
+ background: url(../../assets/image/eckqzltoplefb.png)no-repeat;
+ background-size: cover;
+}
+.ecqtssjc_lettb_tit{
+ font-size: 1vw;
+ color: #f9ffd0;
+ display: block;
+ text-align: center;
+ margin-top: 2.0vw;
+ font-weight: bold;
+}
+.ecqtssjc_lettb_sma{
+ font-size: 0.8vw;
+ color: #bcd3f5;
+ display: block;
+ text-align: center;
+ margin-top: 1.4vw;
+}
+.ecqtssjc_ritp{
+ position: absolute;
+ width: 6vw;
+ height: 6vw;
+ top: 0.4vw;
+ right: 8%;
+ z-index: 2;
+ background: url(../../assets/image/eckqzltopritb.png)no-repeat;
+ background-size: cover;
+}
+.ecqtssjc_ritp_tit{
+ font-size: 1vw;
+ color: #f9ffd0;
+ display: block;
+ text-align: center;
+ margin-top: 2.0vw;
+ font-weight: bold;
+}
+.ecqtssjc_ritp_sma{
+ font-size: 0.8vw;
+ color: #fff4d1;
+ display: block;
+ text-align: center;
+ margin-top: 1.4vw;
+}
+.ecqtssjc_ritb{
+ position: absolute;
+ width: 6vw;
+ height: 6vw;
+ top: 7.4vw;
+ right: 14%;
+ z-index: 2;
+ background: url(../../assets/image/eckqzltopritp.png)no-repeat;
+ background-size: cover;
+}
+.ecqtssjc_ritb_tit{
+ font-size: 1vw;
+ color: #ccffe9;
+ display: block;
+ text-align: center;
+ margin-top: 2.0vw;
+ font-weight: bold;
+}
+.ecqtssjc_ritb_sma{
+ font-size: 0.8vw;
+ color: #bcd3f5;
+ display: block;
+ text-align: center;
+ margin-top: 1.4vw;
+}
+ 
+ 
+ 
+