优化

src/modules/container-loading/components/SmartLoadingCandidateInbounds.test.ts

@@ -15,4 +15,18 @@ describe('sealed pallet composition', () => {
     expect(wrapper.text()).not.toContain('13 箱')
     expect(wrapper.findAll('button')).toHaveLength(0)
   })
+
+  it('renders the same composition when it comes from an assigned plan pallet', () => {
+    const wrapper = mount(SmartLoadingCandidateInbounds, { props: {
+      sealedPallet: true,
+      fallbackInboundCode: 'I180',
+      members: [
+        { accountId: '1', inboundId: '180', orderId: '280', orderNo: 'O180', inboundCode: 'I180', customerName: '客户', availablePackageCount: 6, orderStatusSnapshot: null, expectedArrivalAt: null },
+        { accountId: '1', inboundId: '181', orderId: '281', orderNo: 'O181', inboundCode: 'I181', customerName: '客户', availablePackageCount: 5, orderStatusSnapshot: null, expectedArrivalAt: null },
+      ],
+    } })
+    expect(wrapper.get('summary').text()).toBe('2 个入仓码 · 展开')
+    expect(wrapper.text()).toContain('I180：6 箱')
+    expect(wrapper.text()).toContain('I181：5 箱')
+  })
 })

src/modules/container-loading/components/SmartLoadingCandidateInbounds.vue

@@ -1,15 +1,26 @@
 <script setup lang="ts">
-import type { SmartLoadingCandidate } from '../types'
+import { computed } from 'vue'
+import type { SmartLoadingCandidate, SmartLoadingCandidateGroupMember } from '../types'
 
-defineProps<{ candidate: SmartLoadingCandidate }>()
+const props = defineProps<{
+  candidate?: SmartLoadingCandidate
+  members?: SmartLoadingCandidateGroupMember[]
+  sealedPallet?: boolean
+  fallbackInboundCode?: string | null
+}>()
+const displayedMembers = computed(() => props.members || props.candidate?.groupMembers || [])
+const isSealedPallet = computed(() => props.candidate
+  ? props.candidate.unitType === 'SEALED_PALLET'
+  : props.sealedPallet === true)
+const inboundCode = computed(() => props.fallbackInboundCode ?? props.candidate?.inboundCode)
 </script>
 
 <template>
-  <details v-if="candidate.unitType === 'SEALED_PALLET' && candidate.groupMembers.length">
-    <summary>{{ candidate.groupMembers.length }} 个入仓码 · 展开</summary>
-    <div v-for="member in candidate.groupMembers" :key="`${member.accountId}:${member.inboundId}`">
+  <details v-if="isSealedPallet && displayedMembers.length">
+    <summary>{{ displayedMembers.length }} 个入仓码 · 展开</summary>
+    <div v-for="member in displayedMembers" :key="`${member.accountId}:${member.inboundId}`">
       {{ member.inboundCode || '—' }}：{{ member.availablePackageCount }} 箱
     </div>
   </details>
-  <span v-else>{{ candidate.inboundCode || '—' }}</span>
+  <span v-else>{{ inboundCode || '—' }}</span>
 </template>