记录查询

src/views/comprehensive/knzzZzqApply/xw.vue

@@ -69,6 +69,12 @@
           <TufaLook v-if="lookV" :form-data="lookForm" />
         </el-col>
         <el-col :span="12">
+          <el-form v-if="lookForm.applyFile" label-width="120px">
+            <el-form-item label="证明材料">
+              <el-button type="primary" size="mini" icon="el-icon-download" @click="downloadDiploma">下载文件</el-button>
+            </el-form-item>
+            <FileUpload v-model="lookForm.applyFile" />
+          </el-form>
           <el-form label-width="200px" size="mini" class="lookForm">
             <el-form-item label="是否通过">
               <el-select v-model="auditRes" @change="changeAuditRes">
@@ -416,7 +422,34 @@ export default {
       this.download('/comprehensive/knzzZzqApply/export', {
         ...this.queryParams
       }, `apply_${new Date().getTime()}.xlsx`)
-    }
+    },
+    downloadDiploma() {
+      const raw = this.lookForm.applyFile
+      if (!raw) return
+      // 支持逗号分隔的多个文件
+      const files = String(raw)
+        .split(',')
+        .map((s) => s.trim())
+        .filter(Boolean)
+
+      const triggerDownload = (href, filename) => {
+        const link = document.createElement('a')
+        link.href = href
+        // 设置下载文件名（跨域时可能被浏览器忽略，但不影响触发下载/打开）
+        link.download = filename || ''
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+      }
+
+      files.forEach((file, idx) => {
+        const isAbsoluteUrl = /^https?:\/\//i.test(file)
+        const url = isAbsoluteUrl ? file : `${this.baseurl}${file}`
+        const name = this.getFileName(file)
+        // 轻微延时，避免浏览器对一次事件同时触发多个下载的限制
+        setTimeout(() => triggerDownload(url, name), idx * 200)
+      })
+    },
   }
 }