diff --git a/src/assets/image/util/video_img.jpg b/src/assets/image/util/video_img.jpg new file mode 100644 index 0000000..635937e Binary files /dev/null and b/src/assets/image/util/video_img.jpg differ diff --git a/src/components/showFile.vue b/src/components/showFile.vue index 232742f..ad02922 100644 --- a/src/components/showFile.vue +++ b/src/components/showFile.vue @@ -8,8 +8,11 @@
- - + + + +
@@ -20,13 +23,15 @@ 关闭 + +
diff --git a/src/pages/mediation-page/components/MediationRecordDialog.vue b/src/pages/mediation-page/components/MediationRecordDialog.vue index 3810f8d..0fef1db 100644 --- a/src/pages/mediation-page/components/MediationRecordDialog.vue +++ b/src/pages/mediation-page/components/MediationRecordDialog.vue @@ -179,9 +179,10 @@ export default { this.mrObj.callEndTime = this.visiblemediatRecordObj.callEndTime this.mrObj.nextFollowDate = this.visiblemediatRecordObj.nextFollowDate this.mrObj.linkedPerson = this.visiblemediatRecordObj.linkedPerson + console.log(this.visiblemediatRecordObj,'this.visiblemediatRecordObj') this.visiblemediatRecordObj.files.forEach(item =>{ this.fileList.push({ - url: item.url, + url: item, fileName: '文件', }) }) diff --git a/src/pages/mediation-page/components/RepaymentCertificate.vue b/src/pages/mediation-page/components/RepaymentCertificate.vue index 0f558a4..772be94 100644 --- a/src/pages/mediation-page/components/RepaymentCertificate.vue +++ b/src/pages/mediation-page/components/RepaymentCertificate.vue @@ -61,8 +61,8 @@
+ :src="proofitem.previewUrl" + :preview-src-list="[proofitem.previewUrl]">
@@ -232,15 +232,35 @@ import api from "@/services/caseManagement"; }) }, getProofList(){ - api.gettraceProof_list({caseId:this.eventDialog.caseId}).then(res => { + api.gettraceProof_list({caseId:this.eventDialog.caseId}).then(async res => { if(!res.code){ - this.ProofList = res - this.ProofList.forEach(item =>{ - item.mediaPath = [item.proofUrl] - }) + // this.ProofList = res + // this.ProofList.forEach(item =>{ + // item.mediaPath = [item.proofUrl] + // }) + await this.getpreviewfull(res) + console.log(this.ProofList,'this.ProofList') } }) }, + async getpreviewfull(fileList) { + for (const item of fileList) { + try { + item.previewUrl = await this.$fetchApi.viewFullFile({path: item.proofUrl}) + item.mediaPath = [item.proofUrl] + this.ProofList.push(item); + } catch (error) { + console.error(`调用接口失败,错误:`, error); + // 可以在这里添加重试逻辑 + } + } + }, + + async getProofFile(url){ + let previewUrl = await this.$fetchApi.viewFullFile({path: url}) + return previewUrl + }, + updateClick(index,proofitem){ this.updateRow = index; this.repaymentObj = proofitem diff --git a/src/services/fetchApi.js b/src/services/fetchApi.js index 2345d25..2b34f71 100644 --- a/src/services/fetchApi.js +++ b/src/services/fetchApi.js @@ -43,5 +43,9 @@ const fetchApi = { viewFile: data => { return service.postFile(`${apiAdmin}upload/view`, data) }, + // 文件预览绝对地址 + viewFullFile: data => { + return service.service.post(`${apiAdmin}upload/full`, data,{hideLoading:true}) + }, } export default fetchApi; diff --git a/src/utils/util.js b/src/utils/util.js index 555bcd4..ae39c55 100644 --- a/src/utils/util.js +++ b/src/utils/util.js @@ -212,7 +212,7 @@ const util = { return require('../assets/image/util/excel_img.jpg'); case 'm3u8': case 'mp4': - return require('../assets/image/util/pdf_img.jpg'); + return require('../assets/image/util/video_img.jpg'); default: return require('../assets/image/util/pdf_img.jpg') }