事件模拟更新

shuishen

2024-12-18 9a37c5e1b2190c3f6ec71483923922189091dd52

 src/views/pd/components/dynamicPanel.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-11-09 15:41:35
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-12-17 18:38:25
 * @LastEditTime: 2024-12-18 09:39:00
 * @FilePath: \bigScreen\src\views\pd\components\dynamicPanel.vue
 * @Description: 
 * 
@@ -50,7 +50,7 @@
      linePosition: '115.10341051,27.27251643,64;115.10357817,27.27278003,64',
      lineTime: 5000,

      threeContent: '企业采取紧急措施后，还有部分松节油进入场外雨水管网。',
      threeContent: '企业采取紧急措施后，还有部分松节油进入厂外雨水管网。',
      threePointPosition: {
        lng: 115.10343807,
        lat: 27.27256126
@@ -93,8 +93,8 @@

      twoContent: '企业通过砂土等筑堤堵截泄漏废水，并引流至事故应急池。',
      twoPointPosition: {
        lng: 115.10544517,
        lat: 27.29427616
        lng: 115.10545440,
        lat: 27.29439753
      },
      twotime: 10000,

@@ -172,8 +172,8 @@

      fourContent: '转输至江西粤鹏环保高新技术开发有限公司事故应急池。',
      fourPointPosition: {
        lng: 115.10508885,
        lat: 27.28042803
        lng: 115.10499264,
        lat: 27.28048591
      },
      fourtime: 18000,

@@ -414,19 +414,33 @@
}

const createLinePath = (item, cb = () => { }) => {
  let polyline = new DC.Polyline(item.linePosition)
  polyline.setStyle({
    width: 20,
    material: new DC.PolylineImageTrailMaterialProperty({
      color: DC.Color.RED,
      speed: 20,
      image: VITE_APP_BASE + 'img/mapicon/right.png',
      repeat: { x: 5, y: 1 }
    }),
    clampToGround: false
  })
  if (item.linePosition) {
    let polyline = new DC.Polyline(item.linePosition)
    polyline.setStyle({
      width: 20,
      material: new DC.PolylineImageTrailMaterialProperty({
        color: DC.Color.RED,
        speed: 20,
        image: VITE_APP_BASE + 'img/mapicon/right.png',
        repeat: { x: 5, y: 1 }
      }),
      clampToGround: false
    })

  dynamicLineVectorLayer.addOverlay(polyline)
    dynamicLineVectorLayer.addOverlay(polyline)
  } else {
    let threeCenter = DC.Position.fromObject(item.threePointPosition)
    let threeCircle = new DC.Circle(threeCenter, 30)
    threeCircle.setStyle({
      material: new DC.CircleWaveMaterialProperty({
        color: DC.Color.fromRandom(),
        speed: 20,
        count: 5,
        gradient: 0.5
      })
    })
    dynamicVectorLayer.addOverlay(threeCircle)
  }

  let threeContent = new DC.DivIcon(
    new DC.Position(item.threePointPosition.lng, item.threePointPosition.lat, 70),
@@ -516,7 +530,9 @@
          })
        } else {
          twoFun(item, () => {
            publicFun(item)
            createLinePath(item, () => {
              publicFun(item)
            })
          })
        }
      })