优化

src/modules/ocean-bookings/pages/OceanBookingDetailView.test.ts

@@ -181,7 +181,8 @@ describe('OceanBookingDetailView interaction contract', () => {
   })
 
   it('shows client-side validation failures instead of rendering an empty error alert', () => {
-    expect(source).toContain(':title="actionError.message"')
+    expect(source).toContain('<OperationErrorToast :details="actionError" />')
+    expect(source).not.toContain(':title="actionError.message"')
     expect(source).toContain("actionError.value = { message: '请完善装柜仓库、物流渠道、真实运输资料和运输条款等必填信息' }")
     expect(source).toContain("actionError.value = { message: '发货人、收货人和通知人名称均为必填项' }")
     expect(source).toContain('aria-label="真实柜登记"')

src/modules/ocean-bookings/pages/OceanBookingDetailView.vue

@@ -7,6 +7,7 @@ import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { getApiErrorDetails } from '@/shared/api/http'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
+import OperationErrorToast from '@/shared/components/OperationErrorToast.vue'
 import StatusBadge from '@/shared/components/StatusBadge.vue'
 import AdminPage from '@/shared/components/AdminPage.vue'
 import AppDialog from '@/shared/components/AppDialog.vue'
@@ -343,6 +344,7 @@ onMounted(() => { void load(); void loadOptions() })
 
 <template>
   <AdminPage as="div" class="booking-detail">
+    <OperationErrorToast :details="actionError" />
     <DetailPageLayout aria-label="订舱详情">
       <template #header>
         <div class="detail-heading">
@@ -355,7 +357,6 @@ onMounted(() => { void load(); void loadOptions() })
 
       <LoadErrorState v-if="error" title="订舱详情加载失败" :message="error.message" :loading="loading" @retry="load"><template #details><ApiErrorMeta :details="error" /></template></LoadErrorState>
       <template v-else>
-      <el-alert v-if="actionError" type="error" :closable="false" show-icon :title="actionError.message"><ApiErrorMeta :details="actionError" /></el-alert>
       <section class="surface-panel">
         <div class="section-title">
           <div><h2>订舱信息</h2><p v-if="detail && !editable">已确认订舱资料仅可查看，船期变更请使用“申请改船”。</p></div>
@@ -453,7 +454,6 @@ onMounted(() => { void load(); void loadOptions() })
         <el-form-item label="预计到港"><el-date-picker v-model="changeForm.estimatedArrivalAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" placeholder="请选择预计到港时间" style="width:100%" /></el-form-item>
         <el-form-item label="变更原因" required><el-input v-model="changeForm.reason" type="textarea" placeholder="请说明改船原因" /></el-form-item>
       </el-form>
-      <LoadErrorState v-if="actionError" compact title="提交失败" :message="actionError.message" :show-retry="false"><template #details><ApiErrorMeta :details="actionError" /></template></LoadErrorState>
     </AppDialog>
     <AppDialog v-model="releaseDialogOpen" title="确认放舱" width="min(560px, 94vw)" :confirm-loading="actionSaving" confirm-text="确认放舱" cancel-text="取消" @confirm="submitRelease">
       <el-form label-position="top">
@@ -467,7 +467,6 @@ onMounted(() => { void load(); void loadOptions() })
         </el-descriptions>
         <el-form-item label="备注"><el-input v-model="releaseReason" type="textarea" maxlength="1000" placeholder="请输入放舱备注（可选）" /></el-form-item>
       </el-form>
-      <LoadErrorState v-if="actionError" compact title="放舱失败" :message="actionError.message" :show-retry="false"><template #details><ApiErrorMeta :details="actionError" /></template></LoadErrorState>
     </AppDialog>
   </AdminPage>
 </template>