From 1d73f6ed543d4593a53ba67d6a69a559c7dd1d31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wei=5F=E4=BD=B3?= <weijia.svip@gmail.com>
Date: Thu, 4 Dec 2025 17:36:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A1=B5=E9=9D=A2=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96=E6=97=B6=E6=B7=BB=E5=8A=A0=E5=8A=A0=E8=BD=BD=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E5=8F=8AUI=E5=B1=95=E7=A4=BA=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E5=9C=A8=E5=8A=A0=E8=BD=BD=E6=9C=9F=E9=97=B4=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E5=85=B6=E4=BB=96=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web1/src/views/pages/index.vue | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/web1/src/views/pages/index.vue b/web1/src/views/pages/index.vue
index 7e6278c..f7b6dea 100644
--- a/web1/src/views/pages/index.vue
+++ b/web1/src/views/pages/index.vue
@@ -1,6 +1,11 @@
 <template>
   <div class="pages">
     <AppHeader class="page-header" />
+    <!-- 页面初始化 loading -->
+    <div v-if="pageLoading" class="right" style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center">
+      <n-spin size="large" />
+      <div style="font-size: 16px; color: #999999; margin-top: 20px">加载中...</div>
+    </div>
     <!-- 左侧边栏 - 已隐藏 -->
     <!-- <div class="left">
             <img style="width: 198px; height: 32px; margin: 20px;" src="@/assets/images/logo.png" alt="" @click="navToLogin">
@@ -11,7 +16,7 @@
                 </div>
             </div>
         </div> -->
-    <div v-if="status == 'create'" class="right">
+    <div v-if="!pageLoading && status == 'create'" class="right">
       <StepProgressBar
         style="width: 800px; margin: auto; margin-top: 40px"
         :steps="steps"
@@ -742,7 +747,7 @@
         </div>
       </div>
     </div>
-    <div v-if="status == 'success'" class="right">
+    <div v-if="!pageLoading && status == 'success'" class="right">
       <div class="price-container" :style="{ backgroundImage: `url(${backgroundImg})` }">
         <div>¥{{ parseInt(selectedObj?.calculation_result?.final_value_ab) }}</div>
         <div style="font-size: 20px; color: #303133; line-height: 20px">最终评估结果</div>
@@ -879,7 +884,7 @@
         重新评估
       </div>
     </div>
-    <div v-if="status == 'fail'" class="right" style="text-align: center">
+    <div v-if="!pageLoading && status == 'fail'" class="right" style="text-align: center">
       <img
         style="width: 100px; height: 100px; margin-top: 30vh"
         src="@/assets/images/fail.png"
@@ -898,7 +903,7 @@
         重新评估
       </div>
     </div>
-    <div v-if="status == 'pending'" class="right" style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center">
+    <div v-if="!pageLoading && status == 'pending'" class="right" style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center">
       <img
         style="width: 100px; height: 100px"
         src="@/assets/images/loading.png"
@@ -927,6 +932,7 @@ import backgroundImg4 from '@/assets/images/circleg.png'
 import backgroundImg5 from '@/assets/images/circley.png'
 import backgroundImg6 from '@/assets/images/circlec.png'
 const status = ref('create')
+const pageLoading = ref(false) // 页面初始化 loading 状态
 const message = useMessage()
 const modalFormRef = ref<FormInst | null>(null)
 const isSelected = ref<Number | null>(null)
@@ -1739,6 +1745,12 @@ onMounted(async () => {
     page: 1,
     page_size: 99,
   }
+  
+  // 如果有 id 参数,说明是从估值记录进入,需要显示 loading
+  if (route.query.id) {
+    pageLoading.value = true
+  }
+  
   await getHistoryList()
 
   if (route.query.id) {
@@ -1747,6 +1759,8 @@ onMounted(async () => {
     if (targetItem) {
       selectTimeBox(targetItem)
     }
+    // 数据加载完成,关闭 loading
+    pageLoading.value = false
   }
   // 使用await提高可读性
   const res = await api.getIndustryList(params)