优化

src/pages/mediation-page/components/LayoutContentNew.vue

@@ -445,7 +445,7 @@ export default {
       })
     },
     handleCaseShowFile(item) {
-      //还款凭证相关
+      //查看录音录像文件相关
       this.$fetchApi.viewFullFile({path: item}).then((res) => {
         this.fileDialog = {showfile: {url: item,fullUrl: res}, filelist: []}
       });

src/pages/mediation-page/components/SidebarTool.vue

@@ -52,7 +52,10 @@
                   <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>
                 <div>沟通备注：<span class="color-FF7D00">{{itemrecord.communicationRemarks}}</span></div>
@@ -130,7 +133,10 @@
                   <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" 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>
@@ -283,6 +289,8 @@
         <svg-icon :icon-class="rightActive === 7 ? `siderbar-7-active` : 'siderbar-7'" className="tabs-svg" />
       </div>
     </el-tooltip>
+    <!-- 文件预览 -->
+    <showFile v-if="fileDialog" :fileDialog.sync="fileDialog"/>
   </div>
 </template>
 
@@ -293,6 +301,7 @@ import contactPerson from "@/services/contactPerson";
 export default {
   name: "SidebarTool",
   components: {
+    showFile: () => import('../../../components/showFile.vue'),//
     uploadFile: () => import('@/components/uploadFile.vue'),//上传
   },
   props: {
@@ -306,6 +315,7 @@ export default {
   },
   data(){
     return{
+      fileDialog:null,
       materialTypeOptions: this.$util.getMediationprogress(),
       rightActive: 0,
       imgPdf: require('@/assets/image/util/pdf_img.jpg'),
@@ -437,6 +447,12 @@ export default {
         }
       })
     },
+    handleCaseShowFile(item) {
+      //查看录音录像文件相关
+      this.$fetchApi.viewFullFile({path: item}).then((res) => {
+        this.fileDialog = {showfile: {url: item,fullUrl: res}, filelist: []}
+      });
+    },
 
   }
 }