管线分析

ChenZeping

2021-05-08 57d2a23177e74aefe80beca793d0e9ea8c3834ac

管线分析

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

@@ -230,7 +230,7 @@
                        style="width: 100%" size="mini">
                    <el-table-column
                            :show-overflow-tooltip="true"
                            prop="lineloopna"
                            prop="pipecode"
                            label="管线类型"
                    >
                    </el-table-column>
@@ -246,7 +246,7 @@
                            sortable
                            :show-overflow-tooltip="true"
                            width="100"
                            prop="startpoint"
                            prop="pipecode"
                            label="起点编号"
                    >
                    </el-table-column>
@@ -254,7 +254,7 @@
                            :show-overflow-tooltip="true"
                            sortable
                            width="100"
                            prop="endpointnu"
                            prop="pipecode"
                            label="终点编号"
                    >
                    </el-table-column>
@@ -566,15 +566,14 @@
      return window.L.marker(point, {
        icon: window.L.divIcon({
          className: 'dIcon',
          html: '<div class="plane live">' +
              // '<img src="'+require("../../assets/images/map/ship.png")+
              '<div style="position: absolute;' +
              '    width: 20px;' +
              '    height: 20px;' +
              '    border-radius: 50%;' +
              '  content: \'\'; background-color: #FF664A;"/>' +
              '<span></span><span></span></div></>',
          iconSize: [90, 36]
          // html: '<div class="plane live">' +
          //     '<div style="position: absolute;' +
          //     '    width: 20px;' +
          //     '    height: 20px;' +
          //     '    border-radius: 50%;' +
          //     '  content: \'\'; background-color: #FF664A;"/>' +
          //     '<span></span><span></span></div></>',
          iconSize: [36, 36]
        })
      })
    },
@@ -705,7 +704,7 @@
        style: function (feature) {
          return {
            color: 'rgba(255,0,0,.6)',
            weight: 6
            weight: 10
          }
        }
      }).addTo(window.map)
@@ -753,7 +752,10 @@
      const geom = JSON.parse(e.geomText)
      this.currentSelectEndLine = window.L.geoJSON(geom, {
        style: function (feature) {
          return { color: 'rgba(200,0,200,.6)' }
          return {
            weight: 10,
            color: 'rgba(200,0,200,.6)'
          }
        }
      }).addTo(window.map)
      window.map.panInsideBounds(this.currentSelectEndLine.getBounds())
@@ -763,7 +765,7 @@
        lineID: e.pipesegcode
      }
      const res = await mapApi.findLeakages(param)
      console.log(res)
      // console.log(res)

      const len = res.data.length
      if (len === 0) {
@@ -772,7 +774,7 @@
      }
      res.data.reverse()
      this.bgFm = res.data
      console.log(res.data)
      // console.log(res.data)

      this.bgPoint = res.data[0].startControlPoint

@@ -781,7 +783,7 @@
      const p = [point.coordinates[1], point.coordinates[0]]

      this.bgMarker = this.createFlowMarker(p)
      this.bgMarker.bindTooltip(this.bgPoint.pointnumbe)
      // this.bgMarker.bindTooltip(this.bgPoint.pointnumbe)
      this.bgMarker.addTo(window.map)
      window.map.flyTo(p)

@@ -809,12 +811,12 @@
      })
    },
    bgFmClick (e) {
      console.log('点击影响的阀门')
      // console.log('点击影响的阀门')
      console.log(e)
      // const point = [e.data[0][0], e.data[0][1]]
      const point = [e.startControlPoint.x, e.startControlPoint.y]
      const point = [e.startControlPoint.y, e.startControlPoint.x]
      const marker = this.createFlowMarker(point)
      marker.addTo(this.map)
      marker.addTo(window.map)
      window.map.flyTo(point, 16)
    },

@@ -830,7 +832,10 @@
      }
      this.currentSelectResultLine = window.L.geoJSON(geom, {
        style: function (feature) {
          return { color: 'rgba(0,250,255,.6)' }
          return {
            weight: 10,
            color: 'rgba(0,250,255,.6)'
          }
        }
      }).addTo(window.map)
      window.map.panInsideBounds(this.currentSelectResultLine.getBounds())