提交

web-admin/src/views/quality-inspection/sample-reception/SampleReceptionCardList.vue

@@ -63,10 +63,17 @@
                 <dt>样本类型</dt>
                 <dd>{{ row.sampleTypeName || '—' }}</dd>
               </div>
-              <div
-                v-if="activeTab === 'received'"
-                class="sample-reception-card__meta-item"
-              >
+              <div class="sample-reception-card__meta-item sample-reception-card__meta-item--attachment">
+                <dt>{{ attachmentMeta(row).label }}</dt>
+                <dd>
+                  <ProtocolAttachmentMiniReadonly
+                    :files="attachmentMeta(row).files"
+                    @preview="handleAttachmentPreview"
+                    @download="handleAttachmentDownload"
+                  />
+                </dd>
+              </div>
+              <div v-if="activeTab === 'received'" class="sample-reception-card__meta-item">
                 <dt>实验室入库编码</dt>
                 <dd>
                   {{ row.labStorageCode || '—' }}
@@ -211,6 +218,9 @@
   import type { QcProtocolPaymentSummary } from '@/api/qc-work-order'
   import SampleCodeWithSpecialDisplay from '@/components/business/sample-code-with-special-display/index.vue'
   import QcWorkOrderProtocolPaymentPanel from '@/views/quality-inspection/qc-work-order/QcWorkOrderProtocolPaymentPanel.vue'
+  import ProtocolAttachmentMiniReadonly from '@/components/business/protocol-attachment-mini-readonly/index.vue'
+  import { getSourceProtocolAttachment } from '@/utils/protocol-source-attachment'
+  import { useAttachmentActions } from '@/composables/useAttachmentActions'
 
   defineOptions({ name: 'SampleReceptionCardList' })
 
@@ -242,6 +252,12 @@
     'page-size-change': [size: number]
   }>()
 
+  const { handleAttachmentPreview, handleAttachmentDownload } = useAttachmentActions()
+
+  function attachmentMeta(row: Record<string, unknown>) {
+    return getSourceProtocolAttachment(row)
+  }
+
   function protocolStatusLabelBySource(status: string, source: string, voidType?: string): string {
     return source === 'research_donation'
       ? donationStatusDisplayLabel(status, voidType)
@@ -249,7 +265,9 @@
   }
 
   function protocolStatusTagTypeBySource(status: string, source: string): TagType {
-    return source === 'research_donation' ? donationStatusTagType(status) : protocolStatusTagType(status)
+    return source === 'research_donation'
+      ? donationStatusTagType(status)
+      : protocolStatusTagType(status)
   }
 
   function parseEtaLocalDate(eta: unknown): Date | null {
@@ -429,6 +447,12 @@
         font-variant-numeric: tabular-nums;
       }
     }
+
+    &--attachment {
+      dd {
+        margin-top: 2px;
+      }
+    }
   }
 
   .sample-reception-card__ops {