From 47e0ba9c90a2c46d3bbfbdda01d78335d52914ba Mon Sep 17 00:00:00 2001 From: pangdundun <664790274@qq.com> Date: Thu, 16 Nov 2023 18:39:14 +0800 Subject: [PATCH] ~ --- src/api/index.js | 6 +- src/views/page/largeScreen.vue | 577 +++++++++++++++++++++++++++++++-- 2 files changed, 549 insertions(+), 34 deletions(-) diff --git a/src/api/index.js b/src/api/index.js index eaa20f1..c4c7ffc 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -196,5 +196,9 @@ export default { // 控制器状态值获取 Copy readControl_getState(deviceId, data) { return sendGetRequest(`/readControl/getState?deviceId=${deviceId}`, data); + }, + + getcontrol_rtDatastation(equipmentId,data){ + return sendGetRequest(`/getcontrol/rtDatastation?equipmentId=${equipmentId}`, data) } -}; \ No newline at end of file +}; diff --git a/src/views/page/largeScreen.vue b/src/views/page/largeScreen.vue index ef322ca..394143c 100644 --- a/src/views/page/largeScreen.vue +++ b/src/views/page/largeScreen.vue @@ -9,13 +9,13 @@
-
+
- 2023.11.16 + {{ getNowTime() }} - 星期四 + {{ time.week }} - 15:39 + {{ time.time }}
@@ -42,8 +42,12 @@
- - 今日天气晴转多云，温度16~28℃，东北风三级，湿度 + +
+ + {{ item.environmentDataId }} : + {{ item.environmentData + getTypeList(item.formula) }} +
@@ -134,8 +138,8 @@
- {{ item }} + " v-for="(item, index) in dataList" :key="index" :style="styleItem" @click="getCurrent(index,item)"> + {{ item.greenhouseName + '温室' }}
@@ -151,46 +155,64 @@
-
+
风机 - {{ fanStatus.open == 1 ? '自动控制' : '手动控制' }} + {{ fanStatus.open == 1 ? '自动控制' : '手机控制' }} + + 菜单 +
+
+ + 风机 + + 无效 - 位置50% 菜单
1#风机 - {{ fanStatus.status[0] == 1 ? '打开' : '关闭' }} + {{ fanStatus.status[0] == 1 ? '打开' : '关闭' }} 2#风机 - {{ fanStatus.status[1] == 1 ? '打开' : '关闭' }} + {{ fanStatus.status[1] == 1 ? '打开' : '关闭' }}
3#风机 - {{ fanStatus.status[2] == 1 ? '打开' : '关闭' }} + {{ fanStatus.status[2] == 1 ? '打开' : '关闭' }} 4#风机 - {{ fanStatus.status[3] == 1 ? '打开' : '关闭' }} + {{ fanStatus.status[3] == 1 ? '打开' : '关闭' }}
-
+
5#风机 - {{ fanStatus.status[4] == 1 ? '打开' : '关闭' }} + {{ fanStatus.status[4] == 1 ? '打开' : '关闭' }}
-
- - {{ item.name }} - - {{ item.open == 1 ? '自动控制' : '手动控制' }} - - 位置{{ item.progress }}% - 菜单 +
+ +
@@ -236,7 +258,9 @@ export default { current: 0, - dataList: ["一号温室", "二号温室", "三号温室", "四号温室", "五号温室", "六号温室",], + dataList: [ + // "一号温室", "二号温室", "三号温室", "四号温室", "五号温室", "六号温室" + ], styleContainer: { width: "3.5rem", height: "0.5rem", @@ -277,7 +301,364 @@ export default { }, statusList: [], - time: null,//当前时间 + time: '',//当前时间 + + weatherDataList: [], + + typeList: [{ + label: '无意义的传感器', + value: 0, + countType: 0 + }, + { + label: '空气温度', + value: 1, + countType: 3, + unit: '℃' + }, + { + label: '空气湿度', + value: 2, + countType: 2, + unit: '%' + }, + { + label: '光亮度', + value: 3, + countType: 2, + unit: 'Klux' + }, + { + label: '二氧化碳', + value: 4, + countType: 0, + unit: 'ppm' + }, + { + label: '土壤温度', + value: 5, + countType: 3, + unit: '℃' + }, + { + label: '土壤湿度', + value: 6, + countType: 2, + unit: '%' + }, + { + label: '水温', + value: 7, + countType: 3, + unit: '℃' + }, + { + label: '水肥PH', + value: 8, + countType: 2, + unit: '' + }, + { + label: '水肥EC', + value: 9, + countType: 2, + unit: 'mS/cm' + }, + { + label: '压差', + value: 10, + countType: 0, + unit: 'Pa' + }, + { + label: '风速', + value: 11, + countType: 2, + unit: 'm/s' + }, + { + label: '风向', + value: 12, + countType: 0, + unit: '°' + }, + { + label: '雨雪信号', + value: 13, + countType: 0, + unit: '' + }, + { + label: '降雨量', + value: 14, + countType: 2, + unit: 'mm' + }, + { + label: '光合有效辐射', + value: 15, + countType: 2, + unit: 'umol/m2.s' + }, + { + label: '太阳总辐射', + value: 16, + countType: 0, + unit: 'W/m2' + }, + { + label: '流量', + value: 17, + countType: 0, + unit: 'L/H' + }, + { + label: '大气压强', + value: 18, + countType: 2, + unit: 'KPa' + }, + { + label: '土壤PH', + value: 19, + countType: 2, + unit: '' + }, + { + label: '土壤EC', + value: 20, + countType: 0, + unit: 'uS/cm' + }, + { + label: '叶面温度', + value: 21, + countType: 3, + unit: '℃' + }, + { + label: '叶面湿度', + value: 22, + countType: 2, + unit: '%' + }, + { + label: '果实直径', + value: 23, + countType: 0, + unit: 'mm' + }, + { + label: '茎秆直径', + value: 24, + countType: 0, + unit: 'mm' + }, + { + label: '流速', + value: 25, + countType: 2, + unit: 'm/s' + }, + { + label: '瞬时流量', + value: 26, + countType: 2, + unit: 'm3' + }, + { + label: '当日流量', + value: 27, + countType: 2, + unit: 'T' + }, + { + label: '累计流量', + value: 28, + countType: 0, + unit: 'T' + }, + { + label: '无线气象站电池电压', + value: 29, + countType: 2, + unit: 'V' + }, + { + label: '无线气象站无线信号强度', + value: 30, + countType: 1, + unit: 'dBm' + }, + { + label: '无线气象站信噪比（SNR）', + value: 31, + countType: 1, + unit: 'dB' + }, + { + label: 'PM1.0', + value: 32, + countType: 0, + unit: 'μg/m2' + }, + { + label: 'PM2.5', + value: 33, + countType: 0, + unit: 'μg/m2' + }, + { + label: 'PM10', + value: 34, + countType: 0, + unit: 'μg/m2' + }, + { + label: '紫外辐射', + value: 35, + countType: 0, + unit: 'W/m2' + }, + { + label: '蒸发量', + value: 36, + countType: 2, + unit: 'mm' + }, + { + label: '负氧离子', + value: 37, + countType: 0, + unit: '个/cm3' + }, + { + label: '露点温度', + value: 38, + countType: 3, + unit: '℃' + }, + { + label: '设备电压', + value: 39, + countType: 2, + unit: 'V' + }, + { + label: '设备电流', + value: 40, + countType: 2, + unit: 'A' + }, + { + label: '土壤氮含量', + value: 41, + countType: 0, + unit: 'mg/kg' + }, + { + label: '土壤磷含量', + value: 42, + countType: 0, + unit: 'mg/kg' + }, + { + label: '土壤钾含量', + value: 43, + countType: 0, + unit: 'mg/kg' + }, + { + label: '管道压力', + value: 44, + countType: 0, + unit: 'Kpa' + }, + { + label: '一氧化碳', + value: 45, + countType: 0, + unit: 'ppm' + }, + { + label: '氨气', + value: 46, + countType: 0, + unit: 'ppm' + }, + { + label: '硫化氢', + value: 47, + countType: 0, + unit: 'ppm' + }, + { + label: '氧气', + value: 48, + countType: 2, + unit: '%vol' + }, + { + label: '甲烷', + value: 49, + countType: 2, + unit: '%vol' + }, + { + label: '铜（CU）', + value: 50, + countType: 0, + unit: 'mg/kg' + }, + { + label: '镉（CD）', + value: 51, + countType: 2, + unit: 'mg/kg' + }, + { + label: '铅（PB）', + value: 52, + countType: 0, + unit: 'mg/kg' + }, + { + label: '噪声', + value: 53, + countType: 0, + unit: 'dB' + }, + { + label: '叶面面积', + value: 54, + countType: 0, + unit: 'mm' + }, + { + label: '虫数量', + value: 55, + countType: 0, + unit: '个' + }, + { + label: '无线传感器电池电压', + value: 56, + countType: 2, + unit: 'V' + }, + { + label: '无线传感器无线信号强度', + value: 57, + countType: 1, + unit: 'dBm' + }, + { + label: '无线传感器信噪比（SNR）', + value: 58, + countType: 1, + unit: 'dB' + }, + ], } }, mounted() { @@ -308,6 +689,10 @@ export default { this.login() this.getTime() + + setInterval(() => { + this.getNowTime() + }, 1000) }, destroyed() { this.timer_ = null @@ -317,13 +702,17 @@ export default { dataInit(userid) { this.api.Bigdata_getAllControl(userid).then(res => { console.log('根据用户id查询对应的设备大数据信息', res); + this.dataList = res.data.data if (res.status === 200) { res.data.data.forEach(el => { this.get_weather_echart_data(el.deviceId) this.get_thisWeekTemperature_echart_data(el.deviceId) this.get_environmentData(el.deviceId) - this.get_readControl_getState(2023042214250018) + + }); + this.get_readControl_getState(2023042214250018) + this.getWeatherData(2023042214250027) } }) }, @@ -443,18 +832,26 @@ export default { getTime() { this.time = getnowtime() - console.log(this.time); + // console.log(this.time); const that = this setInterval(() => { that.time = getnowtime() }, 1000); }, + getNowTime() { + const now = new Date(); + const year = now.getFullYear(); + const month = (now.getMonth() + 1).toString().padStart(2, '0'); + const day = now.getDate().toString().padStart(2, '0'); + const formattedDate = `${year}.${month}.${day}`; + return formattedDate + }, // 控制器状态值获取 Copy get_readControl_getState(deviceId) { this.api.readControl_getState(deviceId).then(res => { - console.log('控制器状态值获取 Copy', res); + // console.log('控制器状态值获取 Copy', res); if (res.data.code == 200) { this.fanStatus.open = res.data.data['1023'] this.fanStatus.status = [] @@ -468,11 +865,30 @@ export default { var statusData = { name: `顶卷膜${i + 1}`, open: res.data.data[(1025 + (i * 3))], progress: res.data.data[(1027 + (i * 3))], index: res.data.data[(1026 + (i * 3))] } this.statusList.push(statusData) } - console.log(this.statusList); + // console.log(this.statusList); } }) }, + // 获取天气预报数据 + getWeatherData(equipmentId) { + this.api.getcontrol_rtDatastation(equipmentId).then(res => { + // console.log('获取天气预报数据', res); + if (res.data.code == 200) { + this.weatherDataList = res.data.data + } + }) + }, + + // 数据单位 + getTypeList(val) { + let typeList1 = [] + typeList1 = this.typeList.filter(item => { + return item.value == val + }) + return typeList1[0].unit + }, + // 获取本地的userid和token login() { // var data = { @@ -498,7 +914,7 @@ export default { }, createVideoNew(accessToken, url, index) { - console.log(accessToken, url, index, 111); + // console.log(accessToken, url, index, 111); // divW和divH是获取了父级宽高 使播放容器能铺满div let divW = document.getElementById('monitor' + index).clientWidth let divH = document.getElementById('monitor' + index).clientHeight @@ -546,8 +962,10 @@ export default { this.$router.push({ path: '/realTime' }); }, - getCurrent(index) { + getCurrent(index,item) { this.current = index; + console.log(item,'00000000000000'); + this.get_readControl_getState(item.deviceId) }, drag_boxHandler() { @@ -837,6 +1255,34 @@ export default { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + + marquee { + width: 100%; + height: 100%; + + .item { + height: 100%; + margin-right: 0.1rem; + display: inline-block; + + >img { + width: 0.3rem; + height: 0.3rem; + position: relative; + top: 0.01rem; + margin-right: 0.05rem; + } + + >span { + font-size: 0.16rem; + font-weight: 400; + color: #fff; + font-family: Microsoft YaHei; + position: relative; + top: -0.08rem; + } + } + } } } @@ -1306,7 +1752,72 @@ export default { color: #4EFFD5; } + // >span:nth-child(6) { + // font-size: .14rem; + // font-family: MicrosoftYaHei; + // font-weight: 400; + // color: #7AE1FF; + // margin-right: 0.47rem; + // } + >span:nth-child(6) { + width: .66rem; + height: .30rem; + background: linear-gradient(-35deg, rgba(122, 225, 255, 0.49) 1%, rgba(122, 225, 255, 0.5) 100%); + border: .01rem solid rgba(122, 225, 255, 0.5); + border-radius: .15rem; + font-size: .14rem; + font-family: MicrosoftYaHei; + font-weight: 400; + color: #7AE1FF; + text-align: center; + line-height: 0.3rem; + } + } + + .i_title_ { + // width: 4rem; + height: .5rem; + background: url('../../assets/img/i_title_bg.png') center no-repeat; + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 0 0.1rem 0 0.05rem; + + + >img { + width: .5rem; + height: .5rem; + } + + >span:nth-child(2) { + width: 18%; + font-size: .16rem; + font-family: MicrosoftYaHei-Bold; + font-weight: bold; + color: #FFFFFF; + } + + .line { + width: .01rem; + height: .20rem; + background: #7ABAFF; + opacity: 0.2; + margin-right: 0.1rem; + } + + >span:nth-child(4) { + width: 18%; + font-size: .14rem; + font-family: MicrosoftYaHei; + font-weight: 400; + color: #4EFFD5; + } + + >span:nth-child(6) { + width: 18%; font-size: .14rem; font-family: MicrosoftYaHei; font-weight: 400; -- 2.40.1