管线分析

ChenZeping

2021-05-08 68e3567f9eec11097bb4e6f6c308033a691049b8

管线分析

 src/components/panel/topicSearch/SewersSelect/SewersAnalysis.vue

@@ -21,10 +21,11 @@
                <span class="fixed-style">起始管线</span>
                <el-table
                        class="tableBox"
                        height="100"
                        max-height="200"
                        highlight-current-row
                        :data="tableDataLinkStart"
                        @row-click="linkSelectStart"
                        highlight-current-row
                        style="width: 100%" size="mini">
                    <el-table-column
                            prop="datasource"
@@ -513,15 +514,24 @@
      this.lxTableDataResult = []
    },

    // 流向地图上点击
    // 地图上点击
    selectPipeLine () {
      window.map.on('click', this.selectClick)
      // // 关闭弹窗
      window.layerFactory.clickSwitch = false
    },
    // 地图上点击回调
    selectClick (e) {
      console.log(e)
      window.map.off('click', this.selectClick)
      const point = [e.latlng.lng, e.latlng.lat]
      this.getPipeLine(point)
      // if () {
      //   // 关闭弹窗
      //   window.layerFactory.clickSwitch = false
      // } else {
      //   window.layerFactory.clickSwitch = true
      // }
    },
    // 点击获取判断数据
    async getPipeLine (point) {
@@ -532,6 +542,7 @@
      }
      // 根据参数请求接口数据
      const res = await mapApi.findPipelineByClickPoint(param)
      console.log(res)
      if (this.activeName === 'first') {
        if (this.linkType === 1) {
          this.tableDataLinkStart = res.data
@@ -544,8 +555,6 @@
        this.tableDataLiuxiang = res.data
      } else if (this.activeName === 'fourth') {
      }
      // debugger
      console.log(res.data)
    },
    // 流向显示 的方法参数封
    createFlowLine (param) {
@@ -572,14 +581,14 @@

    // 连通性 ===> 地图点击起始管线e
    linkClickStart (e) {
      console.log(e)
      console.log('地图点击起始管线')
      // console.log(e)
      // console.log('地图点击起始管线')
      this.linkType = 1
      this.selectPipeLine()
    },
    // 连通性 起始管线 table列表数据 选择数据事件 的点击事件
    linkSelectStart (e) {
      console.log('选择起始管线')
      // console.log('选择起始管线')
      // this.$refs.singleTable.setCurrentRow(e)
      this.currentSelectStart = e
      if (this.currentSelectStartLine != null) {
@@ -802,7 +811,8 @@
    bgFmClick (e) {
      console.log('点击影响的阀门')
      console.log(e)
      const point = [e.data[0][0], e.data[0][1]]
      // const point = [e.data[0][0], e.data[0][1]]
      const point = [e.startControlPoint.x, e.startControlPoint.y]
      const marker = this.createFlowMarker(point)
      marker.addTo(this.map)
      window.map.flyTo(point, 16)
@@ -1099,6 +1109,22 @@
        background: none;
    }

    /deep/ .el-table__body .el-table__row.hover-row td {
        background: none !important;
    }

    /deep/ .el-table__fixed-right-patch {
        /*display: none;*/
    }

    /deep/ .el-table__body tr.current-row > td {
        background: rgba(0, 16, 30, 1) !important;
    }

    /deep/ .fixed-table {
        background: rgba(0, 16, 30, 1) !important;
    }

    /*/deep/ .el-tabs--top .el-tabs__item.is-top:nth-child(2) {*/
    /*    padding-left: 20px;*/
    /*}*/