From dc3dfdd4b6d9634f49a2ef4e501dc0f9885f6fbe Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 12 Oct 2023 13:26:50 +0800
Subject: [PATCH] Merge branch 'feature_1.0'

---
 src/components/Wind/Map.vue |  127 +++++++++++++++---------------------------
 1 files changed, 46 insertions(+), 81 deletions(-)

diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue
index d9d8111..1f75648 100644
--- a/src/components/Wind/Map.vue
+++ b/src/components/Wind/Map.vue
@@ -463,8 +463,7 @@
       chooseTime: false,
       dateInfo: '', // ���������������
       timeInfo: '', // ���������������
-      nyr: '', // ������������������
-      windAllDate: []
+      nyr: '' // ������������������
     }
   },
   computed: {
@@ -480,9 +479,6 @@
     }
   },
   mounted() {
-    this.$nextTick(() => {
-      this.getParamsData()
-    })
     this.currentHour()
     this.$Bus.$on(
       'alarmTableVisible',
@@ -504,7 +500,7 @@
     // ���������������������
     // this.windData()
     // this.change(0)
-
+    this.getParamsData()
     this.windDir()
     this.newDate()
     // this.alertData(this.PageSize, this.currentPage)
@@ -1566,7 +1562,6 @@
     // ������������������������
     getParamsData() {
       clearInterval(this.timer)
-      this.change(this.changeColor)
       this.timer = setInterval(() => {
         this.currentHour()
         this.times--
@@ -1595,24 +1590,13 @@
           // this.windDir()
           // console.log('���������������')
           // }
+          setTimeout(() => {
+            this.change(this.changeColor)
+            this.times = 300
+          }, 100)
         }
       }, 1000)
     },
-
-    findLayer(layerName) { // ������������������������������
-      if (!this.map) {
-        return null
-      }
-      const gisMap_layers = this.map._layers
-      let layer = null
-      for (const i in gisMap_layers) {
-        if (gisMap_layers[i].options.id === layerName) {
-          layer = gisMap_layers[i]
-        }
-      }
-      return layer
-    },
-
     // ���������������������
     initMap() {
       //   console.log('������index������map������������')
@@ -1623,12 +1607,8 @@
         maxZoom: 18,
         center: [this.weiduNew, this.jingduNew],
         zoom: 14,
-        zoomControl: true, // ������������
-        trackResize: true,
-        worldCopyJump: true,
-        dragging: true,
-        inertia: true,
-        attributionControl: true, // ���������������logol
+        zoomControl: false, // ������������
+        attributionControl: false, // ���������������logol
         crs: L.CRS.EPSG3857 // ���������������������EPSG3857���������������������EPSG3395������������������������ EPSG4326 WGS84
       })
       // ������������������
@@ -1638,26 +1618,11 @@
       // L.tileLayer(
       //   'http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}'
       // ).addTo(map)
-      const that = this
       this.map = map // data���������������
-
-      this.map.on('moveend', function(ev) {
-        const res = that.findLayer('wmsid')
-        that.map.removeLayer(res)
-        that.openWindCanves()
-      })
-      // this.map.on('viewreset', function() {
-      //   console.log('--->viewreset ���������������������')
-      // })
       window.map = map
     },
     // ������������������������
     change(index) {
-      if (this.windState === 1) {
-        this.initData()
-      } else if (this.windState === 2) {
-        this.windDir()
-      }
       this.changeColor = index
       var pr = ''
       switch (index) {
@@ -1693,6 +1658,11 @@
       this.sensorKey = pr
       // ������������������
       // this.toggleWindState()
+      if (this.windState === 1) {
+        this.initData()
+      } else if (this.windState === 2) {
+        this.windDir()
+      }
     },
     // ���������������������
     initData() {
@@ -1713,11 +1683,11 @@
           }
         })
       }
-      this.windData()
       this.deviceMaker()
       //   console.log('������������������')
       // $.ajaxSettings.async = false
       // for (let i = 0; i < this.monitorPointIds.length; i++) {
+      this.windData()
       // }
     },
     // ���������������
@@ -1732,8 +1702,6 @@
         }
       })
         .then((res) => {
-          this.windAllDate = res.data[0]
-          this.openWindCanves()
           // console.log('���������������')
           // console.log(res)
           // if (res.data[0][0].data.length === 0) {
@@ -1749,47 +1717,44 @@
           // data2[0].header.dy = 0.0018464922
           // data2[1].header.dy = 0.0018464922
           // console.log(data2, 'data2')
+          var velocityLayer = L.velocityLayer({
+            displayValues: false, // ���������������������������������������������������
+            displayOptions: {
+              // ������������������
+              // velocityType: 'Global Wind',
+              velocityType: 'GBR Wind',
+              displayPosition: 'bottomleft',
+              displayEmptyString: 'No wind data'
+            },
+            data: res.data[0], // ������  ���������������
+            // data: data2,
+            // ������������������������������������������
+            minVelocity: 0, // ��������������������� m/s ���
+            maxVelocity: 8, // ��������������������� m/s ���
+            velocityScale: 0.1, // ��������������� ( ������������������������ )
+            particleAge: 90, // ������������������������������������������
+            lineWidth: 1.5, // ���������������������
+            particleMultiplier: 1 / 300, // ��������������������� ������������ ���
+            frameRate: 15, // ���������������������
+            colorScale: [
+              '#A2D839',
+              '#7EB530',
+              '#6E9F26',
+              '#4E7522',
+              '#345B1B',
+              '#186303',
+              '#175103',
+              '#053F03'
+            ]
+            // colorScale: ['#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03']
+          })
+          velocityLayer.addTo(this.map) // ���������������
           // console.log('������������')
           // console.log(res.data[0])
         })
         .catch((err) => {
           console.log(err)
         })
-    },
-    openWindCanves() {
-      var velocityLayer = L.velocityLayer({
-        displayValues: true, // ���������������������������������������������������
-        id: 'wmsid',
-        displayOptions: {
-          // ������������������
-          // velocityType: 'Global Wind',
-          velocityType: 'GBR Wind',
-          displayPosition: 'bottomleft',
-          displayEmptyString: 'No wind data'
-        },
-        data: this.windAllDate, // ������  ���������������
-        // data: data2,
-        // ������������������������������������������
-        minVelocity: 0, // ��������������������� m/s ���
-        maxVelocity: 8, // ��������������������� m/s ���
-        velocityScale: 0.1, // ��������������� ( ������������������������ )
-        particleAge: 90, // ������������������������������������������
-        lineWidth: 1.5, // ���������������������
-        particleMultiplier: 1 / 300, // ��������������������� ������������ ���
-        frameRate: 15, // ���������������������
-        colorScale: [
-          '#A2D839',
-          '#7EB530',
-          '#6E9F26',
-          '#4E7522',
-          '#345B1B',
-          '#186303',
-          '#175103',
-          '#053F03'
-        ]
-        // colorScale: ['#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03']
-      })
-      velocityLayer.addTo(this.map) // ���������������
     },
     // ������������������������������������������������������������������
     alertData(n1, n2) {

--
Gitblit v1.8.0