From 65f4b3f007fe452dc2dcc0045577f1cd10dd4e06 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 30 Oct 2024 11:18:20 +0800
Subject: [PATCH] 工具栏，菜单，等更改
---
src/views/layout/components/mainTool.vue | 56 ++++++++++++++------------------------------------------
1 files changed, 14 insertions(+), 42 deletions(-)
diff --git a/src/views/layout/components/mainTool.vue b/src/views/layout/components/mainTool.vue
index 50c0a70..2ae6bdc 100644
--- a/src/views/layout/components/mainTool.vue
+++ b/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>
--
Gitblit v1.9.3