优化

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

@@ -7,6 +7,7 @@ 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'
@@ -135,6 +136,7 @@ onMounted(() => void loadDetail())
 <template>
   <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>
@@ -171,9 +173,6 @@ onMounted(() => void loadDetail())
           </el-upload>
         </el-form-item>
       </el-form>
-      <LoadErrorState v-if="customsError" compact title="操作失败" :message="customsError.message" :show-retry="false">
-        <template #details><ApiErrorMeta :details="customsError" /></template>
-      </LoadErrorState>
     </AppDialog>
   </AdminPage>
 </template>

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

@@ -47,7 +47,8 @@ describe('PreloadPlanDetailView prototype contract', () => {
 
   it('keeps backend confirmation errors visible and supports narrow dialogs', () => {
     expect(source).toContain("confirmError.value = getApiErrorDetails(cause, '确认预装失败，请稍后重试')")
-    expect(source).toContain(':message="confirmError.message"')
+    expect(source).toContain('<OperationErrorToast :details="editError || confirmError" />')
+    expect(source).not.toContain(':message="confirmError.message"')
     expect(source).toContain('width="min(520px, calc(100vw - 28px))"')
     expect(source).toContain("label=\"柜次号\"")
     expect(source).toContain("label=\"集装箱号\"")

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

@@ -5,6 +5,7 @@ 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'
+import OperationErrorToast from '@/shared/components/OperationErrorToast.vue'
 import AppDialog from '@/shared/components/AppDialog.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
@@ -132,6 +133,7 @@ onMounted(() => void loadDetail())
 <template>
   <AdminPage>
     <div class="preload-detail-page">
+      <OperationErrorToast :details="editError || confirmError" />
       <el-button link type="primary" class="back-button" @click="goBack"><ArrowLeft :size="16" />返回列表</el-button>
       <el-alert
         v-if="detail"
@@ -153,7 +155,6 @@ onMounted(() => void loadDetail())
         <el-form-item label="航次" prop="voyageNo"><el-input v-model="editForm.voyageNo" maxlength="64" placeholder="请输入航次" /></el-form-item>
         <el-form-item label="修改原因" prop="operationReason"><el-input v-model="editForm.operationReason" type="textarea" :rows="3" maxlength="500" placeholder="选填，填写后将记录在操作历史中" /></el-form-item>
       </el-form>
-      <LoadErrorState v-if="editError" compact title="保存失败" :message="editError.message" :show-retry="false"><template #details><ApiErrorMeta :details="editError" /></template></LoadErrorState>
     </AppDialog>
 
     <AppDialog v-model="confirmOpen" class="preload-confirm-dialog" title="确认整份预装计划" width="min(520px, calc(100vw - 28px))" confirm-text="确认预装" :confirm-loading="confirmSaving" :confirm-disabled="!detail?.summary.readiness.canConfirm" @confirm="submitConfirmPreload">
@@ -164,7 +165,6 @@ onMounted(() => void loadDetail())
           <el-descriptions-item label="柜次号">{{ detail.summary.cabinetNo || '—' }}</el-descriptions-item>
           <el-descriptions-item label="集装箱号">{{ detail.summary.containerNo || '待录入' }}</el-descriptions-item>
         </el-descriptions>
-        <LoadErrorState v-if="confirmError" compact title="确认预装失败" :message="confirmError.message" :show-retry="false"><template #details><ApiErrorMeta :details="confirmError" /></template></LoadErrorState>
       </div>
     </AppDialog>
   </AdminPage>