提交

web-admin/src/views/cell-storage/protocol/ProtocolViewDialog.vue

@@ -118,12 +118,15 @@
                 </template>
               </div>
             </div>
-            <!-- 协议附件、备注同一行 -->
+            <!-- 协议附件 / 知情同意书 / 孕妇健康调查表 / 备注 -->
             <div
               v-if="
-                protocolAttachments.length || (protocol?.remark && String(protocol.remark).trim())
+                protocolAttachments.length ||
+                consentAttachments.length ||
+                healthSurveyAttachments.length ||
+                (protocol?.remark && String(protocol.remark).trim())
               "
-              class="data-grid data-grid--2 protocol-attach-remark-row"
+              class="protocol-basic-attachments-block"
             >
               <div class="data-item protocol-attachments-item">
                 <div class="data-label">协议附件</div>
@@ -135,7 +138,27 @@
                   />
                 </div>
               </div>
-              <div class="data-item">
+              <div class="data-item protocol-attachments-item">
+                <div class="data-label">知情同意书</div>
+                <div class="data-value protocol-attachments-value">
+                  <ProtocolAttachmentReadonly
+                    :files="consentAttachments"
+                    @preview="openPreview"
+                    @download="downloadFile"
+                  />
+                </div>
+              </div>
+              <div class="data-item protocol-attachments-item">
+                <div class="data-label">孕妇健康调查表</div>
+                <div class="data-value protocol-attachments-value">
+                  <ProtocolAttachmentReadonly
+                    :files="healthSurveyAttachments"
+                    @preview="openPreview"
+                    @download="downloadFile"
+                  />
+                </div>
+              </div>
+              <div v-if="protocol?.remark && String(protocol.remark).trim()" class="data-item">
                 <div class="data-label">备注</div>
                 <div class="data-value data-value--muted">{{ dash(protocol?.remark) }}</div>
               </div>
@@ -1205,6 +1228,16 @@
     return Array.isArray(list) ? list : []
   })
 
+  const consentAttachments = computed(() => {
+    const list = bundle.value?.consentAttachmentFiles
+    return Array.isArray(list) ? list : []
+  })
+
+  const healthSurveyAttachments = computed(() => {
+    const list = bundle.value?.healthSurveyAttachmentFiles
+    return Array.isArray(list) ? list : []
+  })
+
   const storageCertInfo = computed(() => {
     const sc = bundle.value?.storageCert as Record<string, any> | undefined | null
     if (sc) return sc
@@ -2063,9 +2096,12 @@
     }
   }
 
-  /* 协议附件、备注同一行 */
-  .protocol-attach-remark-row {
+  /* 协议附件 / 知情同意书 / 孕妇健康调查表 / 备注（三行堆叠） */
+  .protocol-basic-attachments-block {
     margin-top: 14px;
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
   }
 
   .protocol-attachments-item {