优化

src/modules/first-leg/views/FirstLegOrdersView.test.mjs

@@ -502,11 +502,21 @@ test('keeps platform enterprise scope and tenant terminology out of the customer
   assert.doesNotMatch(templateSource, /租户|tenantId|所属企业|企业筛选/)
 })
 
-test('discards stale inbound billing responses when the drawer closes or the user changes orders', () => {
+test('opens billing-weight confirmation independently from order details', () => {
+  const handler = source.slice(source.indexOf('function openFeeConfirmation'), source.indexOf('async function retryDetail'))
+  assert.match(handler, /feeConfirmationOpen\.value = true/)
+  assert.match(handler, /loadInboundBilling\(order, '未推送计费重'\)/)
+  assert.doesNotMatch(handler, /openDetail\(/)
+  assert.match(source, /v-if="feeConfirmationOpen"[\s\S]*dialog-only[\s\S]*auto-open/)
+  assert.match(source, /unavailable-message="未推送计费重"/)
+})
+
+test('discards stale inbound billing responses when billing views close or the user changes orders', () => {
   assert.match(source, /let inboundBillingRequestSequence = 0/)
   assert.match(source, /const sequence = \+\+inboundBillingRequestSequence/)
-  assert.match(source, /sequence === inboundBillingRequestSequence[\s\S]*detailOpen\.value[\s\S]*detailId\.value === orderId/)
+  assert.match(source, /sequence === inboundBillingRequestSequence[\s\S]*inboundBillingOrderId\.value === orderId[\s\S]*detailOpen\.value \|\| feeConfirmationOpen\.value/)
   assert.match(source, /watch\(detailOpen,[\s\S]*resetInboundBillingState\(\)/)
+  assert.match(source, /watch\(feeConfirmationOpen,[\s\S]*resetInboundBillingState\(\)/)
 })
 
 test('protects unsaved drafts and exposes recoverable load failures', () => {

src/modules/first-leg/views/FirstLegOrdersView.vue

@@ -200,8 +200,9 @@ const inboundBilling = ref<MerchantInboundBilling | null>(null)
 const inboundBillingLoading = ref(false)
 const inboundBillingUnavailable = ref(false)
 const inboundBillingUnavailableMessage = ref('还未测量推送')
-const openFeeDialogWithDetail = ref(false)
 const inboundBillingError = ref('')
+const inboundBillingOrderId = ref('')
+const feeConfirmationOpen = ref(false)
 const customsByOrder = reactive<Record<string, MerchantCustomsContainer | null | undefined>>({})
 const customsEligibilityPending = new Set<string>()
 const customsDialogOpen = ref(false)
@@ -649,12 +650,16 @@ watch(isCreatePage, (isCreate, wasCreate) => {
 }, { immediate: true })
 
 watch(detailOpen, (open) => {
-  if (!open) {
+  if (!open && !feeConfirmationOpen.value) {
     resetInboundBillingState()
     if (detailOrder.value) releaseProductImagePreviews(detailOrder.value.items)
   }
 })
 
+watch(feeConfirmationOpen, (open) => {
+  if (!open && !detailOpen.value) resetInboundBillingState()
+})
+
 onBeforeUnmount(() => {
   resetInboundBillingState()
   channelRequestSequence += 1
@@ -1194,8 +1199,8 @@ async function openEdit(order: FirstLegOrder) {
   }
 }
 
-async function openDetail(order: FirstLegOrder, showFeeDialog = false) {
-  openFeeDialogWithDetail.value = showFeeDialog
+async function openDetail(order: FirstLegOrder) {
+  feeConfirmationOpen.value = false
   detailId.value = order.id
   detailCargoPage.value = 1
   detailOpen.value = true
@@ -1215,7 +1220,11 @@ async function openDetail(order: FirstLegOrder, showFeeDialog = false) {
 }
 
 function openFeeConfirmation(order: FirstLegOrder) {
-  void openDetail(order, true)
+  detailOpen.value = false
+  resetInboundBillingState()
+  inboundBillingUnavailableMessage.value = '未推送计费重'
+  feeConfirmationOpen.value = true
+  void loadInboundBilling(order, '未推送计费重')
 }
 
 async function retryDetail() {
@@ -1225,6 +1234,7 @@ async function retryDetail() {
 
 function resetInboundBillingState() {
   inboundBillingRequestSequence += 1
+  inboundBillingOrderId.value = ''
   inboundBilling.value = null
   inboundBillingLoading.value = false
   inboundBillingUnavailable.value = false
@@ -1234,16 +1244,17 @@ function resetInboundBillingState() {
 
 function isCurrentInboundBillingRequest(sequence: number, orderId: string) {
   return sequence === inboundBillingRequestSequence
-    && detailOpen.value
-    && detailId.value === orderId
+    && inboundBillingOrderId.value === orderId
+    && (detailOpen.value || feeConfirmationOpen.value)
 }
 
-async function loadInboundBilling(order: FirstLegOrder) {
+async function loadInboundBilling(order: FirstLegOrder, unavailableMessage = '还未测量推送') {
   const sequence = ++inboundBillingRequestSequence
+  inboundBillingOrderId.value = order.id
   inboundBilling.value = null
   inboundBillingLoading.value = false
   inboundBillingUnavailable.value = false
-  inboundBillingUnavailableMessage.value = '还未测量推送'
+  inboundBillingUnavailableMessage.value = unavailableMessage
   inboundBillingError.value = ''
 
   if (order.status === 'DRAFT') {
@@ -1261,7 +1272,9 @@ async function loadInboundBilling(order: FirstLegOrder) {
     if (!isCurrentInboundBillingRequest(sequence, order.id)) return
     if (error instanceof ApiError && error.code === 'A0404') {
       inboundBillingUnavailable.value = true
-      inboundBillingUnavailableMessage.value = error.message || '还未测量推送'
+      inboundBillingUnavailableMessage.value = feeConfirmationOpen.value
+        ? '未推送计费重'
+        : error.message || unavailableMessage
     } else {
       inboundBillingError.value = error instanceof Error ? error.message : '入库与费用加载失败'
     }
@@ -1271,8 +1284,12 @@ async function loadInboundBilling(order: FirstLegOrder) {
 }
 
 async function retryInboundBilling() {
-  const order = detailId.value ? store.getById(detailId.value) : undefined
-  if (order) await loadInboundBilling(order)
+  const order = inboundBillingOrderId.value ? store.getById(inboundBillingOrderId.value) : undefined
+  if (order) await loadInboundBilling(order, feeConfirmationOpen.value ? '未推送计费重' : '还未测量推送')
+}
+
+function handleInboundFeeConfirmed() {
+  if (!feeConfirmationOpen.value) void retryInboundBilling()
 }
 
 async function confirmDiscardChanges() {
@@ -2154,19 +2171,32 @@ async function searchOrders(model: QueryModel) {
         <OrderProgressPanel :order="detailOrder" />
         <InboundBillingPanel
           :data="inboundBilling"
-          :auto-open="openFeeDialogWithDetail"
           :loading="inboundBillingLoading"
           :unavailable="inboundBillingUnavailable"
           :unavailable-message="inboundBillingUnavailableMessage"
           :error="inboundBillingError"
           :can-confirm="canConfirmInboundFee"
           @retry="retryInboundBilling"
-          @confirmed="retryInboundBilling"
+          @confirmed="handleInboundFeeConfirmed"
         />
       </template>
       </div>
       <template #footer><div v-if="detailOrder" class="editor-actions"><el-button @click="detailOpen = false">关闭</el-button><el-button v-if="canEditOrder && canClientEditFirstLegOrder(detailOrder.status)" :loading="openingEditor" @click="openEdit(detailOrder)"><Pencil :size="16" />编辑草稿</el-button></div></template>
     </el-dialog>
+    <InboundBillingPanel
+      v-if="feeConfirmationOpen"
+      dialog-only
+      auto-open
+      :data="inboundBilling"
+      :loading="inboundBillingLoading"
+      :unavailable="inboundBillingUnavailable"
+      unavailable-message="未推送计费重"
+      :error="inboundBillingError"
+      :can-confirm="canConfirmInboundFee"
+      @retry="retryInboundBilling"
+      @confirmed="handleInboundFeeConfirmed"
+      @closed="feeConfirmationOpen = false"
+    />
     <CustomsDocumentsDialog
       v-model="customsDialogOpen"
       :order-id="customsDialogOrderId"