优化

src/modules/inbounds/core/InboundHistoryPanel.vue

@@ -2,13 +2,20 @@
 import type { InboundFileSummary, InboundInternalNote, InboundPalletLocation, InboundStatusHistory } from './types'
 import { inboundHistoryActionLabel, inboundProcessStatusLabels, inboundStatusLabel } from '../status'
 
-defineProps<{
+const props = withDefaults(defineProps<{
   palletLocations: InboundPalletLocation[]
   files: InboundFileSummary[]
   internalNotes: InboundInternalNote[]
   statusHistory: InboundStatusHistory[]
   publicRemark: string | null
-}>()
+  sections?: Array<'allocations' | 'files' | 'notes' | 'history' | 'remark'>
+}>(), {
+  sections: () => ['allocations', 'files', 'notes', 'history', 'remark'],
+})
+
+function shows(section: 'allocations' | 'files' | 'notes' | 'history' | 'remark') {
+  return props.sections.includes(section)
+}
 
 function value(value: string | number | null | undefined) { return value === null || value === undefined || value === '' ? '—' : String(value) }
 function number(value: number | null) { return value === null ? '—' : value.toFixed(3) }
@@ -21,7 +28,7 @@ function date(value: string | null) {
 
 <template>
   <div class="history-panel">
-    <section class="history-section">
+    <section v-if="shows('allocations')" class="history-section">
       <div class="section-heading"><h3>托盘与库位</h3><span>{{ palletLocations.length }} 条分配</span></div>
       <div v-if="palletLocations.length" class="allocation-list">
         <div v-for="item in palletLocations" :key="`${item.allocationNo}-${item.palletId}-${item.locationId}`" class="allocation-row">
@@ -32,22 +39,22 @@ function date(value: string | null) {
       </div>
       <p v-else class="muted-empty">暂无托盘库位分配记录</p>
     </section>
-    <section class="history-section">
+    <section v-if="shows('files')" class="history-section">
       <div class="section-heading"><h3>文件记录</h3><span>{{ files.length }} 个文件</span></div>
       <div v-if="files.length" class="simple-list"><div v-for="file in files" :key="`${file.fileId}-${file.fileVersion}`"><strong>{{ value(file.fileNameSnapshot) }}</strong><span>{{ value(file.fileType) }} · {{ date(file.uploadedAt) }}</span></div></div>
       <p v-else class="muted-empty">暂无文件记录</p>
     </section>
-    <section class="history-section">
+    <section v-if="shows('notes')" class="history-section">
       <div class="section-heading"><h3>内部备注</h3><span>{{ internalNotes.length }} 条</span></div>
       <div v-if="internalNotes.length" class="simple-list"><div v-for="note in internalNotes" :key="String(note.id)"><strong>{{ value(note.createdByName || note.createdBy) }}</strong><span>{{ value(note.content) }} · {{ date(note.createdAt) }}</span></div></div>
       <p v-else class="muted-empty">暂无内部备注</p>
     </section>
-    <section class="history-section">
+    <section v-if="shows('history')" class="history-section">
       <div class="section-heading"><h3>状态历史</h3><span>{{ statusHistory.length }} 条</span></div>
       <ol v-if="statusHistory.length" class="timeline"><li v-for="(history, index) in statusHistory" :key="`${history.occurredAt}-${index}`"><span class="timeline-dot" /><div><strong>{{ inboundHistoryActionLabel(history.action) }}</strong><span>{{ inboundStatusLabel(history.fromStatus, inboundProcessStatusLabels) }} → {{ inboundStatusLabel(history.toStatus, inboundProcessStatusLabels) }} · {{ value(history.operatorName || history.operatorId) }}</span><small>{{ date(history.occurredAt) }}<template v-if="history.reason"> · {{ history.reason }}</template></small></div></li></ol>
       <p v-else class="muted-empty">暂无状态历史</p>
     </section>
-    <section v-if="publicRemark" class="history-section remark-section"><div class="section-heading"><h3>公开备注</h3></div><p>{{ publicRemark }}</p></section>
+    <section v-if="shows('remark') && publicRemark" class="history-section remark-section"><div class="section-heading"><h3>公开备注</h3></div><p>{{ publicRemark }}</p></section>
   </div>
 </template>