From bddf6c0936f3c81b585043d708976f8df8586ae9 Mon Sep 17 00:00:00 2001
From: lbw <1192299468@qq.com>
Date: Mon, 29 Dec 2025 14:50:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(student):=20=E6=B7=BB=E5=8A=A0=E5=AD=A6?=
 =?UTF-8?q?=E4=B9=A0=E5=88=86=E6=9E=90=E7=94=9F=E6=88=90=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在分析生成期间显示进度条和提示信息
- 引入 analyzeProgress 变量动态更新进度百分比
- 使用定时器模拟进度增长，达到 90% 后等待完成
- 分析完成后将进度设置为 100% 并清除定时器
- 调整模板逻辑，区分加载中和结果显示状态
---
 enlish-vue/src/pages/student.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/enlish-vue/src/pages/student.vue b/enlish-vue/src/pages/student.vue
index a29a9cb..71043fa 100644
--- a/enlish-vue/src/pages/student.vue
+++ b/enlish-vue/src/pages/student.vue
@@ -56,7 +56,13 @@
                                 生成学习分析
                             </el-button>
                         </div>
-                        <template v-if="analysisHtml">
+                        <template v-if="analyzeLoading">
+                            <div class="space-y-2">
+                                <el-progress :percentage="analyzeProgress" :stroke-width="10" />
+                                <div class="text-sm text-gray-500 dark:text-gray-400">正在生成学习分析，请稍候…</div>
+                            </div>
+                        </template>
+                        <template v-else-if="analysisHtml">
                             <div class="leading-7 text-gray-700 dark:text-gray-200" v-html="analysisHtml"></div>
                         </template>
                         <template v-else>
@@ -87,6 +93,8 @@ const detail = ref(null)
 const route = useRoute()
 const history = ref([])
 const analyzeLoading = ref(false)
+const analyzeProgress = ref(0)
+let analyzeTimer = null
 const analysisText = ref('')
 const wordStat = ref(null)
 const md = new MarkdownIt({
@@ -125,6 +133,16 @@ async function fetchStudyAnalyze() {
     const id = route.params.id
     if (!id) return
     analyzeLoading.value = true
+    analyzeProgress.value = 0
+    if (analyzeTimer) {
+        clearInterval(analyzeTimer)
+        analyzeTimer = null
+    }
+    analyzeTimer = setInterval(() => {
+        const inc = Math.floor(Math.random() * 8) + 3
+        const next = analyzeProgress.value + inc
+        analyzeProgress.value = next >= 90 ? 90 : next
+    }, 300)
     try {
         const res = await getStudentStudyAnalyze({
             studentId: Number(id)
@@ -133,6 +151,11 @@ async function fetchStudyAnalyze() {
         const raw = typeof d?.data === 'string' ? d.data : ''
         analysisText.value = raw.replace(/\\n/g, '\n')
     } finally {
+        analyzeProgress.value = 100
+        if (analyzeTimer) {
+            clearInterval(analyzeTimer)
+            analyzeTimer = null
+        }
         analyzeLoading.value = false
     }
 }