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 {
}
}
}
-}
-
+}