feat

src/components/infoLiveCall/index.vue

@@ -1,7 +1,13 @@
 <script setup>
 import LiveCallItem from '@/components/liveCall/LiveCallItem.vue'
+import { watch } from 'vue';
+import { getHistoryCallContent } from '../../api/workbench';
 const dialogVisible = ref(false);
 const recordLeftRef = ref(null);
+const props = defineProps({
+    rowData: String
+})
+
 const open = (row) => {
     dialogVisible.value = true;
 };
@@ -16,6 +22,25 @@ const recordLeftObj = ref({
     content: []
 });
 
+watch(() => props.rowData, async (newVal) => {
+    const info = ref({})
+    await getHistoryCallContent(newVal).then(data => {
+        // console.log(data);
+        info.value=data.data[0]
+        data.data[0].textVoList.forEach(item => {
+            recordLeftObj.value.content.push(item)
+        })
+    })
+    console.log(info.value);
+
+    leftHeadData.value.username = info.value.callIdNumber;
+    leftHeadData.value.phone = info.value.callPhone;
+    leftHeadData.value.orderName = info.value.orderName||'--';
+
+
+
+})
+
 const scrollToBottom = (scrollbarRef) => {
     if (scrollbarRef) {
         const container = scrollbarRef.$el.querySelector('.el-scrollbar__wrap');
@@ -33,7 +58,7 @@ defineExpose({
 </script>
 
 <template>
-    <el-dialog v-model="dialogVisible" title="历史通话记录" width="600" :before-close="handleClose" class="box">
+    <el-dialog v-model="dialogVisible" title="历史通话记录" width="600" class="box">
         <LiveCallItem ref="recordLeftRef" :recordObj="recordLeftObj" :headData="leftHeadData" style="width: 100%;" />
         <template #footer>
             <div class="dialog-footer">