From b7a8707450426b740246a4d85e9df7a7e1c7da28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=8F=E5=A4=A7=E8=83=86?= <1101282782@qq.com>
Date: Mon, 15 Sep 2025 18:41:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E5=87=86=E5=9B=BE=E5=B9=85=E6=AF=94?=
 =?UTF-8?q?=E4=BE=8B=E5=B0=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/setPup/components/setting.vue  |  5 +
 .../headers/components/tufu_select.vue        | 98 +++++++++++++++++++
 src/renderer/src/views/home/index.vue         |  2 +
 3 files changed, 105 insertions(+)
 create mode 100644 src/renderer/src/views/components/headers/components/tufu_select.vue

diff --git a/src/renderer/src/views/components/headers/components/setPup/components/setting.vue b/src/renderer/src/views/components/headers/components/setPup/components/setting.vue
index 2f47df9..3c180b2 100644
--- a/src/renderer/src/views/components/headers/components/setPup/components/setting.vue
+++ b/src/renderer/src/views/components/headers/components/setPup/components/setting.vue
@@ -333,6 +333,9 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import { ElMessage } from 'element-plus'
+import { inject } from 'vue'
+
+const eventBus: any = inject('bus')
 
 const { t } = useI18n()
 
@@ -407,7 +410,9 @@ const sysChange = async () => {
   //地形遮挡
   YJ.Global.setGroundCover(window.earth, systemSetting.value.occlusion)
 
+  //比例尺
   await YJ.Global.SheetIndexStatusSwitch(window.earth, systemSetting.value.sheetIndexStatusSwitch)
+  eventBus.emit('tufuInput', systemSetting.value.sheetIndexStatusSwitch)
 
   //鹰眼图
   if (systemSetting.value.showMapX) {
diff --git a/src/renderer/src/views/components/headers/components/tufu_select.vue b/src/renderer/src/views/components/headers/components/tufu_select.vue
new file mode 100644
index 0000000..da6a3ca
--- /dev/null
+++ b/src/renderer/src/views/components/headers/components/tufu_select.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="tufu_select" ref="tufu_select" v-if="show">
+    <span
+      style="
+        font-size: 20px;
+        color: white;
+        font-weight: bold;
+        margin-right: 10px;
+        vertical-align: middle;
+        display: inline-block;
+      "
+      >图幅比例尺</span
+    >
+    <el-select
+      v-model="value"
+      size="small"
+      :popper-append-to-body="false"
+      style="width: 100px; vertical-align: middle; display: inline-block"
+      placeholder="请选择"
+      @change="handleChange"
+    >
+      <el-option
+        v-for="item in options"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      />
+    </el-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { inject } from 'vue'
+
+const eventBus: any = inject('bus')
+var show = ref(false)
+var value = ref('1:100万')
+var options = reactive([
+  { value: '1:100万', label: '1:100万' },
+  { value: '1:50万', label: '1:50万' },
+  { value: '1:25万', label: '1:25万' },
+  { value: '1:10万', label: '1:10万' },
+  { value: '1:5万', label: '1:5万' },
+  { value: '1:2.5万', label: '1:2.5万' },
+  { value: '1:1万', label: '1:1万' },
+  { value: '1:5000', label: '1:5000' }
+])
+const handleChange = (value) => {
+  YJ.Global.SheetIndexShangeScale(window.earth, value)
+}
+
+eventBus.on('tufuInput', (data) => {
+  show.value = data
+})
+</script>
+
+<style scoped lang="scss">
+.tufu_select {
+  // display: flex;
+  // align-items: center;
+  // justify-content: center;
+  position: absolute;
+  top: 17%;
+  right: 15px;
+}
+.el-range-editor.is-active .el-range-editor.is-active:hover,
+.el-select .el-input.is-focus .el-input__inner,
+.el-input.is-active .el-input__inner,
+.el-input__inner:focus {
+  border-color: rgba(0, 255, 255, 1);
+}
+
+::v-deep .el-select__wrapper {
+  background-color: rgba(0, 0, 0, 0.5) !important;
+  color: white;
+  border: 1px solid rgba(0, 255, 255, 1);
+  box-shadow: unset !important;
+}
+
+.el-select-dropdown {
+  background-color: rgba(0, 0, 0, 0.5);
+  border-color: rgba(0, 255, 255, 1);
+}
+::v-deep .el-select__placeholder {
+  color: #fff !important;
+}
+.el-select-dropdown__item {
+  color: white;
+  text-align: center;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+  color: rgba(0, 255, 255, 1);
+  background-color: rgba(0, 255, 255, 0.5);
+}
+</style>
diff --git a/src/renderer/src/views/home/index.vue b/src/renderer/src/views/home/index.vue
index 6a34e76..cb84a9c 100644
--- a/src/renderer/src/views/home/index.vue
+++ b/src/renderer/src/views/home/index.vue
@@ -37,6 +37,7 @@
   <ProjectionConvert ref="projectionConvert"></ProjectionConvert>
   <GoodsSearchCircle ref="goodsSearchCircle"></GoodsSearchCircle>
   <GoodsSearchPolgon ref="goodsSearchPolgon"></GoodsSearchPolgon>
+  <tufuSelect ref="tufuselect"></tufuSelect>
 </template>
 
 <script setup lang="ts">
@@ -81,6 +82,7 @@ import ProjectionConvert from '../components/propertyBox/ProjectionConvert.vue'
 import GoodsSearchCircle from '../components/propertyBox/GoodsSearchCircle.vue'
 import GoodsSearchPolgon from '../components/propertyBox/GoodsSearchPolgon.vue'
 import flat from '../components/propertyBox/flat.vue'
+import tufuSelect from '../components/headers/components/tufu_select.vue'
 
 import { GisApi } from '@/api/gisApi'