工具栏，菜单，等更改

shuishen

2024-10-30 65f4b3f007fe452dc2dcc0045577f1cd10dd4e06

 src/views/layout/components/mainTool.vue

@@ -6,53 +6,17 @@
    </el-button>
  </div>

  <base-map v-show="showBaseMap" @close="closeBaseMap"></base-map>
  <base-map v-show="showBaseMap" @close="closeBox"></base-map>

  <ul v-show="moreToolShow" class="dropdown-menu dropdown-menu-right toolBarRight-dropdown-menu" style="">
    <li class="widget-btn" data-widget="widgets/measure/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-calculator"></i>图上量算</a>
    </li>
    <li class="widget-btn" data-widget="widgets/analysis/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-bar-chart"></i>空间分析</a>
    </li>
    <li class="widget-btn" data-widget="widgets/centerXY/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-map-pin"></i>坐标定位</a>
    </li>
    <li class="widget-btn" data-widget="widgets/navXZQH/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-paper-plane"></i>地区导航</a>
    </li>
    <li class="widget-btn" data-widget="widgets/addmarker/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-edit"></i>我的标记</a>
    </li>
    <li class="widget-btn" data-widget="widgets/bookmark/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-tags"></i>视角书签</a>
    </li>
    <li class="widget-btn" data-widget="widgets/print/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-print"></i>地图打印</a>
    </li>
    <li class="widget-btn" data-widget="widgets/plot/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-object-group"></i>图上标绘</a>
    </li>
    <li class="widget-btn" data-widget="widgets/roamLine/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-send-o"></i>飞行漫游</a>
    </li>
    <li class="widget-btn" data-widget="widgets/queryRoute/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-level-up"></i>路线导航</a>
    </li>
    <li class="widget-btn" data-widget="widgets/mapSplit/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-columns"></i>卷帘对比</a>
    </li>
    <li class="widget-btn" data-widget="widgets/mapCompare/widget.js">
      <a href="javascript:void(0)"><i class="fa fa-window-restore"></i>分屏对比</a>
    </li>
  </ul>
  <tool-list :moreToolShow="moreToolShow" @close="closeBox"></tool-list>
</template>

<script setup>
import baseMap from './scomponents/baseMap.vue'
let moreToolShow = ref(false)
import toolList from './scomponents/toolList.vue'

let showBaseMap = ref(false)
let moreToolShow = ref(false)

const btnGroup = [
  {
@@ -76,11 +40,19 @@

  if (item.key == 'map') {
    showBaseMap.value = !showBaseMap.value
    moreToolShow.value = false

  }

  if (item.key == 'tool') {
    moreToolShow.value = !moreToolShow.value
  }
}

const closeBaseMap = () => showBaseMap.value = false
const closeBox = (type) => {
  if (type == 'map') showBaseMap.value = false

  if (type == 'tool') moreToolShow.value = false
}
</script>

<style lang="scss" scoped>