From 6eba9c1aae60c8eea37ba677d41c18fb89191ba2 Mon Sep 17 00:00:00 2001
From: wuzilong <704541015@qq.com>
Date: Sun, 1 Nov 2026 23:01:05 +0800
Subject: [PATCH] =?UTF-8?q?fix(pl):=20=E5=8C=BA=E5=88=86=E7=94=A8=E8=AF=81?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E6=9D=83=E9=99=90=E5=A4=B1=E8=B4=A5=E4=B8=8E?=
 =?UTF-8?q?=E7=BD=91=E7=BB=9C=E5=BC=82=E5=B8=B8=E4=BB=A5=E4=BF=9D=E7=95=99?=
 =?UTF-8?q?=E5=AE=8C=E6=95=B4=E8=B4=A6=E7=9B=AE=E4=BF=9D=E6=8A=A4=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-admin/scripts/quota-mobile-state.test.ts | 25 ++++++++++++++++++++
 web-admin/src/views/pl/plan-quota/index.vue  | 16 +++++++++----
 2 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/web-admin/scripts/quota-mobile-state.test.ts b/web-admin/scripts/quota-mobile-state.test.ts
index 2851ed2b6..79daf5b37 100644
--- a/web-admin/scripts/quota-mobile-state.test.ts
+++ b/web-admin/scripts/quota-mobile-state.test.ts
@@ -350,3 +350,28 @@ test('plan expansion loads on demand, preserves total during refresh and ignores
   assert.deepEqual(Object.keys(s.details), [])
   h.stop()
 })
+
+for (const status of [403, 404, 500, undefined])
+  test(`plan expansion reports ${status || 'network'} failure without showing partial usage`, async () => {
+    const h = pageHarness('quota', { mobile: false }),
+      s = h.state
+    const pending = s.loadDetail('plan')
+    h.gets[0].reject(status ? { response: { status } } : new Error('network'))
+    await pending
+    assert.equal(
+      s.details.plan.error,
+      [403, 404].includes(status as number)
+        ? '计划或证件不可读取，无法展示完整用证详情'
+        : '段次用证加载失败，请重试'
+    )
+    assert.equal(s.details.plan.data, undefined)
+    assert.equal(s.details.plan.loading, false)
+    if (status === 500) {
+      const retry = s.loadDetail('plan')
+      h.gets[1].resolve({ planId: 'plan', sourceOptions: [], usages: [] })
+      await retry
+      assert.equal(s.details.plan.error, undefined)
+      assert.equal(s.details.plan.data.planId, 'plan')
+    }
+    h.stop()
+  })
diff --git a/web-admin/src/views/pl/plan-quota/index.vue b/web-admin/src/views/pl/plan-quota/index.vue
index 9f0adc7e7..51761d6c1 100644
--- a/web-admin/src/views/pl/plan-quota/index.vue
+++ b/web-admin/src/views/pl/plan-quota/index.vue
@@ -78,7 +78,7 @@
                 >
                   <el-alert
                     v-if="details[row.id]?.error"
-                    title="段次用证加载失败"
+                    :title="details[row.id]?.error"
                     type="error"
                     :closable="false"
                     ><el-button @click="loadDetail(row.id)"
@@ -221,7 +221,7 @@
     rows = ref<(Plan & { quotaStatus: string })[]>([])
   const dialog = ref<InstanceType<typeof PlPlanQuotaDialog>>()
   const expandedIds = ref<string[]>([])
-  const details = reactive<Record<string, { loading: boolean; data?: PlanQuota; error?: boolean }>>(
+  const details = reactive<Record<string, { loading: boolean; data?: PlanQuota; error?: string }>>(
     {}
   )
   function clearDetails() {
@@ -230,15 +230,21 @@
   }
   async function loadDetail(id: string) {
     const current = epoch
-    const state = reactive<{ loading: boolean; data?: PlanQuota; error?: boolean }>({
+    const state = reactive<{ loading: boolean; data?: PlanQuota; error?: string }>({
       loading: true
     })
     details[id] = state
     try {
       const value = await planQuotaApi.get(id)
       if (current === epoch && details[id] === state) state.data = value
-    } catch {
-      if (current === epoch && details[id] === state) state.error = true
+    } catch (error) {
+      if (current === epoch && details[id] === state) {
+        const status = (error as { response?: { status?: number } })?.response?.status
+        state.error =
+          status === 403 || status === 404
+            ? '计划或证件不可读取，无法展示完整用证详情'
+            : '段次用证加载失败，请重试'
+      }
     } finally {
       if (current === epoch && details[id] === state) state.loading = false
     }