From e58028d02d631ac6808be966d74b0388a50bc430 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=99=E8=90=8C?= <525441437@qq.com> Date: Mon, 19 Feb 2024 18:03:38 +0800 Subject: [PATCH] 1 --- src/assets/js/charts.js | 1 + src/views/page/realTime.vue | 115 +++++++++++++++++++----------------- 2 files changed, 62 insertions(+), 54 deletions(-) diff --git a/src/assets/js/charts.js b/src/assets/js/charts.js index 88e793fb..2304cb3f 100644 --- a/src/assets/js/charts.js +++ b/src/assets/js/charts.js @@ -371,6 +371,7 @@ export function realTimeLine(id, data,pageId) { } export function statusCharts(id, data) { var chartDom = document.getElementById(id); + var myChart = echarts.init(chartDom); var option; diff --git a/src/views/page/realTime.vue b/src/views/page/realTime.vue index 01f6dae5..497f4f6d 100644 --- a/src/views/page/realTime.vue +++ b/src/views/page/realTime.vue @@ -93,7 +93,7 @@ 设备运行状态
日出:{{ sunrise }}
-
日落:{{ sunset }}
+
日落:{{ sunset }}
@@ -148,6 +148,7 @@ alt=""> 5#风机
+
@@ -219,6 +220,7 @@ 8#补光灯
+
@@ -250,18 +252,17 @@
+ || item.type == 13 || item.type == 14 || item.type == 15 || item.type == 16">
{{ getNumberStatus(item) }}
{{ item.progress }}%
-
+
- + - {{item.index==1?'开启':'关闭'}} + {{ item.index == 1 ? '开启' : '关闭' }}
@@ -439,7 +440,7 @@ export default { data() { return { sunrise: "00:00", - sunset: "00:00", + sunset: "00:00", statusList: [], time: null,//右上角时间 @@ -667,9 +668,9 @@ export default { height: divH, // 播放容器宽高 也可以直接设置成数字 如 1080 单位是px }) }, - getIcon(item){ + getIcon(item) { var index = item.index - if (item.type == 3) { + if (item.type == 3) { //加温水泵 if (index == 0) { return require('../../assets/img/fan-off.png') @@ -678,8 +679,8 @@ export default { } else { return '' } - - } else if (item.type == 10) { + + } else if (item.type == 10) { //环流风扇 if (index == 0) { return require('../../assets/img/fan-off.png') @@ -688,7 +689,7 @@ export default { } else { return '' } - }else if (item.type == 4) { + } else if (item.type == 4) { //地热风机 if (index == 0) { return require('../../assets/img/fan-off.png') @@ -697,7 +698,7 @@ export default { } else { return '' } - }else if (item.type == 9) { + } else if (item.type == 9) { //高压微雾 if (index == 0) { return require('../../assets/img/fan-off.png') @@ -717,7 +718,7 @@ export default { return '' } } - else if (item.type == 7) { + else if (item.type == 7) { //除雪 if (index == 0) { return require('../../assets/img/fan-off.png') @@ -727,12 +728,12 @@ export default { return '' } } - + }, getNumberStatus(item) { var index = item.index if (item.type == 2 || item.type == 5 || item.type == 6 || item.type == 12 - || item.type == 13 || item.type == 14 || item.type == 15|| item.type == 16) { + || item.type == 13 || item.type == 14 || item.type == 15 || item.type == 16) { //顶卷膜 if (index == 0) { return '静止状态' @@ -744,7 +745,7 @@ export default { return '' } } - // else if (item.type == 7) { + // else if (item.type == 7) { // //地热风机 // if (index == 0) { // return '除雪关闭' @@ -789,25 +790,25 @@ export default { } return num }, - - //16进制转为时间 16位无符号高字节是时，低字节是分 - convertToTimeMinutes(hexValue) { - // 将十进制数转换为16进制字符串 - let hexString = hexValue.toString(16); - // 补零，确保结果是4位16进制数 - while (hexString.length < 4) { - hexString = "0" + hexString; - } + //16进制转为时间 16位无符号高字节是时，低字节是分 + convertToTimeMinutes(hexValue) { + // 将十进制数转换为16进制字符串 + let hexString = hexValue.toString(16); - return hexString; - }, - insertColonEveryTwoDigits(inputString) { - // 使用正则表达式将字符串每两位切割 - const chunks = inputString.match(/.{1,2}/g); - return chunks.join(":"); - // 使用join方法将切割后的数组元素用冒号连接起来 - }, + // 补零，确保结果是4位16进制数 + while (hexString.length < 4) { + hexString = "0" + hexString; + } + + return hexString; + }, + insertColonEveryTwoDigits(inputString) { + // 使用正则表达式将字符串每两位切割 + const chunks = inputString.match(/.{1,2}/g); + return chunks.join(":"); + // 使用join方法将切割后的数组元素用冒号连接起来 + }, //countType计算类型 //0是原数据 //1是原数据-400 @@ -944,7 +945,7 @@ export default { this.api.postFsdata(data1).then(res => { if (res.data.code == 200) { var chartsData = res.data.data - realTimeLine('realTime-line', chartsData,data1) + realTimeLine('realTime-line', chartsData, data1) } else { // this.$message.error(res.data.msg); } @@ -1057,7 +1058,7 @@ export default { this.api.getControlFsdata(data1).then(res => { if (res.data.code == 200) { var chartsData = res.data.data - realTimeLine('realTime-line', chartsData,data1) + realTimeLine('realTime-line', chartsData, data1) } else { // this.$message.error(res.data.msg); } @@ -1120,7 +1121,7 @@ export default { if (res.data.code == 200) { res.data.data.forEach((el, index) => { var chartsData = res.data.data - realTimeLine('realTime-line', chartsData,equipmentId) + realTimeLine('realTime-line', chartsData, equipmentId) }) } }) @@ -1224,21 +1225,21 @@ export default { } this.api.getControlGetState(TargetValue).then(res => { if (res.data.code == 200) { - if(res.data.data["1119"]){ + if (res.data.data["1119"]) { this.sunrise = this.insertColonEveryTwoDigits( - this.convertToTimeMinutes(res.data.data["1119"]) - ); - }else{ - this.sunrise ='' + this.convertToTimeMinutes(res.data.data["1119"]) + ); + } else { + this.sunrise = '' } - if(res.data.data["1120"]){ - this.sunset = this.insertColonEveryTwoDigits( - this.convertToTimeMinutes(res.data.data["1120"]) - ); - }else{ - this.sunset ='' - } - + if (res.data.data["1120"]) { + this.sunset = this.insertColonEveryTwoDigits( + this.convertToTimeMinutes(res.data.data["1120"]) + ); + } else { + this.sunset = '' + } + const statusList = [] this.nowDevicestatus.forEach((el, index) => { if (el.id == 1) { @@ -1249,7 +1250,7 @@ export default { fandata.type = 1 fandata.name = el.name fandata.status = [] - var num = res.data.data['1024']?res.data.data['1024']:0 + var num = res.data.data['1024'] ? res.data.data['1024'] : 0 var num1 = this.padString(num.toString(2), 5) var openListNew = [] openListNew = num1.split("") @@ -1263,7 +1264,7 @@ export default { fandata.type = 1 fandata.name = el.name fandata.status = [] - var num = res.data.data['1079']?res.data.data['1079']:0 + var num = res.data.data['1079'] ? res.data.data['1079'] : 0 var num1 = this.padString(num.toString(2), 5) var openListNew = [] openListNew = num1.split("") @@ -1277,7 +1278,7 @@ export default { fandata.type = 8 fandata.name = el.name fandata.status = [] - var num = res.data.data['1069']?res.data.data['1069']:0 + var num = res.data.data['1069'] ? res.data.data['1069'] : 0 var num1 = this.padString(num.toString(2), 8) var openListNew = [] openListNew = num1.split("") @@ -1339,19 +1340,25 @@ export default { //通风窗 var statusData = { name: el.name, type: 15, id: el.id, open: res.data.data[(1102 + ((el.id - 26) * 3))], progress: res.data.data[(1104 + ((el.id - 26) * 3))], index: res.data.data[(1103 + ((el.id - 26) * 3))] } statusList.push(statusData) - } else if (el.id == 30 || el.id == 31 ) { + } else if (el.id == 30 || el.id == 31) { //内保温 var statusData = { name: el.name, type: 16, id: el.id, open: res.data.data[(1182 + ((el.id - 30) * 3))], progress: res.data.data[(1184 + ((el.id - 30) * 3))], index: res.data.data[(1183 + ((el.id - 30) * 3))] } statusList.push(statusData) } }) + this.statusList = statusList this.$forceUpdate(); + setTimeout(() => { + this.statusList.forEach((el, index) => { if (el.open != 0 && (el.type == 6 || el.type == 5 || el.type == 2 || el.type == 15 || el.type == 14 || el.type == 13 || el.type == 12)) { + + setTimeout(() => { statusCharts(`statusCharts${index}`, el.progress) + }, 0); } }) }, 10);