优化

src/modules/loading-lists/pages/ConfirmedLoadingListDetailView.vue

@@ -1,15 +1,13 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { ArrowLeft, FileUp } from '@lucide/vue'
+import { FileUp } from '@lucide/vue'
 import { ElMessage, type UploadFile } from 'element-plus'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
 import AdminPage from '@/shared/components/AdminPage.vue'
-import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
 import OperationErrorToast from '@/shared/components/OperationErrorToast.vue'
 import AppDialog from '@/shared/components/AppDialog.vue'
-import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import LoadingListDetailDrawer from '../components/LoadingListDetailDrawer.vue'
 import {
   completeLoadingDeclaration,
@@ -137,12 +135,7 @@ onMounted(() => void loadDetail())
   <AdminPage>
     <div class="confirmed-loading-detail-page">
       <OperationErrorToast :details="customsError" />
-      <el-button link type="primary" class="back-button" @click="goBack"><ArrowLeft :size="16" />返回列表</el-button>
-      <LoadErrorState v-if="error && !detail" title="装柜清单详情加载失败" :message="error.message" :loading="loading" @retry="loadDetail">
-        <template #details><ApiErrorMeta :details="error" /></template>
-      </LoadErrorState>
       <LoadingListDetailDrawer
-        v-else
         mode="confirmed"
         :loading="loading"
         :detail="detail"
@@ -150,6 +143,7 @@ onMounted(() => void loadDetail())
         :can-edit="false"
         :can-manage-customs="canManageCustoms"
         :customs-saving="customsSaving"
+        @back="goBack"
         @retry="loadDetail"
         @attach-customs="openCustomsDocument"
         @complete-customs="completeCustomsDocument"
@@ -179,6 +173,5 @@ onMounted(() => void loadDetail())
 
 <style scoped>
 .confirmed-loading-detail-page { display: grid; min-width: 0; max-width: 1280px; gap: 16px; }
-.back-button { width: fit-content; }
 @media (min-width: 1920px) { .confirmed-loading-detail-page { width: 100%; max-width: none; gap: 12px; } }
 </style>

src/modules/loading-lists/pages/PreloadPlanDetailView.test.ts

@@ -5,10 +5,9 @@ import { resolve } from 'node:path'
 const source = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/pages/PreloadPlanDetailView.vue'), 'utf8')
 
 describe('PreloadPlanDetailView prototype contract', () => {
-  it('is a formal responsive detail page with a return action', () => {
+  it('is a formal desktop detail page wired to the shared header return action', () => {
     expect(source).toContain('<AdminPage>')
-    expect(source).toContain('返回列表')
-    expect(source).toContain('<ArrowLeft')
+    expect(source).toContain('@back="goBack"')
     expect(source).toContain("router.push({ name: 'loading-plans' })")
     expect(source).toContain('@media (min-width: 1920px) { .preload-detail-page { width: 100%; max-width: none; gap: 12px; } }')
     expect(source).not.toContain('AppDrawer')

src/modules/loading-lists/pages/PreloadPlanDetailView.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { ArrowLeft } from '@lucide/vue'
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus'
 import AdminPage from '@/shared/components/AdminPage.vue'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
@@ -190,7 +189,6 @@ onMounted(() => void loadDetail())
   <AdminPage>
     <div class="preload-detail-page">
       <OperationErrorToast :details="remarkError || editError || confirmError" />
-      <el-button link type="primary" class="back-button" @click="goBack"><ArrowLeft :size="16" />返回列表</el-button>
       <el-alert
         v-if="detail"
         type="info"
@@ -199,10 +197,7 @@ onMounted(() => void loadDetail())
         :title="detail.summary.containerNo ? '集装箱号已录入，继续完成订舱放舱与预装确认' : '下一步：录入集装箱号'"
         description="预装清单不会直接开放 PDA；需完成集装箱号、订舱关联与放舱、预装确认后，才由服务端生成 PDA 任务。"
       />
-      <LoadErrorState v-if="error && !detail" title="预装清单详情加载失败" :message="error.message" :loading="loading" @retry="loadDetail">
-        <template #details><ApiErrorMeta :details="error" /></template>
-      </LoadErrorState>
-      <LoadingListDetailDrawer v-else :mode="'preload'" :loading="loading" :detail="detail" :error="error" :can-edit="canEdit" :confirm-saving="confirmSaving" @retry="loadDetail" @edit="openEdit" @edit-warehouse-remark="openWarehouseRemark" @confirm-preload="openConfirmPreload" />
+      <LoadingListDetailDrawer :mode="'preload'" :loading="loading" :detail="detail" :error="error" :can-edit="canEdit" :confirm-saving="confirmSaving" @back="goBack" @retry="loadDetail" @edit="openEdit" @edit-warehouse-remark="openWarehouseRemark" @confirm-preload="openConfirmPreload" />
     </div>
 
     <AppDialog v-model="editOpen" class="loading-transport-dialog" :title="editDialogTitle" width="min(620px, calc(100vw - 28px))" confirm-text="保存" :confirm-loading="editSaving" :confirm-disabled="!canEdit" @confirm="saveTransport">
@@ -238,7 +233,6 @@ onMounted(() => void loadDetail())
 
 <style scoped>
 .preload-detail-page { display: grid; min-width: 0; max-width: 1180px; gap: 16px; }
-.back-button { width: fit-content; }
 .transport-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
 .transport-form :deep(.el-form-item:last-child) { grid-column: 1 / -1; }
 .confirm-content { display: grid; gap: 16px; }