审核添加 合同显示 及日志

src/views/crmpc/approval/auth_detil.vue

@@ -8,45 +8,19 @@
         <ProcurementDetailView :detailData="orderDialog.orderData" />
       </div>
     </div>
-    <!-- 上传合同 -->
+    <!-- 合同文件 -->
     <div class="boxshadow">
-      <div class="form-title">
-        <span class="border"></span>
-        <span class="title">上传合同</span>
-      </div>
-      <div class="file-preview">
-        <div v-if="contractFile" class="contract-file">
-          <div v-if="isImageFile(contractFile)" class="image-preview">
-            <img
-              :src="contractFile.url"
-              :alt="contractFile.name"
-              class="preview-image"
-              @click="previewImage(contractFile)"
-            />
-            <div class="file-info">
-              <span class="file-name">{{ contractFile.name }}</span>
-              <el-button type="text" size="small" @click="previewImage(contractFile)">
-                预览
-              </el-button>
-            </div>
-          </div>
-          <div v-else class="document-preview">
-            <div class="file-icon">
-              <i class="iconfont-sys">&#xe814;</i>
-            </div>
-            <div class="file-info">
-              <span class="file-name">{{ contractFile.name }}</span>
-              <el-button type="primary" size="small" @click="downloadFile(contractFile)">
-                下载
-              </el-button>
-            </div>
-          </div>
-        </div>
-        <div v-else class="no-file">
-          <i class="iconfont-sys">&#xe60c;</i>
-          <span>暂无合同文件</span>
-        </div>
-      </div>
+      <FilePreview title="合同文件" :files="contractFiles" empty-text="暂无合同文件" />
+    </div>
+
+    <!-- PI文件 -->
+    <div class="boxshadow">
+      <FilePreview title="PI文件" :files="piFiles" empty-text="暂无PI文件" />
+    </div>
+
+    <!-- 水单文件 -->
+    <div class="boxshadow">
+      <FilePreview title="水单文件" :files="waterBillFiles" empty-text="暂无水单文件" />
     </div>
     <div class="boxshadow">
       <div class="form-title">
@@ -169,6 +143,7 @@
   import { usePdfPreview } from '@/composables/usePdfPreview'
   import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
   import ProcurementDetailView from '@/components/custom/ProcurementDetailView.vue'
+  import FilePreview from '@/components/custom/FilePreview.vue'
   import type { OrderData } from '@/composables/useOrderDetailDialog'
   import { router } from '@/router'
   defineOptions({ name: 'CrmApprovalDetail' })
@@ -249,7 +224,20 @@
   }
 
   // 合同文件
-  const contractFile = ref<{ name: string; url: string; file_name: string } | null>(null)
+  // 文件数据
+  const contractFiles = ref<Array<{ name: string; url: string; file_name: string }>>([])
+  const piFiles = ref<Array<{ name: string; url: string; file_name: string }>>([])
+  const waterBillFiles = ref<Array<{ name: string; url: string; file_name: string }>>([])
+
+  // 处理文件数据
+  const processFiles = (files: any[], type: string) => {
+    if (!files || !Array.isArray(files)) return []
+    return files.map((file: any) => ({
+      name: `${type}文件`,
+      url: file.file_full_url || file.file_url,
+      file_name: file.file_url
+    }))
+  }
   function extractFileName(pathOrUrl: string | undefined | null): string {
     if (!pathOrUrl) return '合同文件'
     try {
@@ -283,12 +271,24 @@
       orderDialog.orderData = orderData
     }
     // 合同文件
-    if (res?.contract) {
-      contractFile.value = {
-        name: '合同文件',
-        url: res.contract_url || res.contract,
-        file_name: res.contract
-      }
+    // 处理合同文件
+    const file_list = res?.file_list
+    if (file_list?.contract) {
+      contractFiles.value = processFiles(file_list.contract, '合同')
+    } else {
+      contractFiles.value = []
+    }
+    // 处理PI文件
+    if (file_list?.pi_doc) {
+      piFiles.value = processFiles(file_list.pi_doc, 'PI')
+    } else {
+      piFiles.value = []
+    }
+    // 处理水单文件
+    if (file_list?.transaction_slip) {
+      waterBillFiles.value = processFiles(file_list.transaction_slip, '水单')
+    } else {
+      waterBillFiles.value = []
     }
     // 审批记录（兼容多种字段）
     const resstockapprovallogs = await CrmService.stockapprovallogs({ instance_id: instance_id })