From 664cde29f7d87204ad2be6bc1ef8a0cc08739172 Mon Sep 17 00:00:00 2001
From: Leo_Ding <2405260743@qq.com>
Date: Sat, 11 Oct 2025 09:34:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=89=E7=BA=A7=E8=81=94?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AreaCascader/index.vue         | 29 +++++--------------
 src/layouts/BasicLayout.vue                   |  1 +
 src/store/modules/dicts.js                    | 20 ++++++++++++-
 .../serverList/components/BasicInfo.vue       |  9 ------
 4 files changed, 27 insertions(+), 32 deletions(-)

diff --git a/src/components/AreaCascader/index.vue b/src/components/AreaCascader/index.vue
index 6b71303..b13f364 100644
--- a/src/components/AreaCascader/index.vue
+++ b/src/components/AreaCascader/index.vue
@@ -8,6 +8,8 @@
 <script setup>
 import { ref, watch, onMounted,defineModel } from 'vue';
 import apis from '@/apis'
+import { useDicsStore } from '@/store'
+const dicsStore = useDicsStore()
 // 使用 defineModel 自动处理 v-model
 const modelValue = defineModel();
 // 接收 props
@@ -51,25 +53,11 @@ const emit = defineEmits(['change']);
 
 // 本地选项数据（初始为空，异步加载）
 const options = ref([]);
+onMounted(() => {
+    // 使用 store 中的省份数据
+    options.value = dicsStore.provinceOptions
+});
 
-// 初始加载省份
-const loadProvinces = async () => {
-    try {
-        const response = await apis.common.getAreaList({current:1,pageSize:100});
-        console.log('获取省份响应:', response);
-        if (Array.isArray(response.data)) {
-            options.value = response.data.map(province => ({
-                ...province,
-                isLeaf: !province.hasChild // 一定有子节点（市）
-            }));
-            console.log('省份数据加载成功:', options.value);
-        } else {
-            console.warn('获取省份失败:', response.data.message);
-        }
-    } catch (error) {
-        console.error('请求省份数据失败:', error);
-    }
-};
 
 // 异步加载子节点（市、区）
 const loadData = async (selectedOptions) => {
@@ -108,10 +96,7 @@ const handleChange = (value, selectedOptions) => {
     emit('change', value, selectedOptions.map(option => option.label));
 };
 
-// 组件挂载时加载省份
-onMounted(() => {
-    loadProvinces();
-});
+
 
 </script>
 
diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue
index a903323..a17dd05 100644
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@@ -163,6 +163,7 @@ defineOptions({
 useMultiTab()
 const appStore = useAppStore()
 const dicsStore = useDicsStore()
+dicsStore.loadProvinces() // 加载省份数据
  dicsStore.loadAllDictData() // 加载字典数据
 const { sideMenuList, topMenuList } = useMenu()
 
diff --git a/src/store/modules/dicts.js b/src/store/modules/dicts.js
index 73f6bdb..51c5370 100644
--- a/src/store/modules/dicts.js
+++ b/src/store/modules/dicts.js
@@ -9,6 +9,7 @@ import useAppStore from './app'
 const useDicsStore = defineStore('dics', {
     state: () => ({
         dictOptions: {},
+        provinceOptions: [],
     }),
     getters: {
         /**
@@ -58,6 +59,23 @@ const useDicsStore = defineStore('dics', {
     },
 
     actions: {
+        // 初始加载省份
+        async loadProvinces() {
+            try {
+                const response = await apis.common.getAreaList({ current: 1, pageSize: 100 })
+                console.log('获取省份响应:', response)
+                if (Array.isArray(response.data)) {
+                    this.provinceOptions = response.data.map((province) => ({
+                        ...province,
+                        isLeaf: !province.hasChild, // 一定有子节点（市）
+                    }))
+                } else {
+                    console.warn('获取省份失败:', response.data.message)
+                }
+            } catch (error) {
+                console.error('请求省份数据失败:', error)
+            }
+        },
         /**
          * 从后端加载所有字典数据
          * @param commit
@@ -76,7 +94,7 @@ const useDicsStore = defineStore('dics', {
                 if (res?.data) {
                     this.dictOptions = res.data
                     if (res.data.length > 0) {
-                        const dictTypes = res.data.map(item => item.code)
+                        const dictTypes = res.data.map((item) => item.code)
                         const requests = dictTypes.map((type) => getDictByType(type))
                         const results = await Promise.all(requests)
                         // 将结果按 type 存入 dictOptions
diff --git a/src/views/serverObj/serverList/components/BasicInfo.vue b/src/views/serverObj/serverList/components/BasicInfo.vue
index 4ca3e7a..da9f582 100644
--- a/src/views/serverObj/serverList/components/BasicInfo.vue
+++ b/src/views/serverObj/serverList/components/BasicInfo.vue
@@ -56,12 +56,6 @@
       <a-col :span="8">
         <div ><span class="label">生存状态:</span> {{ formData.survivalStatus || '-' }}</div>
       </a-col>
-
-
-
-
-
-   
       <a-col :span="8">
         <div ><span class="label">服务状态:</span> {{ formData.serviceStatus || '-' }}</div>
       </a-col>
@@ -69,9 +63,6 @@
       <a-col :span="8">
         <div ><span class="label">服务形式:</span> {{ formData.serviceForm || '-' }}</div>
       </a-col>
-   
-
-    
       <a-col :span="24">
         <div >
           <span class="label">户籍地址:</span>