From aa221ee87d7cd2985f617e0eb85db508f1554046 Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Tue, 14 Jan 2025 17:57:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=A2=84=E8=A7=88=E5=8F=8A?=
 =?UTF-8?q?=E8=B0=83=E8=A7=A3=E8=AE=B0=E5=BD=95=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/util/video_img.jpg           | Bin 0 -> 10488 bytes
 src/components/showFile.vue                   |  27 ++++--
 src/components/uploadFile.vue                 |  82 +++++++++++++-----
 src/pages/case-management/detail/index.vue    |   6 +-
 src/pages/case-management/index.vue           |  13 ++-
 src/pages/mediation-management/index.vue      |   8 +-
 .../components/LayoutContentNew.vue           |  25 +++++-
 .../components/MediationRecordDialog.vue      |   3 +-
 .../components/RepaymentCertificate.vue       |  34 ++++++--
 src/services/fetchApi.js                      |   4 +
 src/utils/util.js                             |   2 +-
 11 files changed, 148 insertions(+), 56 deletions(-)
 create mode 100644 src/assets/image/util/video_img.jpg

diff --git a/src/assets/image/util/video_img.jpg b/src/assets/image/util/video_img.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..635937efc91643c12ac6f88b0d6d4a84af67f35a
GIT binary patch
literal 10488
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
McC2|Dz~u4&1tDoh-~a#s

literal 0
HcmV?d00001

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 @@
                         <span><i class="el-icon-arrow-left f48 f-weight600 "></i></span>
                     </div>
                     <div class="show-file">
-                        <img v-if="fileType == 'image'" :src="`/mediate/minio/preview/${fileObj.url}`" />
-                        <iframe v-else :src="`/mediate/minio/preview/${fileObj.url}`" frameborder="0" width="100%" height="100%"></iframe>
+                        <img v-if="fileType == 'image'" :src="`${fileObj.fullUrl}`" />
+                        <video v-else-if="fileType == 'video'"  width="100%" height="100%" :src="`${fileObj.fullUrl}`" preload="auto" autoplay="autoplay"
+                            controls="" controlsList="nodownload noremote footbar"></video>
+                        <iframe v-else :src="`${fileObj.fullUrl}`" frameborder="0" width="100%" height="100%"></iframe>
+                        
                     </div>
                     <div v-if="this.fileDialog.filelist.length > 1" class="next-file text-center" @click="nextClick">
                         <span><i class="el-icon-arrow-right f48 f-weight600"></i></span>
@@ -20,13 +23,15 @@
                 <el-button @click="handleClose()">关闭</el-button>
             </span>
         </el-dialog>
+
+       
     </div>
 </template>
 <script>
 import api from "@/services/caseManagement";
     export default {
         components: {
-
+            videoPreview: () => import('@/components/videoPreview.vue'),//查看视频文件
         },
         props: {
             fileDialog: {
@@ -45,13 +50,15 @@ import api from "@/services/caseManagement";
             };
         },
         mounted () {
+            if(this.fileDialog.showfile.fullUrl == undefined){
+                this.fileDialog.showfile.fullUrl = this.fileDialog.showfile.url
+            }
             this.fileObj = this.fileDialog.showfile
             this.fileDialog.filelist.forEach((item,index) =>{
-                if(item.url == this.fileDialog.showfile){
+                if(item.url == this.fileDialog.showfile.url){
                     this.CurrentPosition = index
                 }
             })
-
             this.getShowFileType(this.fileObj.url)
             
         },
@@ -61,6 +68,14 @@ import api from "@/services/caseManagement";
                     // 如果是图片，直接显示图片
                     this.fileType = 'image'
                 }
+                if(this.$util.getFileType(url) === 'video') {
+                    // 如果是图片，直接显示图片
+                    this.fileType = 'video'
+                }
+                else
+                {
+                    this.fileType = 'other'
+                }
             },
             previousClick(){
                 let nextCurrent = this.CurrentPosition-1;
@@ -91,8 +106,6 @@ import api from "@/services/caseManagement";
                     this.$message.warning(`已经是最后一个了！`)
                     return
                 }
-                
-                // console.log(this.fileDialog.filelist[this.CurrentPosition+1],11)
             },
             handleClose() {
                 this.$emit('update:fileDialog', null)
diff --git a/src/components/uploadFile.vue b/src/components/uploadFile.vue
index eb0abb3..d71d3df 100644
--- a/src/components/uploadFile.vue
+++ b/src/components/uploadFile.vue
@@ -32,10 +32,10 @@
                      class="upload-delete-icon" src="../assets/image/icon_close.png" alt=""
                      @click.stop.prevent="handleDelete(item, i)">
                 <div class="upload-file">
-                  <!-- svg展示 -->
-                  <svgViewer :src="item.iconFrontSrc" class="el-image-upload" v-if="item.fileType==='svg'"> </svgViewer>
+                   <!-- svg展示 -->
+                  <svgViewer v-if="item.fileType == 'svg'" :src="item.iconFrontSrc" class="el-image-upload"></svgViewer>
                   <!-- 其他展示  -->
-                  <el-image class="el-image-upload" :src="item.iconFrontSrc" fit="scale-down" v-else></el-image>
+                  <el-image v-else class="el-image-upload" :src="item.iconFrontSrc" fit="scale-down"></el-image>
                 </div>
               </div>
   
@@ -163,6 +163,7 @@
         editMp4Flag:false,
         editImgFlag: false,
         previewPath:'',
+        testList:[]
       }
     },
     computed: {
@@ -182,33 +183,67 @@
     },
   
     methods: {
-      formatFileList() {
+      async formatFileList() {
         let fileList = this.fileList || []
         fileList = JSON.parse(JSON.stringify(fileList))
         // console.log('upload===========formatFileList()方法==========fileList：', fileList)
-        const lists = fileList.map(item => {
-            let obj = Object.assign(item)
-            obj.deletable = typeof (obj.deletable) === 'boolean' ? obj.deletable : true
-            let text = obj.url || obj.fileName
-            obj.fileType = this.$util.getFileExtension(text)
-            obj.iconFrontSrc = this.$util.getIcon(obj)
+        // const lists = fileList.map(item =>  {
+        //     let obj = Object.assign(item)
+        //     obj.deletable = typeof (obj.deletable) === 'boolean' ? obj.deletable : true
+        //     let text = obj.url || obj.fileName
+        //     obj.fileType = this.$util.getFileExtension(text)
+        //     obj.iconFrontSrc = this.$util.getIcon(obj)
 
-            // let previewUrl = `${projectConfig.fileHost}${obj.url}`
-            let previewUrl = `/mediate/minio/preview/${obj.url}`
-            if(obj.url.includes('http')){
-                previewUrl = obj.url
-            }
-            obj.previewUrl = previewUrl
-            if(this.$util.getFileType(text) === 'image') {
-                // 如果是图片，直接显示图片
-                obj.iconFrontSrc = obj.previewUrl
-            }
+        //     // console.log(obj.url,'obj.urlobj.urlobj.urlobj.url')
+        //     // let previewUrl = `${projectConfig.fileHost}${obj.url}`
+        //     let previewUrl = `/mediate/minio/preview/${obj.url}`
+        //     if(obj.url.includes('http')){
+        //         previewUrl = obj.url
+        //     }
+        //     else
+        //     {
+        //       previewUrl = this.$fetchApi.viewFullFile({path: obj.url})
+        //     }
 
-            return obj
-        });
-        this.lists = lists
+        //     obj.previewUrl = previewUrl
+        //     if(this.$util.getFileType(text) === 'image') {
+        //         // 如果是图片，直接显示图片
+        //         obj.iconFrontSrc = obj.previewUrl
+        //     }
+        //     console.log(obj,'urlurlurlurlurlurlurl')
+        //     return obj
+        // });
+        // this.lists = lists
+        await this.getpreviewfull()
+        this.lists = this.testList
         // console.log('uploadFile----:', this.lists)
       },
+      async getpreviewfull() {
+          for (const item of this.fileList) {
+            try {
+              let obj = Object.assign(item)
+              obj.deletable = typeof (obj.deletable) === 'boolean' ? obj.deletable : true
+              let text = obj.url || obj.fileName
+              obj.fileType = this.$util.getFileExtension(text)
+              obj.iconFrontSrc = this.$util.getIcon(obj)
+              if(obj.url.includes('http')){
+                obj.previewUrl = obj.url
+              }
+              else
+              {
+                obj.previewUrl = await this.$fetchApi.viewFullFile({path: item.url})
+              }
+              if(this.$util.getFileType(text) === 'image') {
+                  // 如果是图片，直接显示图片
+                  obj.iconFrontSrc = obj.previewUrl
+              }
+              this.testList.push(obj);
+            } catch (error) {
+              console.error(`调用接口失败，错误:`, error);
+              // 可以在这里添加重试逻辑
+            }
+        }
+      },
       async httpRequest(param) {
         console.log(this.accept,'httpRequest上传文件：', param)
         let fileType = this.$util.getFileExtension(param.file.name)
@@ -265,7 +300,6 @@
         }
       },
       async handlePreview(item) {
-
         // try {
                 //     let res = await this.$fetchApi.getMinioToken({objectName: item.url})
                 //     window.open(`${item.previewUrl}?token=${res}`, '_target')
diff --git a/src/pages/case-management/detail/index.vue b/src/pages/case-management/detail/index.vue
index b28b58a..1927201 100644
--- a/src/pages/case-management/detail/index.vue
+++ b/src/pages/case-management/detail/index.vue
@@ -491,7 +491,11 @@ export default {
     },
     handleCaseShow(scope, filelist) {
       if (filelist == undefined) {
-        this.fileDialog = {showfile: {url: scope.row.proofUrl}, filelist: []}
+        //还款凭证相关
+        this.$fetchApi.viewFullFile({path: scope.row.proofUrl}).then((res) => {
+          this.fileDialog = {showfile: {url: res}, filelist: []}
+        });
+        
       } else {
         // this.fileDialog = {showfile: {url: scope.row.url}, filelist: []}
         this.fileDialog = {showfile: scope.row, filelist: filelist}
diff --git a/src/pages/case-management/index.vue b/src/pages/case-management/index.vue
index c8e5612..396d947 100644
--- a/src/pages/case-management/index.vue
+++ b/src/pages/case-management/index.vue
@@ -233,17 +233,16 @@
                                             <el-checkbox-group v-model="selectionData">
                                                 <!-- 此处的label是复选框右边显示的值，也是选中后的值。如果要一行的数据，直接使用row即可 -->
                                                 <!-- label的内容会显示在页面上，需要配合css把label的内容隐藏掉 -->
-                                                <el-checkbox :disabled="scope.row.disabled" :key="scope.row.id" :label="scope.row.id"></el-checkbox>
+                                                <el-checkbox :disabled="scope.row.caseStatus == 1 ? true :false" :key="scope.row.id" :label="scope.row.id"></el-checkbox>
                                             </el-checkbox-group>
                                         </span>
                                         <span class="f-weight500 color-000 f16">被申请人：
-                                            <a v-for="(item,index) in scope.row.debtorEntityList" :key="index">{{index == 0 ?'':','}}{{item.name}}</a>
+                                            <a v-for="(item,index) in scope.row.debtorEntityList.filter(item => item.role == 'DEBTOR' && item.type == '本人')" :key="index">{{index == 0 ?'':','}}{{item.name}}</a>
                                         </span>
                                         <span class="case-lable">
-                                            <a class="case-status0">承诺客户</a>
-                                            <a class="case-status1">疑难客户</a>
-                                            <a class="case-status2">分期客户</a>
-                                            <a class="case-status3">已签署协议</a>
+                                            <a :class="'case-status'+ $util.getMediationTypeData(scope.row.mediateStatus).key">{{$util.getMediationTypeData(scope.row.mediateStatus).label}}</a>
+                                            <a v-if="scope.row.mediateRecordStatus != undefined && scope.row.mediateRecordStatus != null" :class="'case-status'+ $util.getMediationprogressData(scope.row.mediateRecordStatus).key">{{$util.getMediationprogressData(scope.row.mediateRecordStatus).label}}</a>
+                                            <a class="case-status0" v-if="scope.row.assistMediatorId">协办</a>
                                         </span>
                                     </div>
                                     <div class="flex-row justify-content-between table-span-one">
@@ -287,7 +286,7 @@
                                         </span>
                                         <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'3',title:'视频调解记录',caseNo:scope.row.caseNo,caseId:scope.row.id}">
                                             <p>调解视频</p>
-                                            <p class="color-000"><a class="color-274ea4">结束{{scope.row.statistics.vido.finish}}</a>/预约{{scope.row.statistics.vido.booking}}</p>
+                                            <p class="color-000"><a class="color-274ea4">结束{{scope.row.statistics.vido.finish}}</a>/预约{{scope.row.statistics.vido.total}}</p>
                                         </span>
                                         <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'4',title:'文书生成记录',caseNo:scope.row.caseNo,caseId:scope.row.id}">
                                             <p>文书</p>
diff --git a/src/pages/mediation-management/index.vue b/src/pages/mediation-management/index.vue
index f2db7c6..5fe51eb 100644
--- a/src/pages/mediation-management/index.vue
+++ b/src/pages/mediation-management/index.vue
@@ -257,10 +257,8 @@
                                         </span>
                                         <span class="case-lable">
                                             <a :class="'case-status'+ $util.getMediationTypeData(scope.row.mediateStatus).key">{{$util.getMediationTypeData(scope.row.mediateStatus).label}}</a>
-                                            <a v-if="scope.row.mediateRecordstatus != undefined && scope.row.mediateRecordstatus != null" :class="'case-status'+ $util.getMediationprogressData(scope.row.mediateRecordstatus).key">{{$util.getMediationprogressData(scope.row.mediateRecordstatus).label}}</a>
-                                            <!-- <a class="case-status1">疑难客户</a>
-                                            <a class="case-status2">分期客户</a> -->
-                                            <a class="case-status0">协办</a>
+                                            <a v-if="scope.row.mediateRecordStatus != undefined && scope.row.mediateRecordStatus != null" :class="'case-status'+ $util.getMediationprogressData(scope.row.mediateRecordStatus).key">{{$util.getMediationprogressData(scope.row.mediateRecordStatus).label}}</a>
+                                            <a class="case-status0" v-if="scope.row.assistMediatorId">协办</a>
                                         </span>
                                     </div>
                                     <div class="flex-row justify-content-between table-span-one">
@@ -303,7 +301,7 @@
                                         </span>
                                         <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'3',title:'视频调解记录',caseNo:scope.row.caseNo,caseId:scope.row.id}">
                                             <p>调解视频</p>
-                                            <p class="color-000"><a class="color-274ea4">结束{{scope.row.statistics.vido.finish}}</a>/预约{{scope.row.statistics.vido.booking}}</p>
+                                            <p class="color-000"><a class="color-274ea4">结束{{scope.row.statistics.vido.finish}}</a>/预约{{scope.row.statistics.vido.total}}</p>
                                         </span>
                                         <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'4',title:'文书生成记录',caseNo:scope.row.caseNo,caseId:scope.row.id}">
                                             <p>文书</p>
diff --git a/src/pages/mediation-page/components/LayoutContentNew.vue b/src/pages/mediation-page/components/LayoutContentNew.vue
index 10fa590..872201d 100644
--- a/src/pages/mediation-page/components/LayoutContentNew.vue
+++ b/src/pages/mediation-page/components/LayoutContentNew.vue
@@ -221,18 +221,26 @@
                       <div v-if="itemrecord.linkedWay == 1" class="flex-row align-items-center pt-6">
                         <div v-if="itemrecord.linkedType == 1">通话{{itemrecord.linkedDuration}}秒</div>
                         <el-divider v-if="itemrecord.linkedType == 1" direction="vertical"></el-divider>
-                        <div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放录音</div>
+
+                        <div class="text-center cursor-pointer" v-for="(item,index) in itemrecord.files" :key="index" @click="handleCaseShowFile(item)">
+                          <i class="f14 el-icon-video-play"></i> 播放录音 {{index > 0 ? index : ''}}
+                        </div>
                       </div>
                       <!-- 视频 -->
                       <div v-if="itemrecord.linkedWay == 2" class="flex-row align-items-center pt-6">
                         <div v-if="itemrecord.linkedType == 1">视频{{itemrecord.linkedDuration}}秒</div>
                         <el-divider v-if="itemrecord.linkedType == 1" direction="vertical"></el-divider>
-                        <div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放视频</div>
+                        <!-- <div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放视频</div> -->
+                        <div class="text-center cursor-pointer" v-for="(item,index) in itemrecord.files" :key="index" @click="handleCaseShowFile(item)">
+                          <i class="f14 el-icon-video-play"></i> 播放视频 {{index > 0 ? index : ''}}
+                        </div>
                       </div>
                       <!-- 微信 -->
                       <div v-if="itemrecord.linkedWay == 3" class="flex-row align-items-center pt-6">
                         <!-- <div>通话44秒</div> -->
-                        <div class="text-center cursor-pointer">查看文件</div>
+                        <div class="text-center cursor-pointer" v-for="(item,index) in itemrecord.files" :key="index" @click="handleCaseShowFile(item)">
+                          查看文件 {{index > 0 ? index : ''}}
+                        </div>
                       </div>
 
                     </div>
@@ -266,6 +274,9 @@
     </div>
 
     <MediationRecordDialog v-if="visiblemediatRecord" :visiblemediatRecordObj="visiblemediatRecordObj" :caseId="caseId" :visiblemediatRecord.sync="visiblemediatRecord" />
+    <!-- 文件预览 -->
+    <showFile v-if="fileDialog" :fileDialog.sync="fileDialog"/>
+
   </div>
 
 </template>
@@ -273,6 +284,7 @@
 import api from "@/services/caseManagement";
 export default {
   components: {
+    showFile: () => import('../../../components/showFile.vue'),//
     RepaymentSchedule: () => import('./RepaymentSchedule.vue'),//还款计划
     RepaymentCertificate: () => import('./RepaymentCertificate.vue'),//还款凭证
     caseMaterial: () => import('./caseMaterial'),//
@@ -287,6 +299,7 @@ export default {
   },
   data() {
     return {
+      fileDialog:null,
       singlesmsvisible:false,
       visiblemediatRecord:false,
       visiblemediatRecordObj:null,
@@ -395,6 +408,12 @@ export default {
         }
       })
     },
+    handleCaseShowFile(item) {
+      //还款凭证相关
+      this.$fetchApi.viewFullFile({path: item}).then((res) => {
+        this.fileDialog = {showfile: {url: item,fullUrl: res}, filelist: []}
+      });
+    },
   }
 };
 </script>
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 @@
                             <div class="flex-row certImagecont">
                                 <span class="color-86909C certImage">
                                     <el-image 
-                                        :src="`/mediate/minio/preview/${proofitem.proofUrl}`" 
-                                        :preview-src-list="[`/mediate/minio/preview/${proofitem.proofUrl}`]">
+                                        :src="proofitem.previewUrl" 
+                                        :preview-src-list="[proofitem.previewUrl]">
                                     </el-image>
                                 </span>
                                 <div class="flex-column ml-16">
@@ -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')
         }