From 6b7376b45dc3992ef6ff917c22e9fb5f7418d330 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Tue, 8 Oct 2024 13:28:45 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E5=8C=BA=E5=88=86=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E5=8F=B0=E5=AE=9E=E6=97=B6=E6=95=B0=E6=8D=AE=E6=96=B0=E6=97=A7?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/liveCall/LiveCallItemHome.vue | 35 +++++++++++---------
 src/components/liveCall/index.vue            | 33 ++++++++++++++++++
 2 files changed, 52 insertions(+), 16 deletions(-)

diff --git a/src/components/liveCall/LiveCallItemHome.vue b/src/components/liveCall/LiveCallItemHome.vue
index 7c2a86f..b6ee640 100644
--- a/src/components/liveCall/LiveCallItemHome.vue
+++ b/src/components/liveCall/LiveCallItemHome.vue
@@ -12,27 +12,30 @@
     <el-scrollbar ref="scrollbarRef" class="scrollbar">
       <div class="chat-content" ref="innerRef">
         <div v-for="(item,index) in recordObj.content" :key="index">
-          <div class="time-grap"><span>{{ item.conversationTimestamp || '6月5日 12:05' }}</span></div>
-          <!-- 我的 -->
-          <div v-if="item.speaker==0" class="word-my">
-            <div class="info">
-<!--              <p class="name">{{ item.speaker==0?recordObj.name:'AI助手' }} </p>-->
-              <p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
-              <div class="info-content">{{ item.message }}</div>
+          <el-divider border-style="dotted" v-if="item.isLine">{{item.lineMsg}}</el-divider>
+          <div v-else>
+            <div class="time-grap"><span>{{ item.conversationTimestamp || '6月5日 12:05' }}</span></div>
+            <!-- 我的 -->
+            <div v-if="item.speaker==0" class="word-my">
+              <div class="info">
+                <!--              <p class="name">{{ item.speaker==0?recordObj.name:'AI助手' }} </p>-->
+                <p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
+                <div class="info-content">{{ item.message }}</div>
+              </div>
+              <el-avatar text="我"/>
             </div>
-            <el-avatar text="我"/>
-          </div>
-          <!-- 对方 -->
-          <div v-else class="word">
-            <el-avatar text="对方"/>
-            <div class="info">
-              <p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
-              <div class="info-content">{{ item.message }}</div>
+
+            <!-- 对方 -->
+            <div v-else class="word">
+              <el-avatar text="对方"/>
+              <div class="info">
+                <p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
+                <div class="info-content">{{ item.message }}</div>
+              </div>
             </div>
           </div>
         </div>
 
-<!--                  <el-divider border-style="dotted" v-if="handleShowDeadLine(recordObj)">一轮通话结束~~</el-divider>-->
 <!--        <el-empty description="暂无通话记录~" v-else/>-->
 
       </div>
diff --git a/src/components/liveCall/index.vue b/src/components/liveCall/index.vue
index 6b06420..c1c64db 100644
--- a/src/components/liveCall/index.vue
+++ b/src/components/liveCall/index.vue
@@ -55,6 +55,13 @@ const handleLogout = () => {
   permisstionStore.removeMenu()
   router.push('/login')
 }
+const handleShowDeadLine=(recordObj,data)=>{
+  let flag=false
+  if(recordObj.content&&recordObj.content.length>0){
+      flag=recordObj.content[recordObj.content.length-1]?.callIdNumber!=data.callIdNumber
+  }
+  return flag;
+}
 const initWebSocket = () => {
   try {
     // const wsUrl=setWsUrl(`/ws/text/${token}`)
@@ -93,6 +100,19 @@ const initWebSocket = () => {
           recordLeftObj.value.phone=data.phone
           recordLeftObj.value.type=data.type
           recordLeftObj.value.orderName=data.orderName
+          let flag=handleShowDeadLine(recordLeftObj.value,data)
+          console.info("🚀 ~method:flag -----", flag)
+          if(flag){
+            recordLeftObj.value.content.push({
+              //   callIdNumber: "17282197782048",
+              // conversationId:0,
+              // conversationTimestamp: "",
+              // createTime: "2024-10-08",
+              isLine:true,
+              lineMsg: "一轮通话结束~~",
+              speaker: data.content.speaker
+            })
+          }
           recordLeftObj.value.content.push(data.content)
           // console.info("🚀 ~method:onmessage -----", recordLeftObj.value)
           nextTick(() => {
@@ -103,6 +123,19 @@ const initWebSocket = () => {
           recordRightObj.value.phone=data.phone
           recordRightObj.value.type=data.type
           recordRightObj.value.orderName=data.orderName
+          let flag=handleShowDeadLine(recordRightObj.value,data)
+          console.info("🚀 ~method:flag -----", flag)
+          if(flag){
+            recordRightObj.value.content.push({
+            //   callIdNumber: "17282197782048",
+            // conversationId:0,
+            // conversationTimestamp: "",
+            // createTime: "2024-10-08",
+              isLine:true,
+              lineMsg: "一轮通话结束~~",
+            speaker: data.content.speaker
+            })
+          }
           recordRightObj.value.content.push(data.content)
           // console.info("🚀 ~method:onmessage -----", recordRightObj.value)
           nextTick(() => {