1

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

@@ -4,6 +4,7 @@ import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'elem
 import { useRoute, useRouter } from 'vue-router'
 import { ArrowLeft, Plus, Save, Trash2 } from '@lucide/vue'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
+import { useWorkspaceTabsStore } from '@/core/workspace-tabs/workspaceTabs'
 import { getApiErrorDetails } from '@/shared/api/http'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
@@ -52,6 +53,7 @@ const containerKindOptions = [
 const route = useRoute()
 const router = useRouter()
 const access = useAccessPreviewStore()
+const workspace = useWorkspaceTabsStore()
 const id = computed(() => String(route.params.bookingId || ''))
 const isNew = computed(() => route.name === 'ocean-booking-create' || id.value === 'new')
 const detail = ref<OceanBookingDetail | null>(null)
@@ -220,8 +222,12 @@ async function save() {
     const saved = isNew.value
       ? await createOceanBooking({ expectedVersion: 0, data: payload })
       : await updateOceanBookingDraft(id.value, { expectedVersion: detail.value?.version || 0, data: payload })
-    ElMessage.success('订舱草稿已保存')
-    if (isNew.value) await router.replace(`/ocean-bookings/${saved.id}`)
+    ElMessage.success(isNew.value ? `订舱创建成功：${saved.bookingNo || saved.id}` : '订舱草稿已保存')
+    if (isNew.value) {
+      workspace.removeByIds(['ocean-booking-create'])
+      await router.replace('/ocean-bookings')
+      return
+    }
     applyDetail(saved)
   } catch (cause) { actionError.value = getApiErrorDetails(cause) }
   finally { saving.value = false }

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref, watch } from 'vue'
+import { computed, onActivated, onMounted, reactive, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import { Eye, Pencil, Plus } from '@lucide/vue'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
@@ -58,7 +58,8 @@ async function load() { loading.value = true; error.value = null; try { const ke
 function open(id: string) { void router.push(`/ocean-bookings/${id}`) }
 function createBooking() { void router.push('/ocean-bookings/new') }
 function search() { if (page.value === 1) void load(); else page.value = 1 }
-watch([page, pageSize], () => void load()); onMounted(() => { void load(); void loadCustomers() })
+watch([page, pageSize], () => void load()); onMounted(() => void loadCustomers())
+onActivated(() => void load())
 </script>
 <template>
   <AdminPage as="div" class="ocean-bookings-page">