From 7beb37c5170f93a33c059c72fac3233b82865481 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Sun, 04 Feb 2024 09:43:09 +0800 Subject: [PATCH] fix:修改成16位风向值 --- src/components/Wind/WRatingArr.js | 491 ++++++++++++++++++++-------------------- src/components/Wind/Map.vue | 25 - src/views/deviceDetail/index.vue | 171 ++++++++----- src/components/Wind/dataModel.css | 4 4 files changed, 351 insertions(+), 340 deletions(-) diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue index d69e54c..d3a2760 100644 --- a/src/components/Wind/Map.vue +++ b/src/components/Wind/Map.vue @@ -1549,32 +1549,15 @@ console.log('level', level) if (deviceDetails.a01008) { var windDirs = dushu === '-' ? 0 : Number(dushu) - console.log('windDirs', windDirs) + WWindUtil.windValueFormat(windDirs) + console.log('windDirs', WWindUtil.windValueFormat(windDirs)) windDeg = windDirs windTip = 'inline' if (windDirs === 0 || windDirs === '-') { windDir = '-' windTip = 'none' - } else if (windDirs > 0 && windDirs < 90) { - windDir = '���������' - windTip = 'inline' - } else if (windDirs === 90) { - windDir = '������' - windTip = 'inline' - } else if (windDirs > 90 && windDirs < 180) { - windDir = '���������' - windTip = 'inline' - } else if (windDirs === 180) { - windDir = '������' - windTip = 'inline' - } else if (windDirs > 180 && windDirs < 270) { - windDir = '���������' - windTip = 'inline' - } else if (windDirs === 270) { - windDir = '������' - windTip = 'inline' - } else if (windDirs > 270 && windDirs < 360) { - windDir = '���������' + } else { + windDir = WWindUtil.windValueFormat(windDirs) windTip = 'inline' } } diff --git a/src/components/Wind/WRatingArr.js b/src/components/Wind/WRatingArr.js index b33a681..d29ba9f 100644 --- a/src/components/Wind/WRatingArr.js +++ b/src/components/Wind/WRatingArr.js @@ -1,228 +1,227 @@ /** * ������-������������������ */ -var WWindUtil = {}; +var WWindUtil = {} /** * ������json */ WWindUtil.WDJson = { - "N": { - "en": "N", - "cn": "���", - "desc": "���" + N: { + en: 'N', + cn: '���', + desc: '���' }, - "NNE": { - "en": "NNE", - "cn": "���������", - "desc": "������������" + NNE: { + en: 'NNE', + cn: '���������', + desc: '������������' }, - "NE": { - "en": "NE", - "cn": "������", - "desc": "������" + NE: { + en: 'NE', + cn: '������', + desc: '������' }, - "ENE": { - "en": "ENE", - "cn": "���������", - "desc": "������������" + ENE: { + en: 'ENE', + cn: '���������', + desc: '������������' }, - "E": { - "en": "E", - "cn": "���", - "desc": "���" + E: { + en: 'E', + cn: '���', + desc: '���' }, - "ESE": { - "en": "ESE", - "cn": "���������", - "desc": "������������" + ESE: { + en: 'ESE', + cn: '���������', + desc: '������������' }, - "SE": { - "en": "SNE", - "cn": "������", - "desc": "������" + SE: { + en: 'SNE', + cn: '������', + desc: '������' }, - "SSE": { - "en": "SSE", - "cn": "���������", - "desc": "������������" + SSE: { + en: 'SSE', + cn: '���������', + desc: '������������' }, - "S": { - "en": "S", - "cn": "���", - "desc": "���" + S: { + en: 'S', + cn: '���', + desc: '���' }, - "SSW": { - "en": "SSW", - "cn": "���������", - "desc": "������������" + SSW: { + en: 'SSW', + cn: '���������', + desc: '������������' }, - "SW": { - "en": "SW", - "cn": "������", - "desc": "������" + SW: { + en: 'SW', + cn: '������', + desc: '������' }, - "WSW": { - "en": "WSW", - "cn": "���������", - "desc": "������������" + WSW: { + en: 'WSW', + cn: '���������', + desc: '������������' }, - "W": { - "en": "W", - "cn": "���", - "desc": "���" + W: { + en: 'W', + cn: '���', + desc: '���' }, - "WNW": { - "en": "WNW", - "cn": "���������", - "desc": "������������" + WNW: { + en: 'WNW', + cn: '���������', + desc: '������������' }, - "NW": { - "en": "NW", - "cn": "������", - "desc": "������" + NW: { + en: 'NW', + cn: '������', + desc: '������' }, - "NNW": { - "en": "NW", - "cn": "���������", - "desc": "������������" + NNW: { + en: 'NW', + cn: '���������', + desc: '������������' }, - "ERROR": { - "en": "error value", - "cn": "������������", - "desc": "������������" + ERROR: { + en: 'error value', + cn: '������������', + desc: '������������' } - -}; +} /** * ������������ */ WWindUtil.WRatingArr = [ { - "min": 0, - "max": 0.2, - "level": 0, - "name": "������", - "landScene": "������������" + min: 0, + max: 0.2, + level: 0, + name: '������', + landScene: '������������' }, { - "min": 0.3, - "max": 1.5, - "level": 1, - "name": "1 ���", - "landScene": "������������" + min: 0.3, + max: 1.5, + level: 1, + name: '1 ���', + landScene: '������������' }, { - "min": 1.6, - "max": 3.3, - "level": 2, - "name": "2 ���", - "landScene": "������������" + min: 1.6, + max: 3.3, + level: 2, + name: '2 ���', + landScene: '������������' }, { - "min": 3.4, - "max": 5.4, - "level": 3, - "name": "3 ���", - "landScene": "������������" + min: 3.4, + max: 5.4, + level: 3, + name: '3 ���', + landScene: '������������' }, { - "min": 5.5, - "max": 7.9, - "level": 4, - "name": "4 ���", - "landScene": "������������" + min: 5.5, + max: 7.9, + level: 4, + name: '4 ���', + landScene: '������������' }, { - "min": 8.0, - "max": 10.7, - "level": 5, - "name": "5 ���", - "landScene": "������������" + min: 8.0, + max: 10.7, + level: 5, + name: '5 ���', + landScene: '������������' }, { - "min": 10.8, - "max": 13.8, - "level": 6, - "name": "6 ���", - "landScene": "������������" + min: 10.8, + max: 13.8, + level: 6, + name: '6 ���', + landScene: '������������' }, { - "min": 13.9, - "max": 17.1, - "level": 7, - "name": "7 ���", - "landScene": "������������" + min: 13.9, + max: 17.1, + level: 7, + name: '7 ���', + landScene: '������������' }, { - "min": 17.2, - "max": 20.7, - "level": 8, - "name": "8 ���", - "landScene": "������������" + min: 17.2, + max: 20.7, + level: 8, + name: '8 ���', + landScene: '������������' }, { - "min": 20.8, - "max": 24.4, - "level": 9, - "name": "9 ���", - "landScene": "������������" + min: 20.8, + max: 24.4, + level: 9, + name: '9 ���', + landScene: '������������' }, { - "min": 24.5, - "max": 28.4, - "level": 10, - "name": "10 ���", - "landScene": "������������" + min: 24.5, + max: 28.4, + level: 10, + name: '10 ���', + landScene: '������������' }, { - "min": 28.5, - "max": 32.6, - "level": 11, - "name": "11 ���", - "landScene": "������������" + min: 28.5, + max: 32.6, + level: 11, + name: '11 ���', + landScene: '������������' }, { - "min": 32.7, - "max": 36.9, - "level": 12, - "name": "12 ���", - "landScene": "������������" + min: 32.7, + max: 36.9, + level: 12, + name: '12 ���', + landScene: '������������' }, { - "min": 37.0, - "max": 41.4, - "level": 13, - "name": "13 ���", - "landScene": "" + min: 37.0, + max: 41.4, + level: 13, + name: '13 ���', + landScene: '' }, { - "min": 41.5, - "max": 46.1, - "level": 14, - "name": "14 ���", - "landScene": "" + min: 41.5, + max: 46.1, + level: 14, + name: '14 ���', + landScene: '' }, { - "min": 46.2, - "max": 50.9, - "level": 15, - "name": "15 ���", - "landScene": "" + min: 46.2, + max: 50.9, + level: 15, + name: '15 ���', + landScene: '' }, { - "min": 51.0, - "max": 56.0, - "level": 16, - "name": "16 ���", - "landScene": "" + min: 51.0, + max: 56.0, + level: 16, + name: '16 ���', + landScene: '' }, { - "min": 56.1, - "max": null, - "level": 17, - "name": "17 ���", - "landScene": "" + min: 56.1, + max: null, + level: 17, + name: '17 ���', + landScene: '' } ] @@ -231,98 +230,97 @@ */ WWindUtil.to16WindDirection = function (windNumberValue) { if (windNumberValue > 360) { - return WWindUtil.WDJson.ERROR; + return WWindUtil.WDJson.ERROR } - let a = Math.ceil(windNumberValue / 11.25); - let ret; + let a = Math.ceil(windNumberValue / 11.25) + console.log('aaaaa', a) + let ret switch (a) { case 32: - case 1: - ret = WWindUtil.WDJson.N; - break; + case 0: + ret = WWindUtil.WDJson.N + break case 2: case 3: - ret = WWindUtil.WDJson.NNE; - break; - + ret = WWindUtil.WDJson.NNE + break case 4: case 5: - ret = WWindUtil.WDJson.NE; - break; + ret = WWindUtil.WDJson.NE + break case 6: case 7: - ret = WWindUtil.WDJson.ENE; - break; + ret = WWindUtil.WDJson.ENE + break case 8: case 9: - ret = WWindUtil.WDJson.E; - break; + ret = WWindUtil.WDJson.E + break case 10: case 11: - ret = WWindUtil.WDJson.ESE; - break; + ret = WWindUtil.WDJson.ESE + break case 12: case 13: - ret = WWindUtil.WDJson.SE; - break; + ret = WWindUtil.WDJson.SE + break case 14: case 15: - ret = WWindUtil.WDJson.SSE; - break; + ret = WWindUtil.WDJson.SSE + break case 16: case 17: - ret = WWindUtil.WDJson.S; - break; + ret = WWindUtil.WDJson.S + break case 18: case 19: - ret = WWindUtil.WDJson.SSW; - break; + ret = WWindUtil.WDJson.SSW + break case 20: case 21: - ret = WWindUtil.WDJson.SW; - break; + ret = WWindUtil.WDJson.SW + break case 22: case 23: - ret = WWindUtil.WDJson.WSW; - break; + ret = WWindUtil.WDJson.WSW + break case 24: case 25: - ret = WWindUtil.WDJson.W; - break; + ret = WWindUtil.WDJson.W + break case 26: case 27: - ret = WWindUtil.WDJson.WNW; - break; + ret = WWindUtil.WDJson.WNW + break case 28: case 29: - ret = WWindUtil.WDJson.NW; - break; + ret = WWindUtil.WDJson.NW + break case 30: case 31: - ret = WWindUtil.WDJson.NNW; - break; + ret = WWindUtil.WDJson.NNW + break default: - ret = WWindUtil.WDJson.ERROR; - break; - + ret = WWindUtil.WDJson.ERROR + break } - return ret; + return ret } /** ������������������������ @@ -330,90 +328,89 @@ */ WWindUtil.to8WindDirection = function (windNumberValue) { if (windNumberValue > 360) { - return WWindUtil.WDJson.ERROR; + return WWindUtil.WDJson.ERROR } - let a = Math.ceil(windNumberValue / 22.5); - let ret; + let a = Math.ceil(windNumberValue / 22.5) + let ret switch (a) { case 16: case 1: - ret = WWindUtil.WDJson.N; - break; + ret = WWindUtil.WDJson.N + break case 2: case 3: - ret = WWindUtil.WDJson.NE; - break; - + ret = WWindUtil.WDJson.NE + break case 4: case 5: - ret = WWindUtil.WDJson.E; - break; + ret = WWindUtil.WDJson.E + break case 6: case 7: - ret = WWindUtil.WDJson.SE; - break; + ret = WWindUtil.WDJson.SE + break case 8: case 9: - ret = WWindUtil.WDJson.S; - break; + ret = WWindUtil.WDJson.S + break case 10: case 11: - ret = WWindUtil.WDJson.SW; - break; + ret = WWindUtil.WDJson.SW + break case 12: case 13: - ret = WWindUtil.WDJson.W; - break; + ret = WWindUtil.WDJson.W + break case 14: case 15: - ret = WWindUtil.WDJson.NW; - break; + ret = WWindUtil.WDJson.NW + break default: - ret = WWindUtil.WDJson.ERROR; - break; - + ret = WWindUtil.WDJson.ERROR + break } - return ret; + return ret } /** ��������������������� * @param {Object} value ��������� (m/s) */ WWindUtil.WindtoLevel = function (value) { - let vl = Number(value) - .toFixed(1); - console.log('vl:', vl); - if (!vl || vl < 0) { return null; } - let arr = WWindUtil.WRatingArr; + let vl = Number(value).toFixed(1) + console.log('vl:', vl) + if (!vl || vl < 0) { + return null + } + let arr = WWindUtil.WRatingArr if (vl >= arr[arr.length - 1].min) { - return arr[arr.length - 1]; + return arr[arr.length - 1] } for (let i = 0; i < arr.length; i++) { if (vl >= arr[i].min && vl <= arr[i].max) { - return arr[i]; + return arr[i] } } - return null; + return null } // ������������������ WWindUtil.windValueFormat = function (value) { try { - let vl = Number(value); + let vl = Number(value) if (!vl || vl > 360 || vl < 0) { - return '-'; + return '-' } - return WWindUtil.to16WindDirection(value).desc; + return WWindUtil.to16WindDirection(value).desc } catch (e) { - return '-'; + return '-' } } @@ -422,17 +419,19 @@ */ WWindUtil.windFormatLevel = function (value) { try { - let vl = Number(value); + let vl = Number(value) if (!vl || vl > 100 || vl < 0) { - return "-"; + return '-' } - return WWindUtil.WindtoLevel(value).level + "���(" + WWindUtil.WindtoLevel(value).name + ")"; + return ( + WWindUtil.WindtoLevel(value).level + + '���(' + + WWindUtil.WindtoLevel(value).name + + ')' + ) } catch (e) { - return "-"; + return '-' } } - -export { - WWindUtil -}; +export { WWindUtil } diff --git a/src/components/Wind/dataModel.css b/src/components/Wind/dataModel.css index b5b76b8..2ca460c 100644 --- a/src/components/Wind/dataModel.css +++ b/src/components/Wind/dataModel.css @@ -170,11 +170,11 @@ } .marker_maptip .windBox .windInfor { - width: 50%; + width: 55%; color: #999; font-size: 17px; padding-top: 15px; - padding-left: 30px; + padding-left: 20px; } .marker_maptip .windBox .windInfor div { diff --git a/src/views/deviceDetail/index.vue b/src/views/deviceDetail/index.vue index 0fe0de8..7859683 100644 --- a/src/views/deviceDetail/index.vue +++ b/src/views/deviceDetail/index.vue @@ -38,7 +38,10 @@ :key="i" style="flex: 1; display: flex" > - <span style="width: 33%; font-size: 0.9rem" @click="chuan(val)">{{ + <span + style="width: 33%; font-size: 0.9rem" + @click="chuan(val)" + >{{ val.sensorCode | sensorFilter }}</span> <span @@ -75,7 +78,10 @@ " > <div style="position: relative"> - <img style="width: 5.5rem; height: 5.5rem" :src="compassBg"> + <img + style="width: 5.5rem; height: 5.5rem" + :src="compassBg" + > <img style=" font-size: 2rem; @@ -111,7 +117,9 @@ justify-content: center; " > - <div style="font-size: 0.9rem">������������������(������������)</div> + <div style="font-size: 0.9rem"> + ������������������(������������) + </div> <div style="font-size: 1.5rem; margin-top: 7px"> {{ aqi }}<span style="font-size: 0.8rem">(AQI)</span> </div> @@ -119,22 +127,27 @@ </div> </el-main> </el-aside> - <el-container class="border-left border-right" style="margin: 0 10px"> + <el-container + class="border-left border-right" + style="margin: 0 10px" + > <el-header class="title0" style="text-align: center; display: unset !important; margin-top: 10px" - ><h1 - style=" + > + <h1 + style=" text-align: center; text-align: center; margin: 0; padding-top: 20px; font-size: 1.2rem; " - @click="websocketData()" - > - {{ deviceName ? deviceName : '������' }} - </h1></el-header> + @click="websocketData()" + > + {{ deviceName ? deviceName : '������' }} + </h1> + </el-header> <el-main style=" padding-left: 0; @@ -211,8 +224,15 @@ </div> </div> </div> - <div class="border-top" style="display: flex; height: 50%"> - <div ref="main" class="middle1" style="flex: 1; padding-top: 2rem" /> + <div + class="border-top" + style="display: flex; height: 50%" + > + <div + ref="main" + class="middle1" + style="flex: 1; padding-top: 2rem" + /> <!-- <line-chart :chart-data="lineChartData" /> --> <div class="border-left middle2" @@ -223,9 +243,13 @@ margin-left: 10px; " > - <h3 style="font-size: 0.9rem">���������������</h3> + <h3 style="font-size: 0.9rem"> + ��������������� + </h3> <div> - <div style="font-size: 0.9rem">{{ chartSensorName }}</div> + <div style="font-size: 0.9rem"> + {{ chartSensorName }} + </div> <div style="padding: 8px 0 0; font-size: 2.3rem; font-weight: bold" > @@ -265,17 +289,30 @@ > <div style="height: 100%; display: flex; flex-direction: column"> <div style="height: 30%"> - <h3 v-if="macLat" style="text-align: center; font-size: 0.9rem"> + <h3 + v-if="macLat" + style="text-align: center; font-size: 0.9rem" + > <span>���������</span> {{ macLat }}, {{ macLng }} </h3> - <h3 style="font-size: 0.9rem">������������������������</h3> + <h3 style="font-size: 0.9rem"> + ������������������������ + </h3> </div> <div style="height: 70%"> <!-- padding-top: 4%--> - <img :src="url1" alt="" style="width: 70%"> + <img + :src="url1" + alt="" + style="width: 70%" + > </div> <div> - <img style="width: 75%" :src="url2" alt=""> + <img + style="width: 75%" + :src="url2" + alt="" + > </div> </div> </div> @@ -284,7 +321,9 @@ class="right1" style="height: 40%; display: flex; flex-direction: column" > - <h3 style="text-align: center; font-size: 0.9rem">������������</h3> + <h3 style="text-align: center; font-size: 0.9rem"> + ������������ + </h3> <ul class="listUl" style=" @@ -310,7 +349,9 @@ class="right1" style="height: 40%; display: flex; flex-direction: column" > - <h3 style="text-align: center; font-size: 0.9rem">���������</h3> + <h3 style="text-align: center; font-size: 0.9rem"> + ��������� + </h3> <ul class="listUl" style=" @@ -336,7 +377,7 @@ <script> // ���������������������������������������������������������js������������������js���json������������������������������ // ���������import������������������from'������������������'; - +import { WWindUtil } from '@/components/Wind/WRatingArr.js' import json from '@/assets/json/sensor.json' import * as echarts from 'echarts' // import { parse } from 'path-to-regexp' @@ -350,13 +391,13 @@ }, filters: { // ���������������websocket���������������key��� - sensorFilter: function(value) { + sensorFilter: function (value) { if (!value) return '' return json[value] } }, props: {}, - data() { + data () { // ������������������ return { circle: 0, @@ -439,25 +480,25 @@ }, // ������������ ���������data������ computed: { - leftaSide() { + leftaSide () { return this.$store.state.leftaSide } }, // ������data������������������ watch: { - PM2_5Data(val) { + PM2_5Data (val) { // console.log('���������' + val) this.myChart = null this.drawChart() }, - leftaSide(n, o) { + leftaSide (n, o) { // this.myChart.resize() this.myChart = null // this.drawChart() } }, // ������������ - ��������������������������������� this ��������� - created() { + created () { this.$store.dispatch('app/toggleSideBar', 0) // this.$Cookies.set('sidebarStatus', 1) // setTimeout(() => { @@ -489,7 +530,7 @@ // this.ws.send('{"mac":' + '"' + this.macName + '"' + ',"accountIdInfo":' + this.$store.state.accountId + '}') }, // ������������ - ��������������������������� DOM ��������� - mounted() { + mounted () { // this.$nextTick(() => { // console.log('zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz') // this.drawChart() @@ -503,11 +544,11 @@ // ��������������������������� // this.getCircleWH() }, - beforeCreate() {}, // ������������ - ������������ - beforeMount() {}, // ������������ - ������������ - beforeUpdate() {}, // ������������ - ������������ - updated() {}, // ������������ - ������������ - beforeDestroy() { + beforeCreate () {}, // ������������ - ������������ + beforeMount () {}, // ������������ - ������������ + beforeUpdate () {}, // ������������ - ������������ + updated () {}, // ������������ - ������������ + beforeDestroy () { if (this.ws) { this.ws.close() } @@ -515,11 +556,11 @@ clearInterval(this.timer) // ���Vue������������������������������������������ } }, // ������������ - ������������ - destroyed() {}, // ������������ - ������������ - activated() {}, + destroyed () {}, // ������������ - ������������ + activated () {}, // ������������ methods: { - chuan(val) { + chuan (val) { console.log(val) this.chartSensorKey[0] = {} this.chartSensorKey[0] = val @@ -529,7 +570,7 @@ // console.log(this.chartSensorKey[0].sensorCode); // console.log(this.chartSensorKey) }, - chuan2(val) { + chuan2 (val) { console.log(val) this.chartSensorKey[0] = {} this.chartSensorKey[0] = val @@ -538,7 +579,7 @@ this.filterSensorName() }, // ��������������������� - getCircleWH() { + getCircleWH () { // var circleWHList = document.getElementsByClassName('circleWH') // var dom = this.$refs.test // var circleWHWidth = circleWHList[0].offsetWidth @@ -546,13 +587,13 @@ // console.log(circleWHWidth, circleWHeight, '������') }, // ������������������������ - filterSensorName() { + filterSensorName () { this.chartSensorName = this.$options.filters.sensorFilter( this.chartSensorKey[0].sensorCode ) }, // ������������������ - sensorLayout() { + sensorLayout () { return new Promise((resolve, reject) => { this.$request({ url: '/organizationLayout/getLayoutByMac', @@ -582,7 +623,7 @@ }) }, // ������������������������ - getAlarmLevels() { + getAlarmLevels () { this.$axios .get('http://121.43.179.139:8080/screen_api_v2/screen/alarm-levels', { params: { @@ -600,9 +641,9 @@ }) }, // ������������������������ - getTime() { + getTime () { var _this = this // ������������������������Vue������this������������������������ - this.timer = setInterval(function() { + this.timer = setInterval(function () { _this.currentTime = // ������������date _this.appendZero(new Date().getFullYear()) + '-' + @@ -617,11 +658,11 @@ _this.appendZero(new Date().getSeconds()) }, 1000) }, - appendZero(obj) { + appendZero (obj) { return obj < 10 ? '0' + obj : obj }, // ������������������������������ - reMac(newMac, i, name) { + reMac (newMac, i, name) { this.PM2_5Data = [] this.wsData2 = null this.url1 = require('@/assets/images/alarmlevel-1.png') @@ -639,14 +680,14 @@ } }, // ������������ - getkeyName() { + getkeyName () { for (var kn in this.wsData2) { this.keyName.push(kn) alert(this.keyName) } }, // ������������������������������ - getHourlyAqi() { + getHourlyAqi () { this.$request({ url: '/deviceInfo/getHourlyAqi', method: 'get', @@ -665,7 +706,7 @@ }) }, // ��������������������������������������� - getSensorMonthAvg() { + getSensorMonthAvg () { this.$request({ url: '/deviceInfo/getMonthAvg', method: 'get', @@ -685,7 +726,7 @@ }) }, // ��������������������� - alarmSort() { + alarmSort () { this.sensorLayout().then(() => { var newAlarmLevel = {} for (let i = 0; i < this.totalArray.length; i++) { @@ -700,7 +741,7 @@ }) }, // ws������ - websocketData() { + websocketData () { if (this.ws) { this.ws.close() } @@ -724,13 +765,13 @@ console.log('socketUrl', socketUrl) this.ws = new WebSocket(socketUrl) - this.ws.onopen = function() { + this.ws.onopen = function () { console.log('websocket������������') } console.log(2) // this.ws.send('{"mac":' + '"' + this.macName + '"' + ',"accountIdInfo":' + this.$store.state.accountId + '}') // ������������������ - this.ws.onmessage = function(msg) { + this.ws.onmessage = function (msg) { // console.log(1); // if (JSON.parse(msg.data).������) { that.wsData2 = JSON.parse(msg.data) @@ -752,20 +793,8 @@ that.windDeg = windDirs if (windDirs === 0) { that.windDir = '������' - } else if (windDirs > 0 && windDirs < 90) { - that.windDir = '���������' - } else if (windDirs === 90) { - that.windDir = '������' - } else if (windDirs > 90 && windDirs < 180) { - that.windDir = '���������' - } else if (windDirs === 180) { - that.windDir = '������' - } else if (windDirs > 180 && windDirs < 270) { - that.windDir = '���������' - } else if (windDirs === 270) { - that.windDir = '������' - } else if (windDirs > 270 && windDirs < 360) { - that.windDir = '���������' + } else { + that.windDir = WWindUtil.windValueFormat(windDirs) } } that.alarmColour = {} @@ -1199,7 +1228,7 @@ } }, // ��������������������� - queryAlarmByMac() { + queryAlarmByMac () { this.$request({ url: '/deviceInfo/queryAlarmByMac', method: 'get', @@ -1231,7 +1260,7 @@ }) }, // ��������� - drawChart() { + drawChart () { const that = this var bar_dv = this.$refs.main if (bar_dv) { @@ -1251,7 +1280,7 @@ bottom: 25 }, tooltip: { - formatter: function(res) { + formatter: function (res) { console.log(res, 'res') var result = '' var html1 = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:red;"></span>' @@ -1322,8 +1351,8 @@ ] } that.myChart.setOption(option) - setTimeout(function() { - window.onresize = function() { + setTimeout(function () { + window.onresize = function () { that.myChart.resize() } }, 200) -- Gitblit v1.8.0