From fe363dbad84111b8c6b9961dd6e0fccc636bc2d6 Mon Sep 17 00:00:00 2001 From: yjl <1490736767@qq.com> Date: Tue, 8 Nov 2022 16:48:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=AD=E5=BB=BA=E5=9B=9B?= =?UTF-8?q?=E5=B1=80=EF=BC=88=E5=8F=8C=E7=A2=B3=E7=AE=A1=E7=90=86=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=EF=BC=89=E4=B8=8B=E6=8B=89=E6=A1=86=E6=96=87=E5=AD=97?= =?UTF-8?q?=E5=B1=85=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../fourEngin/carbon/centerTop.vue | 249 +++++++++--------- 1 file changed, 119 insertions(+), 130 deletions(-) diff --git a/src/views/projectAdmin/fourEngin/carbon/centerTop.vue b/src/views/projectAdmin/fourEngin/carbon/centerTop.vue index 47f16365..25247c56 100644 --- a/src/views/projectAdmin/fourEngin/carbon/centerTop.vue +++ b/src/views/projectAdmin/fourEngin/carbon/centerTop.vue @@ -5,44 +5,38 @@ 零碳展厅
-
- - -
    -
  • - {{ item.deviceName }} -
    • -
-

- - {{ currentDevDetail.deviceName }} - -

- + +
    +
  • + {{ item.deviceName }} +
    • +
+

+ + {{ currentDevDetail.deviceName }} + +

+
- -
@@ -54,10 +48,10 @@ import { environmentDevList, selectNewEnvironmentAlarmListApi, getRealTimeDustNoiseDataApi, - getAirQualityStatisticsApi,sprayDevListApi, - selectDustNoiseDataApi,getWeatherDataApi,getCurrentDayAirQualityApi, + sprayDevListApi, + selectDustNoiseDataApi, sprayOperateDataApi -} from "@/assets/js/api/environmentManage"; +} from '@/assets/js/api/environmentManage' import echarts from 'echarts4' export default { components: { @@ -65,12 +59,11 @@ export default { }, data() { return { - number: 0, devList: [], currentDevDetail: {}, - sprayDevList:[], - alarmList: [], + sprayDevList: [], + alarmList: [], onlineDevNum: 0, offlineDevNum: 0, realTimeDustNoiseDataTime: null, //圆形图实时刷新计时器 @@ -91,8 +84,8 @@ export default { } } }, - created(){ - this.getDevList() + created() { + this.getDevList() }, mounted() { @@ -105,69 +98,64 @@ export default { // }); }, methods: { - - //获取环境设备列表--环境监测实时数据--下拉 + //获取环境设备列表--环境监测实时数据--下拉 getDevList() { - console.log('环境下拉列表进来了吗--------'); - environmentDevList({ projectSn: this.$store.state.projectSn }).then( - (result) => { - console.log('环境监测下拉列表', result) - this.devList = result.result; - if(result.result.length>0){ - this.currentDevDetail = result.result[0]; - // this.getRealTimeDustNoiseData(); - // this.selectDustNoiseData(); - }else{ - // this.createCenterChart(); - } - - + console.log('环境下拉列表进来了吗--------') + environmentDevList({ projectSn: this.$store.state.projectSn }).then(result => { + console.log('环境监测下拉列表', result) + this.devList = result.result + if (result.result.length > 0) { + this.currentDevDetail = result.result[0] + this.getRealTimeDustNoiseData(); + // this.selectDustNoiseData(); + } else { + // this.createCenterChart(); } - ); - }, - - //近24小时数据 - selectDustNoiseData() { - var now = new Date(); - var yy = now.getFullYear(); //年 - var mm = now.getMonth() + 1; //月 - var dd = now.getDate(); //日 - var time = yy + "-"; - if (mm < 10) time += "0"; - time += mm + "-"; - if (dd < 10) time += "0"; - time += dd; - let data = { - searchDate:time, - projectSn:this.projectSn, - deviceId: this.currentDevDetail.deviceId, - } - selectDustNoiseDataApi(data).then(res=>{ - // console.log(res) - this.dustData_24=res.result - this.createdEcharts2(); }) }, - //获取报警列表 + + //近24小时数据 + selectDustNoiseData() { + var now = new Date() + var yy = now.getFullYear() //年 + var mm = now.getMonth() + 1 //月 + var dd = now.getDate() //日 + var time = yy + '-' + if (mm < 10) time += '0' + time += mm + '-' + if (dd < 10) time += '0' + time += dd + let data = { + searchDate: time, + projectSn: this.projectSn, + deviceId: this.currentDevDetail.deviceId + } + selectDustNoiseDataApi(data).then(res => { + // console.log(res) + this.dustData_24 = res.result + this.createdEcharts2() + }) + }, + //获取报警列表 getAlarmList() { let data = { - projectSn: this.projectSn, - }; - selectNewEnvironmentAlarmListApi(data).then((res) => { + projectSn: this.projectSn + } + selectNewEnvironmentAlarmListApi(data).then(res => { if (res.code == 200) { - this.alarmList = res.result; + this.alarmList = res.result } - }); + }) }, - sprayOperate(deviceId,operateType){ - sprayOperateDataApi({ projectSn: this.$store.state.projectSn,operateType:operateType,deviceId:deviceId }).then((res) => { - this.sprayDevList=res.result - }); + sprayOperate(deviceId, operateType) { + sprayOperateDataApi({ projectSn: this.$store.state.projectSn, operateType: operateType, deviceId: deviceId }).then(res => { + this.sprayDevList = res.result + }) }, - getSprayDevList(){ - sprayDevListApi({ projectSn: this.$store.state.projectSn }).then((res) => { - this.sprayDevList=res.result - }); + getSprayDevList() { + sprayDevListApi({ projectSn: this.$store.state.projectSn }).then(res => { + this.sprayDevList = res.result + }) }, /** 查询 */ handleQuery() { @@ -177,9 +165,9 @@ export default { }, // // 切换设备 realTimeMonitor(value) { - this.currentDevDetail = value; - this.getRealTimeDustNoiseData(); - this.selectDustNoiseData(); + this.currentDevDetail = value + this.getRealTimeDustNoiseData() + this.selectDustNoiseData() // if (this.realTimeDustNoiseDataTime) { // clearInterval(this.realTimeDustNoiseDataTime) // } @@ -194,26 +182,26 @@ export default { // this.selectDustNoiseData(); 近24H }, - //近24小时数据 + //近24小时数据 selectDustNoiseData() { - var now = new Date(); - var yy = now.getFullYear(); //年 - var mm = now.getMonth() + 1; //月 - var dd = now.getDate(); //日 - var time = yy + "-"; - if (mm < 10) time += "0"; - time += mm + "-"; - if (dd < 10) time += "0"; - time += dd; + var now = new Date() + var yy = now.getFullYear() //年 + var mm = now.getMonth() + 1 //月 + var dd = now.getDate() //日 + var time = yy + '-' + if (mm < 10) time += '0' + time += mm + '-' + if (dd < 10) time += '0' + time += dd let data = { - searchDate:time, - projectSn:this.projectSn, - deviceId: this.currentDevDetail.deviceId, + searchDate: time, + projectSn: this.projectSn, + deviceId: this.currentDevDetail.deviceId } - selectDustNoiseDataApi(data).then(res=>{ + selectDustNoiseDataApi(data).then(res => { // console.log(res) - this.dustData_24=res.result - this.createdEcharts2(); + this.dustData_24 = res.result + this.createdEcharts2() }) }, //获取环境设备详情数据 @@ -225,7 +213,7 @@ export default { console.log(data) getRealTimeDustNoiseDataApi(data).then(res => { if (res.code == 200) { - console.log('获取环境设备详情数据------',res.result) + console.log('获取环境设备详情数据------', res.result) if (res.result != null) { this.plantCap = res.result } else { @@ -569,33 +557,34 @@ export default { background-repeat: no-repeat; background-size: 100%; font-size: 8px; - // ::v-deep .el-select{ - // width: 100px; - // height: 20px; - // } - // ::v-deep .el-input__inner { - // background-color: #3e7c86; - // color: #fff; - // } - // ::v-deep .el-select__caret { - // color: #fff; - // } + // ::v-deep .el-select{ + // width: 100px; + // height: 20px; + // } + // ::v-deep .el-input__inner { + // background-color: #3e7c86; + // color: #fff; + // } + // ::v-deep .el-select__caret { + // color: #fff; + // } } .devList { - width: 100px; + width: 100px; height: 20px; - li { - width: 100px; - height: 20px; - cursor: pointer; - text-align: center; - line-height: 22px; - &.active, - &:hover { - color: rgba(6, 248, 179, 0.8); + + li { + width: 100px; + height: 20px; + cursor: pointer; + line-height: 22px; + &.active, + &:hover { + color: rgba(6, 248, 179, 0.8); + } + } + } } -} - } }