fix

.gitignore

@@ -4,6 +4,8 @@ node_modules
 *.zip
 *.rar
 
+package-lock.json
+
 # local env files
 .env.local
 .env.*.local

src/views/monitorSelect/index.vue

@@ -149,7 +149,7 @@ export default {
   },
   created() {
     this.getTend()
-    this.getAccrueCenter()
+    // this.getAccrueCenter()
     this.getTrainJob()
   },
   mounted() {
@@ -215,16 +215,16 @@ export default {
       })
     },
     getTaskTotal() {
-      getAccrueCenter().then((res) => {
-        if (res.perCenterComputerPowers) {
-          const data = res.accOtJobInfo
-          this.accrueData = {
-            config1: data.accCardRunSec,
-            config2: data.accOtJobNum,
-            config3: data.accRunSec
-          }
-        }
-      })
+      // getAccrueCenter().then((res) => {
+      //   if (res.perCenterComputerPowers) {
+      //     const data = res.accOtJobInfo
+      //     this.accrueData = {
+      //       config1: data.accCardRunSec,
+      //       config2: data.accOtJobNum,
+      //       config3: data.accRunSec
+      //     }
+      //   }
+      // })
     },
     getAccrueCenter() {
       getAccrueCenter().then((res) => {

src/views/prometheusMonitor/earth.vue

@@ -25,7 +25,8 @@ export default {
       mouse: undefined,
       aniId: '',
       saaniId: '',
-      groupDots: []
+      groupDots: [],
+      dynamicMaterial: undefined
     }
   },
   mounted() {
@@ -191,17 +192,24 @@ export default {
       texture.wrapS = Three.RepeatWrapping
       texture.wrapT = Three.RepeatWrapping
 
-      const material = new MeshLineMaterial({
+      this.dynamicMaterial = new MeshLineMaterial({
         map: texture, // 材质
-        useMap: true, // 使用材质
-        lineWidth: 2, // 线宽
-        sizeAttenuation: false, // 是否随距离衰减
-        transparent: true // 开启透明度
+        useMap: 0, // 使用材质
+        color: color,
+        lineWidth: 0.5, // 线宽
+        sizeAttenuation: 1, // 是否随距离衰减
+        transparent: true, // 开启透明度
+        dashOffset: 0,
+        dashArray: 0.5,
+        dashRatio: 0.1,
+        repeat: new Three.Vector2(2, 1)
       })
 
+      this.flyLineAnimate()
+
       // const { width, height } = getCanvasSize()
       // material.uniforms.resolution.value.set(width, height)
-      const mesh = new Three.Mesh(meshLine.geometry, material)
+      const mesh = new Three.Mesh(meshLine.geometry, this.dynamicMaterial)
 
       // const tween = new TWEEN.Tween(material.uniforms.offset.value) // 飞线移动动画
       //   .to({ x: material.uniforms.offset.value.x - 1 }, duration)
@@ -211,6 +219,12 @@ export default {
 
       return mesh
     },
+    flyLineAnimate() {
+      requestAnimationFrame(this.flyLineAnimate)
+      if (this.dynamicMaterial) {
+        this.dynamicMaterial.uniforms.dashOffset.value -= 0.005
+      }
+    },
     zoomAnimate() {
       this.render()
       // this.controls.update()