From eb3c38e9450b8bcf7ca8e0df65757162ba18251f Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 29 四月 2024 14:04:42 +0800 Subject: [PATCH] 监测因子单选框 --- src/components/map/MapToolbox.vue | 19 +++++++++++++++++-- 1 files changed, 17 insertions(+), 2 deletions(-) diff --git a/src/components/map/MapToolbox.vue b/src/components/map/MapToolbox.vue index 9a2e67a..0ad54f6 100644 --- a/src/components/map/MapToolbox.vue +++ b/src/components/map/MapToolbox.vue @@ -6,12 +6,15 @@ @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"> + <font-awesome-icon :icon="item.icon" class="m-r-4" /> {{ item.label + ': ' + (item.value ? '寮�' : '鍏�') }} </el-button> </el-dropdown-item> @@ -21,12 +24,13 @@ </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 () { @@ -35,6 +39,7 @@ } }, { + icon: 'fa fa-globe', label: '鍗槦鍦板浘', value: true, click: function () { @@ -43,6 +48,7 @@ } }, { + icon: 'fa fa-compass', label: '鎺у埗缃楃洏', value: true, click: function () { @@ -51,24 +57,30 @@ } }, { + icon: 'fa fa-compass', 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 鏁版嵁鏍囪 } }, { + icon: 'fa fa-compass', label: '鏁版嵁寮规', value: true, click: function () { this.value = !this.value; + // todo 鏁版嵁寮规 } } ] @@ -84,6 +96,9 @@ <style scoped> .dropdown-wrap { + position: absolute; + top: 10px; + left: 2px; } .el-button-custom { -- Gitblit v1.9.3