来电列表案件

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

@@ -123,6 +123,7 @@
             placement="top"
             width="400"
             v-model="missedCallVisible"
+            :disabled="missedCallData.list.length <= 0"
             title="未接来电"
             trigger="click">
           <missedCallPopover :missedCallData="missedCallData" :missedCallVisible.sync="missedCallVisible"/>
@@ -241,9 +242,6 @@
     
     <!--  视频房间  -->
     <VideoRoom v-if="VideoCallDialog" :eventDialog.sync="VideoCallDialog" />
-
-    <!--  未接电话案件弹窗  -->
-    <missedCallCaseDialog v-if="missedCallCaseVisible" :eventDialog.sync="missedCallCaseVisible" />
   </div>
 
 </template>
@@ -264,8 +262,6 @@ export default {
 
     missedCallPopover: () => import('./missedCallPopover'),//来电
     videoReminderPopover: () => import('./videoReminderPopover'),//视频
-
-    missedCallCaseDialog: () => import('./missedCallCaseDialog'),//未接来电案件弹窗
   },
   data() {
     return {
@@ -383,7 +379,6 @@ export default {
       missedCallData: {
         list: []
       },
-      missedCallCaseVisible: null,
       // 视频提醒
       videoReminderVisible: false,
       videoReminderData: {}
@@ -444,6 +439,7 @@ export default {
     
     
     this.callingTodayCount() //今日通话次数
+    this.missedCallList();//未接来电
 
     if (this.queue) {
       await this.callingQueue() //呼叫队列
@@ -459,7 +455,7 @@ export default {
         that.nextCall()
     })
 
-    this.missedCallList();//未接来电
+
   },
   beforeDestroy() {
     if(this.timerInterval) { //如果定时器还在运行 或者直接关闭，不用判断
@@ -753,7 +749,7 @@ export default {
     // 未接来电
     missedCallList() {
       voiceCall.notAnswerList({}).then(res => {
-        console.log(res, '---未接来电')
+        console.log(res, ' ')
         this.missedCallData.list = res;
         this.missedCallData.list = [
           {

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

@@ -1,7 +1,33 @@
 <template>
-  <div>
+  <el-dialog title="案件列表" :visible="true" width="500px" append-to-body :close-on-click-modal="false" @close="handleClose" >
-
+    <div class="dialog-content pl-16 pt-8 pr-16 pb-8">
-  </div>
+      <div class="p-8 mt-8 bottom-case-list border-radius-8" v-for="(item, index) in tableData" :key="index">
+        <div class="flex-row justify-content-between align-items-center bor-bottom-E5E6EB pr-16">
+          <div v-for="(itemS,indexS) in item.debtorEntityList.filter(itemX => itemX.role == 'DEBTOR' && itemX.type == '本人')" :key="indexS">
+            {{indexS === 0 ?'':','}}{{itemS.name}}
+          </div>
+          <el-button type="text" @click="handleRelevance(item)">进入案件</el-button>
+        </div>
+        <div class="flex-row p-8">
+          <div class="width-50 f12">
+            <div class="color-86909C">案件号</div>
+            <div>{{item.caseNo}} </div>
+          </div>
+          <div class="width-25 f12">
+            <div class="color-86909C">调解员</div>
+            <div>{{item.mediatorName}}</div>
+          </div>
+          <div class="width-25 f12">
+            <div class="color-86909C">逾期金额：</div>
+            <div>{{item.moneyAmount}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">取消</el-button>
+    </span>
+  </el-dialog>
 </template>
 
 <script>
@@ -18,11 +44,11 @@ export default {
   },
   data() {
     return{
-      caseList: []
+      tableData: []
     }
   },
   mounted() {
-    // this.getCaseList();
+    this.getCaseList();
   },
   methods: {
     handleClose() {
@@ -31,14 +57,26 @@ export default {
     getCaseList() {
       voiceCall.caseMatchList({phone: this.eventDialog.phone}).then(res => {
         if (!res.code) {
-          this.caseList = res;
+          this.tableData = res;
         }
       })
     },
+    // 关联案件-详情
+    handleRelevance(item) {
+      this.$router.push(`/mediation-page?sourcePage=sourcePage&caseId=${item.id}`);
+    }
   }
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
-
+.bottom-case-list{
+  background-color: #F2F3F5;
+  .width-50{
+    width: 50%;
+  }
+  .width-25{
+    width: 25%;
+  }
+}
 </style>

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

@@ -4,17 +4,23 @@
          v-for="(item, index) in missedCallData.list" :key="index">
       <div class="width70">
         <div class="color-000 f-weight600 f16">{{item.contact}}</div>
-        <div class="f12">来电时间:{{ this.$util.formatDate(item.createAt, 'YYYY-MM-DD HH:mm:ss') }}</div>
+        <div class="f12">来电时间:{{ formatDate(item.createAt, 'YYYY-MM-DD HH:mm:ss') }}</div>
-<!--        <div class="f12">来电时间：2024-11-29 21:15:05</div>-->
       </div>
-      <el-button size="small" type="primary" @click="handleMissedCallCase(item)">查看</el-button>
+      <el-button size="small" type="primary" @click="handleMissedCallCase(item)">查看相关案件</el-button>
     </div>
+
+    <!--  未接电话案件弹窗  -->
+    <missedCallCaseDialog v-if="missedCallCaseVisible" :eventDialog.sync="missedCallCaseVisible" />
   </div>
 </template>
 
 <script>
 import voiceCall from "@/services/voiceCall";
+import moment from "moment/moment";
 export default {
+  components: {
+    missedCallCaseDialog: () => import('./missedCallCaseDialog'),//未接来电案件弹窗
+  },
   name: "missedCallPopover",
   props: {
     missedCallData: {
@@ -27,18 +33,18 @@ export default {
   data() {
     return{
       caseList: [],
+      missedCallCaseVisible: null,
     }
   },
   mounted() {
 
   },
   methods: {
+    formatDate(time, type) {
+      return time ? moment(time).format(type) : ''
+    },
     handleMissedCallCase(item) {
-      if (!this.$parent.missedCallCaseVisible){
+      this.missedCallCaseVisible = {phone: item.phone}
-        this.$parent.missedCallCaseVisible = {
-          phone: item.phone
-        }
-      }
     },
     getCaseList(item) {
       voiceCall.caseMatchList({phone: item.phone}).then(res => {