派生自 wuyushui/SewerAndRainNetwork

wangqi
2021-03-17 0945576df59e26ef2ca98ad8d3faf37cb0833943
src/components/panel/ToolBoxPanel.vue
@@ -8,10 +8,10 @@
      <el-row v-show="selectGroup" class="specific-tools-group">
        <el-popover
            placement="bottom"
            width="100%"
            trigger="click"
            :popper-class="'tools-panel-content'"
            v-for="(item,index) in menuList" :key="index"
            :width="item.index === '2'?230 : 150"
        >
          <el-button slot="reference" class="el-button" :class="active === index ? 'tools-panel-choose':''"
                     @click="changeChoose(index)">
@@ -51,9 +51,15 @@
import polygonJ from '@assets/images/map-pages/icon/toolbox/polygon.png'
import polygonS from '@assets/images/map-pages/icon/toolbox/ju.png'
import polygonY from '@assets/images/map-pages/icon/toolbox/circle.png'
import del from '@assets/images/map-pages/icon/toolbox/del.png'
// 选中的内容图片
import distanceChoose from '@assets/images/map-pages/icon/toolbox/biaohuimark/juliceliangmark.png'
import mmChoose from '@assets/images/map-pages/icon/toolbox/biaohuimark/mianjiceliangmark.png'
import delChoose from '@assets/images/map-pages/icon/toolbox/biaohuimark/shanchu.png'
// 测量
import distance from '@assets/images/map-pages/icon/toolbox/juli.png'
import distance from '@assets/images/map-pages/icon/toolbox/jusli.png'
import mm from '@assets/images/map-pages/icon/toolbox/M2.png'
// 测量的方法
@@ -114,13 +120,22 @@
              index: '3-1',
              label: '距离',
              icon: distance,
              title: '距离测量'
              title: '距离测量',
              iconChoose: distanceChoose
            },
            {
              index: '3-2',
              label: '面积',
              icon: mm,
              title: '面积测量'
              title: '面积测量',
              iconChoose: mmChoose
            },
            {
              index: '3-3',
              label: '清除',
              icon: del,
              title: '清除测量',
              iconChoose: delChoose
            }
          ]
        },
@@ -189,6 +204,7 @@
      ],
      selectGroup: false,
      drawLayer: null,
      Draw: null,
      map: null,
      L: window.L,
      active: 0
@@ -260,6 +276,9 @@
          break
        case '面积':
          Measure.startMeasureArea(this.map, this.L)
          break
        case '清除':
          Measure.clearMeasure(this.map, this.L)
          break
        case '全屏':
          // this.map.toggleFullscreen()
@@ -407,6 +426,7 @@
      //  width:220px!important;
      //}
      .base-map-inner-panel {
        //width: 230px!important;
        display: flex;
        justify-content: center;
        align-items: center;