From b59518d5c068ae8e6e32cce90ccf281bf81dc54a Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期三, 19 八月 2026 14:34:39 +0800
Subject: [PATCH] feat(collaborativeApproval): 添加用印审批功能支持

---
 src/views/collaborativeApproval/approvalProcess/components/approvalDia.vue |   95 +++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 95 insertions(+), 0 deletions(-)

diff --git a/src/views/collaborativeApproval/approvalProcess/components/approvalDia.vue b/src/views/collaborativeApproval/approvalProcess/components/approvalDia.vue
index 1269621..90802a5 100644
--- a/src/views/collaborativeApproval/approvalProcess/components/approvalDia.vue
+++ b/src/views/collaborativeApproval/approvalProcess/components/approvalDia.vue
@@ -135,6 +135,43 @@
         </el-skeleton>
       </div>
 
+      <!-- 鐢ㄥ嵃瀹℃壒锛氬睍绀虹敤鍗扮敵璇疯鎯� -->
+      <div v-if="isSealApproval" style="margin: 10px 0 18px;">
+        <el-divider content-position="left">鐢ㄥ嵃璇︽儏</el-divider>
+        <el-skeleton :loading="sealLoading" animated>
+          <template #template>
+            <el-skeleton-item variant="h3" style="width: 30%" />
+            <el-skeleton-item variant="text" style="width: 100%" />
+          </template>
+          <template #default>
+            <el-empty v-if="!currentSeal || !currentSeal.applicationNum" description="鏈煡璇㈠埌瀵瑰簲鐢ㄥ嵃鐢宠璇︽儏" />
+            <template v-else>
+              <el-descriptions :column="2" border>
+                <el-descriptions-item label="鐢宠缂栧彿">{{ currentSeal.applicationNum }}</el-descriptions-item>
+                <el-descriptions-item label="鐢宠鏍囬">{{ currentSeal.title }}</el-descriptions-item>
+                <el-descriptions-item label="鐢ㄥ嵃绫诲瀷">{{ getSealTypeText(currentSeal.sealType) }}</el-descriptions-item>
+                <el-descriptions-item label="绱ф�ョ▼搴�">{{ getUrgencyText(currentSeal.urgency) }}</el-descriptions-item>
+                <el-descriptions-item label="鐢宠鍘熷洜" :span="2">{{ currentSeal.reason }}</el-descriptions-item>
+              </el-descriptions>
+              <div v-if="currentSeal.commonFileList?.length" style="margin-top: 20px;">
+                <h4>闄勪欢</h4>
+                <el-table :data="currentSeal.commonFileList" border style="width: 100%">
+                  <el-table-column label="闄勪欢鍚嶇О" show-overflow-tooltip>
+                    <template #default="scope">{{ scope.row.name }}</template>
+                  </el-table-column>
+                  <el-table-column label="鎿嶄綔" width="150" align="center">
+                    <template #default="scope">
+                      <el-button link type="primary" size="small" @click="previewSealFile(scope.row)">棰勮</el-button>
+                      <el-button link type="primary" size="small" @click="downloadSealFile(scope.row)">涓嬭浇</el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </template>
+          </template>
+        </el-skeleton>
+      </div>
+
       <el-form :model="{ activities }" ref="formRef" label-position="top">
         <el-steps :active="getActiveStep()" finish-status="success" process-status="process" align-center direction="vertical">
           <el-step
@@ -184,6 +221,7 @@
         </div>
       </template>
     </el-dialog>
+    <filePreview ref="filePreviewRef" />
   </div>
 </template>
 
@@ -198,6 +236,8 @@
 import { WarningFilled, Edit, Check, MoreFilled } from '@element-plus/icons-vue'
 import { getQuotationList } from "@/api/salesManagement/salesQuotation.js";
 import { getPurchaseByCode } from "@/api/procurementManagement/procurementLedger.js";
+import { getSealDetail } from "@/api/collaborativeApproval/sealManagement.js";
+import FilePreview from '@/components/filePreview/index.vue'
 const emit = defineEmits(['close'])
 const { proxy } = getCurrentInstance()
 
@@ -218,8 +258,12 @@
 const currentQuotation = ref({})
 const purchaseLoading = ref(false)
 const currentPurchase = ref({})
+const sealLoading = ref(false)
+const currentSeal = ref({})
+const filePreviewRef = ref()
 const isQuotationApproval = computed(() => Number(props.approveType) === 6)
 const isPurchaseApproval = computed(() => Number(props.approveType) === 5)
+const isSealApproval = computed(() => Number(props.approveType) === 9)
 
 const data = reactive({
 	form: {
@@ -315,6 +359,19 @@
     }
   }
 
+  // 鐢ㄥ嵃瀹℃壒锛氭寜瀹℃壒娴佺▼ DB 涓婚敭锛坮ow.id锛夋煡鐢ㄥ嵃鐢宠璇︽儏
+  if (isSealApproval.value) {
+    sealLoading.value = true
+    getSealDetail(row.id).then((res) => {
+      currentSeal.value = res.data || {}
+    }).catch((err) => {
+      console.error('鏌ヨ鐢ㄥ嵃璇︽儏澶辫触:', err)
+      proxy.$modal.msgError('鏌ヨ鐢ㄥ嵃璇︽儏澶辫触')
+    }).finally(() => {
+      sealLoading.value = false
+    })
+  }
+
   approveProcessDetails(row.approveId).then((res) => {
     activities.value = res.data
     // 澧炲姞isApproval瀛楁
@@ -339,6 +396,42 @@
 		productOptions.value = res.data;
 	});
 };
+// 鐢ㄥ嵃绫诲瀷鏂囨湰
+const getSealTypeText = (sealType) => {
+  const map = { official: '鍏珷', contract: '鍚堝悓涓撶敤绔�', finance: '璐㈠姟涓撶敤绔�', legal: '娉曚汉绔�' }
+  return map[sealType] || sealType || '鏈煡'
+}
+// 绱ф�ョ▼搴︽枃鏈�
+const getUrgencyText = (urgency) => {
+  const map = { normal: '鏅��', urgent: '绱ф��', 'very-urgent': '鐗规��' }
+  return map[urgency] || urgency || '鏈煡'
+}
+// 棰勮闄勪欢锛圲RL 涓哄畬鏁村湴鍧�锛屽師鏍锋墦寮�锛屼笉鎷� host锛�
+const previewSealFile = (row) => {
+  const url = row.previewURL || row.previewUrl || row.url
+  if (url && filePreviewRef.value) {
+    filePreviewRef.value.openUrl(url)
+  } else {
+    proxy.$modal.msgWarning('鏂囦欢鍦板潃鏃犳晥锛屾棤娉曢瑙�')
+  }
+}
+// 涓嬭浇闄勪欢锛堥敋鐐规柟寮忥紝URL 涓哄畬鏁村湴鍧�锛�
+const downloadSealFile = (row) => {
+  const url = row.downloadURL || row.downloadUrl || row.url
+  if (url) {
+    const filename = row.originalFilename || row.name || row.fileName || 'download'
+    const a = document.createElement('a')
+    a.href = url
+    a.download = filename
+    a.target = '_blank'
+    a.rel = 'noopener noreferrer'
+    document.body.appendChild(a)
+    a.click()
+    document.body.removeChild(a)
+  } else {
+    proxy.$modal.msgWarning('鏂囦欢鍦板潃鏃犳晥锛屾棤娉曚笅杞�')
+  }
+}
 // 鎻愪氦瀹℃壒
 const submitForm = (status) => {
   const filteredActivities = activities.value.filter(activity => activity.isShen);
@@ -367,6 +460,8 @@
   currentQuotation.value = {}
   purchaseLoading.value = false
   currentPurchase.value = {}
+  sealLoading.value = false
+  currentSeal.value = {}
   emit('close')
 };
 defineExpose({

--
Gitblit v1.9.3