From 7bcdaba7faad85bf16bf0f2a1dbd3e390bdb15dd Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 05 Nov 2024 21:15:40 +0800
Subject: [PATCH] 救援队伍统计、应急空间统计、风险源统计图表样式初步调整，园区概况布局调整 倾斜模型加载配置微调后续看加载效果 企业名录样式调整
---
src/views/layout/components/mainTool.vue | 69 ++++++++++------------------------
1 files changed, 20 insertions(+), 49 deletions(-)
diff --git a/src/views/layout/components/mainTool.vue b/src/views/layout/components/mainTool.vue
index 50c0a70..988500c 100644
--- a/src/views/layout/components/mainTool.vue
+++ b/src/views/layout/components/mainTool.vue
@@ -6,53 +6,18 @@
</el-button>
</div>
- <base-map v-show="showBaseMap" @close="closeBaseMap"></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>
+ <base-map v-show="currentComponent == 'map'" @close="closeBox"></base-map>
+ <layers-control v-show="currentComponent == 'layers'" @close="closeBox"></layers-control>
+ <tool-list :moreToolShow="moreToolShow" @close="closeBox"></tool-list>
</template>
<script setup>
import baseMap from './scomponents/baseMap.vue'
-let moreToolShow = ref(false)
+import layersControl from './scomponents/layersControl.vue'
+import toolList from './scomponents/toolList.vue'
-let showBaseMap = ref(false)
+const currentComponent = ref('')
+let moreToolShow = ref(false)
const btnGroup = [
{
@@ -63,24 +28,30 @@
{
name: '图层',
icon: 'fa fa-tasks',
- key: 'task'
+ key: 'layers',
},
{
name: '工具',
icon: 'fa fa-cubes',
- key: 'tool'
+ key: 'tool',
},
]
const btnClick = (item) => {
-
- if (item.key == 'map') {
- showBaseMap.value = !showBaseMap.value
- moreToolShow.value = false
+ if (item.key == 'tool') {
+ moreToolShow.value = !moreToolShow.value
+ } else {
+ currentComponent.value = item.key
}
}
-const closeBaseMap = () => showBaseMap.value = false
+const closeBox = (type) => {
+ if (type == 'tool') {
+ moreToolShow.value = false
+ } else {
+ currentComponent.value = ''
+ }
+}
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3