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&nbsp���",
-    "landScene": "������������"
+    min: 0.3,
+    max: 1.5,
+    level: 1,
+    name: '1&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 1.6,
-    "max": 3.3,
-    "level": 2,
-    "name": "2&nbsp���",
-    "landScene": "������������"
+    min: 1.6,
+    max: 3.3,
+    level: 2,
+    name: '2&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 3.4,
-    "max": 5.4,
-    "level": 3,
-    "name": "3&nbsp���",
-    "landScene": "������������"
+    min: 3.4,
+    max: 5.4,
+    level: 3,
+    name: '3&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 5.5,
-    "max": 7.9,
-    "level": 4,
-    "name": "4&nbsp���",
-    "landScene": "������������"
+    min: 5.5,
+    max: 7.9,
+    level: 4,
+    name: '4&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 8.0,
-    "max": 10.7,
-    "level": 5,
-    "name": "5&nbsp���",
-    "landScene": "������������"
+    min: 8.0,
+    max: 10.7,
+    level: 5,
+    name: '5&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 10.8,
-    "max": 13.8,
-    "level": 6,
-    "name": "6&nbsp���",
-    "landScene": "������������"
+    min: 10.8,
+    max: 13.8,
+    level: 6,
+    name: '6&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 13.9,
-    "max": 17.1,
-    "level": 7,
-    "name": "7&nbsp���",
-    "landScene": "������������"
+    min: 13.9,
+    max: 17.1,
+    level: 7,
+    name: '7&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 17.2,
-    "max": 20.7,
-    "level": 8,
-    "name": "8&nbsp���",
-    "landScene": "������������"
+    min: 17.2,
+    max: 20.7,
+    level: 8,
+    name: '8&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 20.8,
-    "max": 24.4,
-    "level": 9,
-    "name": "9&nbsp���",
-    "landScene": "������������"
+    min: 20.8,
+    max: 24.4,
+    level: 9,
+    name: '9&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 24.5,
-    "max": 28.4,
-    "level": 10,
-    "name": "10&nbsp���",
-    "landScene": "������������"
+    min: 24.5,
+    max: 28.4,
+    level: 10,
+    name: '10&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 28.5,
-    "max": 32.6,
-    "level": 11,
-    "name": "11&nbsp���",
-    "landScene": "������������"
+    min: 28.5,
+    max: 32.6,
+    level: 11,
+    name: '11&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 32.7,
-    "max": 36.9,
-    "level": 12,
-    "name": "12&nbsp���",
-    "landScene": "������������"
+    min: 32.7,
+    max: 36.9,
+    level: 12,
+    name: '12&nbsp���',
+    landScene: '������������'
   },
   {
-    "min": 37.0,
-    "max": 41.4,
-    "level": 13,
-    "name": "13&nbsp���",
-    "landScene": ""
+    min: 37.0,
+    max: 41.4,
+    level: 13,
+    name: '13&nbsp���',
+    landScene: ''
   },
   {
-    "min": 41.5,
-    "max": 46.1,
-    "level": 14,
-    "name": "14&nbsp���",
-    "landScene": ""
+    min: 41.5,
+    max: 46.1,
+    level: 14,
+    name: '14&nbsp���',
+    landScene: ''
   },
   {
-    "min": 46.2,
-    "max": 50.9,
-    "level": 15,
-    "name": "15&nbsp���",
-    "landScene": ""
+    min: 46.2,
+    max: 50.9,
+    level: 15,
+    name: '15&nbsp���',
+    landScene: ''
   },
   {
-    "min": 51.0,
-    "max": 56.0,
-    "level": 16,
-    "name": "16&nbsp���",
-    "landScene": ""
+    min: 51.0,
+    max: 56.0,
+    level: 16,
+    name: '16&nbsp���',
+    landScene: ''
   },
   {
-    "min": 56.1,
-    "max": null,
-    "level": 17,
-    "name": "17&nbsp���",
-    "landScene": ""
+    min: 56.1,
+    max: null,
+    level: 17,
+    name: '17&nbsp���',
+    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