From 158327984c28169b6f3f241582914284b2d4a764 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Tue, 10 Oct 2023 11:17:44 +0800
Subject: [PATCH] fix:风场粒子修改

---
 src/components/Wind/Map.vue |  158 ++++++++++++++++++++--------------------------------
 1 files changed, 60 insertions(+), 98 deletions(-)

diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue
index 5414cfd..52fc114 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',
@@ -502,9 +498,9 @@
     this.jingduNew = newLL[1]
     this.weiduNew = newLL[0]
     // ���������������������
-    // this.windData()
-    // this.change(0)
-
+    this.windData()
+    this.change(0)
+    this.getParamsData()
     this.windDir()
     this.newDate()
     // this.alertData(this.PageSize, this.currentPage)
@@ -1527,7 +1523,7 @@
       this.getParamsData()
       setTimeout(() => {
         $.getJSON(
-          'http://47.99.64.149:8080/api/screen_api_v2/screen/windAndDeviceDataByArea',
+          'http://47.99.64.149:8080/screen_api_v2/screen/windAndDeviceDataByArea',
           { monitorPointId: this.$store.state.monitorPointId },
           (data) => {
             // ������������������
@@ -1544,14 +1540,14 @@
           }
         )
       }, 1000)
-      // if (this.windState === 1) {
-      //   console.log('getRegionApiRequest')
-      //   this.initData()
-      // console.log('���������������')
-      // } else if (this.windState === 2) {
-      // this.windDir()
-      // console.log('���������������')
-      // }
+      if (this.windState === 1) {
+        // this.ws.close()
+        this.initData()
+        // console.log('���������������')
+      } else if (this.windState === 2) {
+        this.windDir()
+        // console.log('���������������')
+      }
       // ������������������
       // this.deviceMaker()
       // this.getParamsData()
@@ -1586,14 +1582,14 @@
           }
           // console.log(this.chooseTimeInfo, 'this.chooseTimeInfo ')
           // clearInterval(this.timer)
-          // if (this.windState === 1) {
-          // this.ws.close()
-          // this.initData()
-          // console.log('���������������')
-          // } else if (this.windState === 2) {
-          // this.windDir()
-          // console.log('���������������')
-          // }
+          if (this.windState === 1) {
+            // this.ws.close()
+            this.initData()
+            // console.log('���������������')
+          } else if (this.windState === 2) {
+            this.windDir()
+            // console.log('���������������')
+          }
           setTimeout(() => {
             this.change(this.changeColor)
             this.times = 300
@@ -1601,21 +1597,6 @@
         }
       }, 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������������')
@@ -1627,11 +1608,7 @@
         center: [this.weiduNew, this.jingduNew],
         zoom: 14,
         zoomControl: false, // ������������
-        trackResize: true,
-        worldCopyJump: true,
-        dragging: true,
-        inertia: true,
-        attributionControl: true, // ���������������logol
+        attributionControl: false, // ���������������logol
         crs: L.CRS.EPSG3857 // ���������������������EPSG3857���������������������EPSG3395������������������������ EPSG4326 WGS84
       })
       // ������������������
@@ -1641,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) {
@@ -1696,6 +1658,11 @@
       this.sensorKey = pr
       // ������������������
       // this.toggleWindState()
+      if (this.windState === 1) {
+        this.initData()
+      } else if (this.windState === 2) {
+        this.windDir()
+      }
     },
     // ���������������������
     initData() {
@@ -1716,11 +1683,11 @@
           }
         })
       }
-      this.windData()
       this.deviceMaker()
       //   console.log('������������������')
       // $.ajaxSettings.async = false
       // for (let i = 0; i < this.monitorPointIds.length; i++) {
+      this.windData()
       // }
     },
     // ���������������
@@ -1735,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) {
@@ -1752,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