From 4a1669941c2997b31661dca5b2f8801209f3da8f Mon Sep 17 00:00:00 2001
From: KindSeven <2845382437@qq.com>
Date: Tue, 17 Sep 2024 23:36:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E4=BA=86=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E5=8F=B0=E9=80=9A=E8=AF=9D=E8=AE=B0=E5=BD=95=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/infoLiveCall/index.vue | 30 +++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/components/infoLiveCall/index.vue b/src/components/infoLiveCall/index.vue
index ecea1bf..9074c67 100644
--- a/src/components/infoLiveCall/index.vue
+++ b/src/components/infoLiveCall/index.vue
@@ -1,9 +1,31 @@
 <script setup>
-import LiveCall from '@/components/liveCall/index.vue'
+import LiveCallItem from '@/components/liveCall/liveCallItem.vue'
 const dialogVisible = ref(false);
+const recordLeftRef = ref(null);
 const open = (row) => {
     dialogVisible.value = true;
 };
+
+const leftHeadData = ref({
+    username: '张三',
+    phone: '13546812315',
+    orderName: '张三工单',
+})
+
+const recordLeftObj = ref({
+    content: []
+});
+
+const scrollToBottom = (scrollbarRef) => {
+    if (scrollbarRef) {
+        const container = scrollbarRef.$el.querySelector('.el-scrollbar__wrap');
+        container.style.scrollBehavior = 'smooth'; // 添加平滑滚动效果
+        container.scrollTop = container.scrollHeight;
+    }
+};
+
+scrollToBottom(recordLeftRef.value)
+
 defineExpose({
     open,
 });
@@ -11,8 +33,8 @@ defineExpose({
 </script>
 
 <template>
-    <el-dialog v-model="dialogVisible" title="历史通话记录" width="1000"  :before-close="handleClose" class="box">
-        <LiveCall />
+    <el-dialog v-model="dialogVisible" title="历史通话记录" width="600" :before-close="handleClose" class="box">
+        <LiveCallItem ref="recordLeftRef" :recordObj="recordLeftObj" :headData="leftHeadData" style="width: 100%;" />
         <template #footer>
             <div class="dialog-footer">
                 <el-button type="primary" @click="dialogVisible = false">
@@ -24,7 +46,7 @@ defineExpose({
 </template>
 
 <style>
-.box{
+.box {
     height: 68vh;
 }
 </style>