1. 新增绘图模式的切换 2. 新增行政区划的切换展示

riku

2025-03-12 42f42dc88214f283b43c422f37e10ab45c5c5578

 src/components/map/MapToolbox.vue

@@ -1,19 +1,27 @@
<template>
  <el-dropdown
    class="fy-container dropdown-wrap"
    class="p-events-auto"
    trigger="click"
    size="small"
    @command="handleCommand"
  >
    <el-button type="primary" class="el-button-custom">
      <el-icon class="el-icon--left"><TakeawayBox /></el-icon>
      地图工具箱
      工具箱
      <el-icon class="el-icon--right"><arrow-down /></el-icon>
    </el-button>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item v-for="(item, index) in toolItem" :key="index" :command="index">
          <el-button :type="item.value ? 'primary' : 'info'" plain size="default">
        <el-dropdown-item
          v-for="(item, index) in toolItem"
          :key="item.label"
          :command="index"
        >
          <el-button
            :type="item.value ? 'primary' : 'info'"
            plain
            size="default"
          >
            <font-awesome-icon :icon="item.icon" class="m-r-4" />
            {{ item.label + ': ' + (item.value ? '开' : '关') }}
          </el-button>
@@ -29,6 +37,15 @@
  data() {
    return {
      toolItem: [
        {
          icon: 'fa fa-map-signs',
          label: '行政区划',
          value: false,
          click: function () {
            this.value = !this.value;
            toolbox.toggleDistrict(this.value);
          }
        },
        {
          icon: 'fa fa-map-signs',
          label: '地物标注',
@@ -57,7 +74,7 @@
          }
        },
        {
          icon: 'fa fa-compass',
          icon: 'fa fa-crosshairs',
          label: '坐标拾取',
          value: false,
          click: function () {
@@ -65,22 +82,31 @@
            toolbox.toggleCoorPicking(this.value);
          }
        },
        // {
        //   icon: 'fa fa-compass',
        //   label: '数据标记',
        //   value: true,
        //   click: function () {
        //     this.value = !this.value;
        //     // todo 数据标记
        //   }
        // },
        {
          icon: 'fa fa-compass',
          label: '数据标记',
          value: true,
          click: function () {
            this.value = !this.value;
            // todo 数据标记
          }
        },
        {
          icon: 'fa fa-compass',
          icon: 'fa fa-comment-alt',
          label: '数据弹框',
          value: true,
          click: function () {
            this.value = !this.value;
            // todo 数据弹框
            toolbox.toggleDataDialogStatus(this.value);
          }
        },
        {
          icon: 'fa fa-comment-alt',
          label: '溯源清单',
          value: true,
          click: function () {
            this.value = !this.value;
            toolbox.toggleSceneSearch(this.value);
          }
        }
      ]
@@ -95,14 +121,6 @@
</script>

<style scoped>
.dropdown-wrap {
  position: absolute;
  top: 10px;
  left: 2px;
}



.el-button {
  margin: initial !important;
}