个人调解备注和详情调解沟通

src/pages/case-management/detail/index.vue

@@ -62,20 +62,52 @@
             <el-tabs type="border-card">
               <el-tab-pane>
                 <span slot="label">调解记录</span>
-                <el-table :data="tableData" :height="300">
+                <el-table :data="communicationRecord" :height="300">
                   <el-table-column type="index" label="序号" width="55"></el-table-column>
-                  <el-table-column prop="H" label="调解类型" show-overflow-tooltip></el-table-column>
+                  <el-table-column label="调解类型" width="120">
-                  <el-table-column prop="A" label="跟进情况" show-overflow-tooltip></el-table-column>
+                    <template slot-scope="scope">
-                  <el-table-column prop="B" label="调解进度" show-overflow-tooltip></el-table-column>
+                      {{scope.row.linkedWay == 1 ?'电话':''}}
-                  <el-table-column prop="C" label="沟通对象" show-overflow-tooltip></el-table-column>
+                      {{scope.row.linkedWay == 2 ?'视频':''}}
-                  <el-table-column prop="D" label="备注" show-overflow-tooltip></el-table-column>
+                      {{scope.row.linkedWay == 3 ?'微信':''}}
-                  <el-table-column prop="E" label="预约回款情况" show-overflow-tooltip></el-table-column>
+                    </template>
-                  <el-table-column prop="F" label="添加时间" show-overflow-tooltip></el-table-column>
+                  </el-table-column>
-                  <el-table-column prop="G" label="添加人" show-overflow-tooltip></el-table-column>
+                  <el-table-column label="跟进情况" width="140">
-                  <el-table-column label="操作" width="170">
+                    <template slot-scope="scope">
+                      {{scope.row.linkedSituation == 0 ?'已接':''}}
+                      {{scope.row.linkedSituation == 1 ?'未接':''}}
+                      {{scope.row.linkedSituation == 2 ?'拒接':''}}
+                      {{scope.row.linkedSituation == 3 ?'关机':''}}
+                      {{scope.row.linkedSituation == 4 ?'停机':''}}
+                      {{scope.row.linkedSituation == 5 ?'暂时无法接通':''}}
+                      {{scope.row.linkedSituation == 8 ?'空号':''}}
+                      {{scope.row.linkedSituation == 9 ?'设置':''}}
+                      {{scope.row.linkedSituation == 10 ?'正在通话中':''}}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="调解进度" width="140">
+                    <template slot-scope="scope">
+                      {{ materialTypeOptions.find(item => item.value == scope.row.mediateStatus).label }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="沟通对象" width="350" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                      <span class="pr-8" v-for="(itemperson,index) in scope.row.linkedPersonInfo" :key="index">
+                          {{index >0 ?';':''}}
+                          {{ itemperson.name}} - {{itemperson.type}} 
+                          {{ scope.row.linkedWay == 1 ? '-' + itemperson.phone :''}}
+                      </span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="communicationRemarks" label="备注" show-overflow-tooltip></el-table-column>
+                  <!-- <el-table-column prop="E" label="预约回款情况" show-overflow-tooltip></el-table-column> -->
+                  <el-table-column prop="mediator" label="添加人" show-overflow-tooltip></el-table-column>
+                  <el-table-column prop="createAt" label="添加时间" show-overflow-tooltip></el-table-column>
+                  <el-table-column label="操作" width="200">
                     <template slot-scope="scope">
                       <div class="flex-row align-items-center">
-                        <el-button size="mini" @click="handleCaseAllocation(scope)">查看录音</el-button>
+                        <div class="text-center cursor-pointer" v-for="(item,index) in scope.row.files" :key="index" @click="handleCaseShowFile(item)">
+                          查看文件 {{index > 0 ? index : ''}}
+                        </div>
                       </div>
                     </template>
                   </el-table-column>
@@ -218,10 +250,10 @@
       <!-- table -->
       <div class="flex-column" style="width: 350px; margin-left: 20px;">
         <div class="background-color-fff border-radius-4 p-16 flex-column">
-          <div class="case-detail-right-label f-weight500 f16">备注</div>
+          <div class="case-detail-right-label f-weight500 f16">个人调解备注</div>
           <div class="case-detail-right-des">
-            <span>孟利于2024-12-04 10:04:04备注</span>
+            <!-- <span>孟利于2024-12-04 10:04:04备注</span> -->
-            <el-input class="mt-8" type="textarea" v-model="Qualitydesc" :rows="4" disabled></el-input>
+            <el-input class="mt-8" type="textarea" v-model="baseInfo.mediateRemark" :rows="4" disabled></el-input>
           </div>
           <div class="case-detail-label f-weight500 f16">质检评语</div>
           <div class="case-detail-right-des">
@@ -374,7 +406,6 @@
     <showFile v-if="fileDialog" :fileDialog.sync="fileDialog"/>
     <!-- 案件材料上传 -->
     <caseFileDialog v-if="caseFileVisible" :eventDialog.sync="caseFileVisible"/>
-
   </div>
 </template>
 <script>
@@ -394,6 +425,7 @@ export default {
   },
   data() {
     return {
+      materialTypeOptions: this.$util.getMediationprogress(),
       caseFileVisible:null,
       CaseTraceDialog: null,
       fileDialog: null,
@@ -448,6 +480,7 @@ export default {
       },
       // 文书列表
       OfficeList:[],
+      communicationRecord: [],
     }
   },
   computed: {
@@ -463,6 +496,7 @@ export default {
     if (this.$route.query.caseId != undefined) {
       this.caseId = this.$route.query.caseId;
       this.getCaseInfoById();//获取详情
+      this.getmediate_record()
     }
   },
   methods: {
@@ -529,7 +563,6 @@ export default {
     },
     // 获取详情
     getCaseInfoById() {
-      let _that = this
       api.getCaseInfoById(this.caseId).then(res => {
         console.log(res, 'res')
         if (!res.code) {
@@ -567,6 +600,25 @@ export default {
         }
       })
     },
+    // 获取调解记录
+    getmediate_record() {
+      api.mediate_record_list({caseId:this.caseId,linkedWay:''}).then(res => {
+        if (!res.code) {
+          res.forEach(item =>{
+            item.records.forEach(item =>{
+              this.communicationRecord.push(item)
+            })
+          })
+          // this.communicationRecord = res
+        }
+      })
+    },
+    handleCaseShowFile(item) {
+      //还款凭证相关
+      this.$fetchApi.viewFullFile({path: item}).then((res) => {
+        this.fileDialog = {showfile: {url: item,fullUrl: res}, filelist: []}
+      });
+    },
     // 还款计划
     getplanlist() {
       console.log(111, {caseId: this.caseId})

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

@@ -182,8 +182,6 @@
                 <el-button plain icon="el-icon-edit">个人调解备注</el-button>
               </span>
           </el-popover>
-          
-            <!-- <el-button plain icon="el-icon-edit">个人调解备注</el-button> -->
           </span>
           
         </div>
@@ -320,7 +318,7 @@ export default {
       singlesmsvisible:false,
       visiblemediatRecord:false,
       visiblemediatRecordObj:null,
-      eventDialog: {caseId: this.$route.query.caseId},
+      eventDialog: {caseId: ''},
       leftActive: 1,
       fileList: [],
       mediationRecord: [],//调解记录
@@ -330,7 +328,7 @@ export default {
       communicationRecord: [],
 
       mediaterecordpm:{
-        caseId:this.$route.query.caseId,
+        caseId:'',
         linkedWay:''
       },
       materialTypeOptions: this.$util.getMediationprogress(),
@@ -350,6 +348,9 @@ export default {
   },
   async created() {
     this.caseId = this.$route.query.caseId
+    this.mediaterecordpm.caseId = this.caseId
+    this.eventDialog.caseId = this.caseId
+    
     this.getCaseInfoById();//获取详情
     this.getmediate_record()
   },

src/utils/util.js

@@ -408,7 +408,7 @@ const util = {
             {label:'承诺账户',value:'1'},{label:'重点账户',value:'2'},{label:'拒联账户',value:'3'},{label:'已结清客户',value:'4'},
             {label:'疑难账户',value:'5'},{label:'失联账户',value:'6'},{label:'半失联账户',value:'7'},{label:'部分还款账户',value:'8'},
             {label:'适诉案件',value:'9'},{label:'可联账户',value:'10'},{label:'投诉倾向客户',value:'11'},{label:'分期客户',value:'12'},
-            {label:'其他/无标签',value:'13'}
+            {label:'其他/无标签',value:'13'},{label:'',value:''}
           ]
     },
     /**