现在上一个下一个

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

@@ -365,6 +365,17 @@ export default {
       return oh - 57 - 128
     },
   },
+  watch: {
+    caseId: {
+      handler(val) {
+        this.mediaterecordpm.caseId = val
+        this.getCaseInfoById();//获取详情
+        this.getmediate_record()
+      },
+      immediate: true,
+      deep: true
+    },
+  },
   async created() {
     this.mediaterecordpm.caseId = this.caseId
     this.eventDialog.caseId = this.caseId
@@ -441,6 +452,8 @@ export default {
       api.mediate_record_list(this.mediaterecordpm).then(res => {
         if (!res.code) {
           this.communicationRecord = res
+        } else  {
+          this.communicationRecord = []
         }
       })
     },

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

@@ -6,7 +6,7 @@
         <div class="top-wrap-title flex-row justify-content-between"></div>
         <div class="top-wrap-btn-left flex-row justify-content-between">
           <div class="flex-row justify-content-between align-items-center mr-16">
-            <el-button class="bg-F2F3F5" icon="el-icon-arrow-left" circle :disabled="queue" ></el-button>
+            <el-button icon="el-icon-arrow-left" circle :disabled="queue || index ===0" @click="getFrontCaseById"></el-button>
             <div class="ml-16 mr-16 flex-row justify-content-between align-items-center">
               <div class="mr-8 f16">{{ baseInfo.debtorEntityList.find(item => item.role == 'DEBTOR').name }}</div>
               <div class="mr-8">
@@ -16,7 +16,7 @@
               <div class="f16 color-165DFF"><i class="el-icon-success"></i></div>
             </div>
             
-            <el-button class="bg-F2F3F5" icon="el-icon-arrow-right" circle :disabled="queue"></el-button>
+            <el-button  icon="el-icon-arrow-right" circle :disabled="queue || index >= queueList.length - 1" @click="getNextCaseById"></el-button>
           </div>
 
           <el-popover
@@ -30,7 +30,7 @@
           </el-popover>
           
           <div v-if="!queue" class="wrap-btn-left-dial-f2f3f5 f14 flex-row justify-content-between ml-16">
-            <el-button v-if="!calling"  type="danger" icon="el-icon-phone-outline" circle @click="startCall()"></el-button>
+            <el-button v-if="!calling"  type="success" icon="el-icon-phone-outline" circle @click="startCall()"></el-button>
             <div v-else class="flex-row justify-content-between align-items-center">
               <div class="mr-8 color-fff wrap-btn-left-dial-f56c6c flex-row justify-content-between align-items-center" @click="hungUp()">
                 <i class="el-icon-phone-outline f20 mr-4"></i>
@@ -68,7 +68,12 @@
                     <el-table  ref="queueTable" :data="queueList" style="width: 100%" highlight-current-row>
                       <el-table-column type="index" label="序号" width="50"></el-table-column>
                       <el-table-column prop="contact" label="被申请人姓名" width="150"></el-table-column>
-                      <el-table-column prop="caseNo" label="案件编号"></el-table-column>
+                      <el-table-column prop="caseNo" label="案件编号">
+                        <template slot-scope="scope">
+                          <span>{{scope.row.index.caseNo}}</span>
+                          <span v-if="scope.row.index === index && !queue" style="color:#4080FF">正在调解中...</span>
+                        </template>
+                      </el-table-column>
                       <el-table-column prop="phone" label="电话号码" width="150"></el-table-column>
                       <el-table-column prop="moneyAmount" label="逾期金额" width="150"></el-table-column>
                       <el-table-column label="操作" width="150" v-if="queue">
@@ -471,7 +476,8 @@ export default {
     },
     // 获取详情
     async getCaseInfoById() {
-      await api.getCaseInfoById(this.$route.query.caseId).then(res => {
+      // this.$loading(true)
+      await api.getCaseInfoById(this.caseId).then(res => {
         if (!res.code) {
           this.baseInfo = res
           this.phoneNumber = res.debtorEntityList.find(item => item.role == 'DEBTOR').phone
@@ -479,14 +485,14 @@ export default {
           if(res.jointDebt == 1){
             // 有共债 mainCaseId
             this.caseId = res.mainCaseId.toString()
-          } else
+          } else {
-          {
             this.caseId = res.id.toString()
           }
           
         }
+        // this.$loading.close()
         this.eventDialog.caseId = this.caseId
-        this.getmediate_record()
+        // this.getmediate_record()
       })
     },
     // 获取上一件案件
@@ -494,23 +500,34 @@ export default {
       if (!this.$clickThrottle()) {
         return
       }//防止重复点击
-      api.getFrontCaseById({id: this.caseId}).then(res => {
+      if(this.queue || this.index === 0) return
-        if (!res.code) {
+      this.index--
-          // let caseChangeData = res
+      this.caseId = String(this.queueList[this.index].caseId)
-          this.detailData(res)
+      this.getCaseInfoById()
-        }
+      // api.getFrontCaseById({id: this.caseId}).then(res => {
-      })
+      //   if (!res.code) {
+      //     // let caseChangeData = res
+      //     this.detailData(res)
+      //   }
+      // })
     },
     // 获取下一件案件
     getNextCaseById() {
       if (!this.$clickThrottle()) {
         return
       }//防止重复点击
-      api.getNextCaseById({id: this.caseId}).then(res => {
+      if(this.queue || this.index >= this.queueList.length - 1) return
-        if (!res.code) {
+      this.index++
-          this.detailData(res)
+      this.caseId = String(this.queueList[this.index].caseId)
-        }
+      console.log('下一个案件id: ' + this.caseId, this.index, this.queueList)
-      })
+
+      this.getCaseInfoById()
+
+      // api.getNextCaseById({id: this.caseId}).then(res => {
+      //   if (!res.code) {
+      //     this.detailData(res)
+      //   }
+      // })
     },
     handleBack() {
       // this.$route.query.sourcePage == 'mediationManagement'
@@ -562,18 +579,18 @@ export default {
         this.todayCountData = res
       } catch (err) {}
     },
+    // 获取案件列表
     callingCaseList() {
       api.callingCaseList({}).then(res => {
         this.queueList = res.queue || []
       })
     },
-    // 当前呼叫队列
+    // 当前自动呼叫队列
     callingQueue() {
       api.callingQueue({}).then(res => {
         this.queueList = res.queue || []
         this.caseId = String(res.queue[0].caseId) || ''
         this.getCaseInfoById()
-        this.getmediate_record()
       })
     },
     startCall () {
@@ -622,7 +639,8 @@ export default {
       try { 
         let res = await api.callingSuccess({caseId: this.caseId,contactId: this.contactId})
         console.log('呼叫成功请求接口==callingSuccess：', res)
-        this.getmediate_record()
+        // this.getmediate_record()
+        this.$refs.layoutContent.getmediate_record();
         this.$refs.layoutContent.openRecordDialog(res.data);
       } catch (err) { }
     },
@@ -660,7 +678,6 @@ export default {
           if (that.index <= that.queueList.length - 1) {
             that.caseId = String(that.queueList[that.index].caseId) || ''
             that.getCaseInfoById()
-            that.getmediate_record()
             that.startOutboundCall()
           }
       }, 5000)

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

@@ -313,6 +313,15 @@ export default {
     },
 
   },
+  watch: {
+    caseId: {
+      handler(val) {
+        this.getmediate_record()
+      },
+      immediate: true,
+      deep: true
+    },
+  },
   data(){
     return{
       fileDialog:null,