fix : 修复工作台历史记录弹窗数据显示bug

src/components/liveCall/LiveCallItem.vue

@@ -1,11 +1,13 @@
 <template>
-  <div class="live-call">
+  <div class="live-call" v-loading="detailLoading">
     <div class="header">
       <div>
         <span style="margin-right: 20px">{{ headData.username }}</span>
-        <span>电话号码：{{ headData.phone }}</span>
       </div>
-      <div><span>工单名称：{{ headData.orderName }}</span></div>
+      <div>
+        <span>电话号码：{{ headData.phone ||'--'}}</span>
+      </div>
+      <div><span>工单名称：{{ headData.orderName ||'--'}}</span></div>
     </div>
     <el-scrollbar ref="scrollbarRef" class="scrollbar">
       <div class="chat-content" ref="innerRef">
@@ -31,8 +33,10 @@
               </div>
             </div>
           </div>
-          <el-divider border-style="dotted" v-if="item">一轮通话结束~~</el-divider>
+          <el-divider border-style="dotted" v-if="item.textVoList&&item.textVoList.length>0">一轮通话结束~~</el-divider>
         </div>
+<!--                  <el-empty description="暂无通话记录~" v-if="recordArray"/>-->
+
       </div>
     </el-scrollbar>
   </div>
@@ -51,10 +55,17 @@ const props = defineProps({
     type: Object,
     default: {}
   },
+  detailLoading: {
+    type: Boolean,
+    default: false
+  },
 })
 const getScrollbarRef = () => {
   return scrollbarRef.value
 }
+watch(() => props.detailLoading,  (newVal) => {
+  props.detailLoading=newVal
+})
 defineExpose({
   getScrollbarRef
 })
@@ -62,7 +73,7 @@ defineExpose({
 
 <style lang="scss" scoped>
 .live-call {
-  width: 48%;
+  width: 50%;
   height: 47vh;
   margin-bottom: 20px;
   overflow: hidden;