From f3bce25c7313e21dc713f769430869c3b3df4f26 Mon Sep 17 00:00:00 2001 From: pangdundun <664790274@qq.com> Date: Thu, 7 Dec 2023 16:22:38 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8F=B3=E4=B8=8B=E8=A7=92?= =?UTF-8?q?=E6=A8=A1=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/page/largeScreen.vue | 154 ++++++++++++++++++++++++++------- 1 file changed, 124 insertions(+), 30 deletions(-) diff --git a/src/views/page/largeScreen.vue b/src/views/page/largeScreen.vue index 5c00770..03020a8 100644 --- a/src/views/page/largeScreen.vue +++ b/src/views/page/largeScreen.vue @@ -102,9 +102,13 @@
- + - +
@@ -138,12 +142,12 @@
-
- {{ item.greenhouseName + "温室" }} + {{ item.greenhouseName + (limitUserId == 1 ? "温室" : '') }}
@@ -158,7 +162,9 @@
-
+ + +
风机 @@ -224,6 +230,30 @@
+ + +
+
+
+ + {{ item.title }} + + {{item.controlState == 1 ? "自动控制" : "手机控制"}} + + 进度{{ item.progress }}% + 菜单 +
+
+ + {{ item.title }} + + 无效 + + 菜单 +
+
+
+
@@ -269,6 +299,7 @@ export default { content_item_current: -1, current: 5, + current1: 1, dataList: [ // "一号温室", "二号温室", "三号温室", "四号温室", "五号温室", "六号温室" @@ -680,12 +711,56 @@ export default { }, ], - limitUserId:'' + limitUserId: '', + + + // 东北 + fiveControlList: [{ + title: '加温水泵', + controlState: 0, + num: '1000', + close_btn: false + }, + { + title: '地热风机', + controlState: 0, + num: '1002', + close_btn: false + }, + { + title: '上风口', + controlState: 0, + num: '1004', + close_btn: true, + progress_num: '1006', + progress: '' + }, + { + title: '下风口', + controlState: 0, + num: '1007', + close_btn: true, + progress_num: '1009', + progress: '' + }, + { + title: '卷被', + controlState: 0, + num: '1010', + close_btn: true + }, + { + title: '除雪', + controlState: 0, + num: '1013', + close_btn: false + }, + ] }; }, mounted() { - - + + this.login(); @@ -700,7 +775,7 @@ export default { }, methods: { // 根据用户id查询对应的设备大数据信息 - dataInit(userid,limitUserId) { + dataInit(userid, limitUserId) { this.api.Bigdata_getAllControl(userid).then((res) => { // console.log('根据用户id查询对应的设备大数据信息', res); this.dataList = res.data.data; @@ -722,14 +797,14 @@ export default { // this.get_environmentData(el.deviceId) // this.get_readControl_getState(el.deviceId) }); - if(limitUserId == 1){ + if (limitUserId == 1) { // 丽水 this.get_weather_echart_data(2023042214250027); this.get_thisWeekTemperature_echart_data(2023042214250027); this.get_environmentData(2023042214250027); this.get_readControl_getState(2023042214250027); this.getWeatherData(2023042214250027); - }else if(limitUserId == 2){ + } else if (limitUserId == 2) { // 东北 this.get_weather_echart_data(2023112911050004); this.get_thisWeekTemperature_echart_data(2023112911050004); @@ -737,7 +812,7 @@ export default { this.get_readControl_getState(2023112911050004); this.getWeatherData(2023112911050004); } - + } }); }, @@ -869,7 +944,6 @@ export default { }, 100); } }); - // console.log(this.get_sel_eqbyid_list); }); }, @@ -918,8 +992,16 @@ export default { this.statusList.push(statusData); } // console.log(this.statusList); + + // 五防项目状态 + this.fiveControlList.forEach(el => { + el.controlState = res.data.data[el.num]; + if(el.progress_num){ + el.progress = res.data.data[el.progress_num]; + } + }) } - }); + });0 }, // 获取天气预报数据 @@ -978,16 +1060,16 @@ export default { }, // 获取用户id权限 - get_user_getjurisdiction(userId){ - this.api.user_getjurisdiction(userId).then(res=>{ - if(res.data.code == 200){ + get_user_getjurisdiction(userId) { + this.api.user_getjurisdiction(userId).then(res => { + if (res.data.code == 200) { this.limitUserId = res.data.data[0].id; - if(this.limitUserId == 1){ + if (this.limitUserId == 1) { this.drag_boxHandler(); - this.dataInit(userId,this.limitUserId); - }else if(this.limitUserId == 2){ + this.dataInit(userId, this.limitUserId); + } else if (this.limitUserId == 2) { this.drag_boxHandler1(); - this.dataInit(userId,this.limitUserId); + this.dataInit(userId, this.limitUserId); } } }) @@ -1061,8 +1143,10 @@ export default { getCurrent(index, item) { this.current = index; + this.current1 = index; // console.log(item,'00000000000000'); - this.get_readControl_getState(item.deviceId); + // this.get_readControl_getState(item.deviceId); + this.get_readControl_getState(2023112911050004); }, drag_boxHandler() { @@ -1618,7 +1702,7 @@ export default { transform: translate(-50%, -50%); overflow: hidden; - .drag_box1{ + .drag_box1 { width: 100%; height: 100%; position: absolute; @@ -1640,7 +1724,7 @@ export default { transparent 97%); } - .axis_init{ + .axis_init { width: 0.4rem; height: 0.5rem; position: absolute; @@ -1648,13 +1732,14 @@ export default { z-index: 99; } - .axis_init1{ + .axis_init1 { width: 0.4rem; height: 0.5rem; position: absolute; z-index: 99; } } + .drag_box { width: 100%; height: 100%; @@ -1999,7 +2084,17 @@ export default { // margin-right: 0.47rem; // } - >span:nth-child(6) { + .progress{ + width: 18%; + font-size: 0.14rem; + font-style: normal; + font-family: MicrosoftYaHei; + font-weight: 400; + color: #7ae1ff; + margin-right: 0.47rem; + } + + >span:nth-child(6),>span:nth-child(7) { width: 0.66rem; height: 0.3rem; background: linear-gradient(-35deg, @@ -2133,5 +2228,4 @@ export default { } } } -} - +}