未接来电案件列表

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

@@ -241,7 +241,9 @@
     
     <!--  视频房间  -->
     <VideoRoom v-if="VideoCallDialog" :eventDialog.sync="VideoCallDialog" />
-    
+
+    <!--  未接电话案件弹窗  -->
+    <missedCallCaseDialog v-if="missedCallCaseVisible" :eventDialog.sync="missedCallCaseVisible" />
   </div>
 
 </template>
@@ -262,6 +264,8 @@ export default {
 
     missedCallPopover: () => import('./missedCallPopover'),//来电
     videoReminderPopover: () => import('./videoReminderPopover'),//视频
+
+    missedCallCaseDialog: () => import('./missedCallCaseDialog'),//未接来电案件弹窗
   },
   data() {
     return {
@@ -379,6 +383,7 @@ export default {
       missedCallData: {
         list: []
       },
+      missedCallCaseVisible: null,
       // 视频提醒
       videoReminderVisible: false,
       videoReminderData: {}

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

@@ -0,0 +1,44 @@
+<template>
+  <div>
+
+  </div>
+</template>
+
+<script>
+import voiceCall from "@/services/voiceCall";
+export default {
+  name: "missedCallCaseDialog",
+  props: {
+    eventDialog: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return{
+      caseList: []
+    }
+  },
+  mounted() {
+    // this.getCaseList();
+  },
+  methods: {
+    handleClose() {
+      this.$emit('update:eventDialog', null)
+    },
+    getCaseList() {
+      voiceCall.caseMatchList({phone: this.eventDialog.phone}).then(res => {
+        if (!res.code) {
+          this.caseList = res;
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

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

@@ -1,14 +1,13 @@
 <template>
   <div class="dialog-missed-call pl-16 pr-16 pt-16">
-    <div class="flex-row justify-content-between align-items-center pb-16 border-b-solid-lighter-1">
+    <div class="flex-row justify-content-between align-items-center pb-16 border-b-solid-lighter-1"
+         v-for="(item, index) in missedCallData.list" :key="index">
       <div class="width70">
-        <div class="color-000 f-weight600 f16">
-          张三 134****9400
-        </div>
-<!--        <div class="f12">预约时间:{{ this.$util.formatDate(videoReminderData.bookingTime, 'YYYY-MM-DD HH:mm:ss') }}</div>-->
-        <div class="f12">来电时间：2024-11-29 21:15:05</div>
+        <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">来电时间：2024-11-29 21:15:05</div>-->
       </div>
-      <el-button size="small" type="primary">查看</el-button>
+      <el-button size="small" type="primary" @click="handleMissedCallCase(item)">查看</el-button>
     </div>
   </div>
 </template>
@@ -27,14 +26,27 @@ export default {
   },
   data() {
     return{
-      caseList: []
+      caseList: [],
     }
   },
   mounted() {
 
   },
   methods: {
-
+    handleMissedCallCase(item) {
+      if (!this.$parent.missedCallCaseVisible){
+        this.$parent.missedCallCaseVisible = {
+          phone: item.phone
+        }
+      }
+    },
+    getCaseList(item) {
+      voiceCall.caseMatchList({phone: item.phone}).then(res => {
+        if (!res.code) {
+          this.caseList = res;
+        }
+      })
+    },
   }
 }
 </script>