From 9ca85dc3bd39864daf9528d746f4bc6a0963a4c0 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 17 四月 2025 14:05:44 +0800
Subject: [PATCH] 完成走航融合模块
---
src/components/map/MapToolbox.vue | 77 +++++++++++++++++++++++++-------------
1 files changed, 50 insertions(+), 27 deletions(-)
diff --git a/src/components/map/MapToolbox.vue b/src/components/map/MapToolbox.vue
index 9a2e67a..270d63b 100644
--- a/src/components/map/MapToolbox.vue
+++ b/src/components/map/MapToolbox.vue
@@ -1,17 +1,28 @@
<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--right"><arrow-down /></el-icon>
+ <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>
</el-dropdown-item>
@@ -21,12 +32,22 @@
</template>
<script>
-import toolbox from '../../utils/map/toolbox';
+import toolbox from '@/utils/map/toolbox';
export default {
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: '鍦扮墿鏍囨敞',
value: false,
click: function () {
@@ -35,6 +56,7 @@
}
},
{
+ icon: 'fa fa-globe',
label: '鍗槦鍦板浘',
value: true,
click: function () {
@@ -43,6 +65,7 @@
}
},
{
+ icon: 'fa fa-compass',
label: '鎺у埗缃楃洏',
value: true,
click: function () {
@@ -51,24 +74,39 @@
}
},
{
+ icon: 'fa fa-crosshairs',
label: '鍧愭爣鎷惧彇',
value: false,
click: function () {
this.value = !this.value;
+ toolbox.toggleCoorPicking(this.value);
}
},
+ // {
+ // icon: 'fa fa-compass',
+ // label: '鏁版嵁鏍囪',
+ // value: true,
+ // click: function () {
+ // this.value = !this.value;
+ // // todo 鏁版嵁鏍囪
+ // }
+ // },
{
- label: '鏁版嵁鏍囪',
- value: true,
- click: function () {
- this.value = !this.value;
- }
- },
- {
+ icon: 'fa fa-comment-alt',
label: '鏁版嵁寮规',
value: true,
click: function () {
this.value = !this.value;
+ toolbox.toggleDataDialogStatus(this.value);
+ }
+ },
+ {
+ icon: 'fa fa-comment-alt',
+ label: '婧簮娓呭崟',
+ value: true,
+ click: function () {
+ this.value = !this.value;
+ toolbox.toggleSceneSearch(this.value);
}
}
]
@@ -83,21 +121,6 @@
</script>
<style scoped>
-.dropdown-wrap {
-}
-
-.el-button-custom {
- --el-button-bg-color: var(--bg-color);
- --el-button-hover-text-color: var(--select_color);
- --el-button-hover-bg-color: var(--bg-color);
- --el-button-border-color: var(--font-color);
- --el-button-active-border-color: transparent;
-}
-
-.el-button-custom:focus-visible {
- outline: 0px solid var(--el-button-outline-color);
-}
-
.el-button {
margin: initial !important;
}
--
Gitblit v1.9.3