优化

src/modules/overseas-warehouse/components/OverseasReadOnlyDetail.vue

@@ -13,6 +13,11 @@ defineProps<{
   backLabel: string
   domain: string
   groups: DetailGroup[]
+  fieldValues?: Record<string, string | number>
+  pending?: boolean
+  statusText?: string
+  loading?: boolean
+  showContent?: boolean
 }>()
 
 defineEmits<{ back: [] }>()
@@ -25,12 +30,15 @@ defineEmits<{ back: [] }>()
     :reference-value="referenceValue"
     :back-label="backLabel"
     :domain="domain"
+    :pending="pending"
+    :status-text="statusText"
     @back="$emit('back')"
   >
-    <section class="read-only-detail" :aria-label="title">
+    <slot name="state" />
+    <section v-if="showContent !== false" v-loading="loading" class="read-only-detail" :aria-label="title" :aria-busy="loading">
       <section v-for="group in groups" :key="group.title" class="detail-group" :aria-label="group.title">
         <h2>{{ group.title }}</h2>
-        <dl class="detail-fields"><div v-for="field in group.fields" :key="field"><dt>{{ field }}</dt><dd>—</dd></div></dl>
+        <dl class="detail-fields"><div v-for="field in group.fields" :key="field"><dt>{{ field }}</dt><dd>{{ fieldValues?.[field] ?? '—' }}</dd></div></dl>
       </section>
     </section>
   </OverseasDetailShell>