27 lines
1.0 KiB
Vue
27 lines
1.0 KiB
Vue
<script setup lang="ts">
|
||
import { computed } from 'vue'
|
||
import type { SmartLoadingCandidate, SmartLoadingCandidateGroupMember } from '../types'
|
||
|
||
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="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>{{ inboundCode || '—' }}</span>
|
||
</template>
|