派生自 wuyushui/SewerAndRainNetwork

陈泽平
2021-05-25 6ebf06fa7ce4fccb3144a0c15773cb9e48276fd7
src/components/panel/topicSearch/sewers-select/analysis-choose/Tube.vue
@@ -34,7 +34,7 @@
                             label="终点编号"></el-table-column>
            <el-table-column class-name="fixed-table" fixed="right" label="操作" width="40">
                <template slot-scope="scope">
                    <el-button @click="linkResultSelect(scope.row)" type="text" size="small">定位</el-button>
                    <el-button @click.once="linkResultSelect(scope.row)" type="text" size="small">定位</el-button>
                </template>
            </el-table-column>
        </el-table>
@@ -73,13 +73,12 @@
    })
  },
  methods: {
    // 清除功能
    handleClick () {
      window.mapManager.clearHighlight()
      this.clearLinkPipe()
      this.linkClear()
      this.bgFm = []
      this.bgPipeLine = []
    },
    linkClear () {
      if (this.currentSelectStartLine != null) {
        this.currentSelectStartLine.remove()
        this.currentSelectStartLine = null
@@ -115,10 +114,14 @@
      }
      // 根据参数请求接口数据
      const res = await mapApi.findPipelineByClickPoint(param)
      console.log(res)
      // console.log(res)
      this.bgPipeLine = res.data
    },
    // 清楚分析结果
    // 爆管 ===> 选择管段
    bgClick () {
      this.selectPipeLine()
    },
    // 清除结果
    clearLinkPipe () {
      if (this.linkPipeline.length > 0) {
        this.linkPipeline.forEach((itm, idx) => {
@@ -131,10 +134,7 @@
        this.currentSelectEndLine = null
      }
    },
    // 爆管 ===> 选择管段
    bgClick () {
      this.selectPipeLine()
    },
    // 点击选择事件
    async bgSelect (e) {
      // console.log('选择爆管管段')
      // console.log(e)
@@ -175,17 +175,6 @@
      }
      res.data.reverse()
      this.bgFm = res.data
      // console.log(res.data)
      this.bgPoint = res.data[0].startControlPoint
      // const point = JSON.parse(this.bgPoint.geomText)
      // const p = [point.coordinates[1], point.coordinates[0]]
      // this.bgMarker = this.createFlowMarker(p)
      // this.bgMarker = pulseEffect(p)
      // this.bgMarker.bindTooltip(this.bgPoint.pointnumbe)
      // this.bgMarker.addTo(window.map)
      // window.map.flyTo(p)
      const linkPipe = []
      res.data.forEach((itm, idx) => {
@@ -214,20 +203,17 @@
        this.linkPipeline.push(line)
      })
    },
    // 点击定位 所在行列表 功能
    bgFmClick (e) {
      // console.log('点击影响的阀门')
      // console.log(e)
      // const point = [e.data[0][0], e.data[0][1]]
      console.log(e)
      // window.map.flyTo(point, 22)
      const point = [e.startControlPoint.y, e.startControlPoint.x]
      pulseEffect(point)
      // const marker = this.createFlowMarker(point)
      // marker.addTo(window.map)
      // window.map.flyTo(point, 17)
    },
    // 定位方法事件
    linkResultSelect (e) {
      // console.log('连通性分析结果列表点击')
      console.log(e)
      // console.log(e)
      const geom = JSON.parse(e.geomText)
      if (this.currentSelectResultLine != null) {
        this.currentSelectResultLine.remove()