fix : 修复公众台展示细节

src/components/infoLiveCall/index.vue

@@ -11,11 +11,10 @@ defineExpose({
 </script>
 
 <template>
-    <el-dialog v-model="dialogVisible" title="语音详情" width="1500"  :before-close="handleClose" class="box">
+    <el-dialog v-model="dialogVisible" title="历史通话记录" width="1000"  :before-close="handleClose" class="box">
         <LiveCall />
         <template #footer>
             <div class="dialog-footer">
-
                 <el-button type="primary" @click="dialogVisible = false">
                     关闭
                 </el-button>
@@ -28,4 +27,4 @@ defineExpose({
 .box{
     height: 65vh;
 }
-</style>
+</style>

src/components/liveCall/LiveCallItem.vue

@@ -157,7 +157,7 @@ const initWebSocket = () => {
 
   .scrollbar {
     padding: 10px 10px 0 10px;
-    height: 380px;
+    height: 42vh;
 
     .el-scrollbar__wrap {
       height: 100%;

src/components/liveCall/index.vue

@@ -1,5 +1,5 @@
 <template>
-  
+
   <div class="live-call-block">
     <live-call-item v-for="item in 2"/>
   </div>
@@ -14,7 +14,7 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
-  height: 470px;
+  height: 50vh;
   overflow-y: auto;
 
   &::-webkit-scrollbar {

src/views/home/index.vue

@@ -4,10 +4,7 @@
     <div class="real-time-call">
       <LiveCall />
     </div>
-
-     <hr><br>
     <div class="call-history"><h3 >历史通话记录</h3>
-
       <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
       <Voice ref="voiceRef" />
       <infoLiveCall ref="infoLiveCallRef"/>
@@ -27,12 +24,12 @@ const mockData = ref([
     workOrderNumber: 1211,
     workOrderTime: '2022-02-09 00 : 12',
     state: 0,
-    callState: 0
+    callState: '01'
   },
   {
     workOrderNumber: 232,
     state: 1,
-    callState: 1
+    callState: '02'
   }
 ])
 const auths = reactive({
@@ -77,7 +74,6 @@ const tableConfig = reactive({
       label: '号码',
       align: 'center'
     },
-
     {
       prop: 'callState',
       label: '电话拨打状态',
@@ -85,7 +81,7 @@ const tableConfig = reactive({
       showOverflowTooltip: false,
       currentRender: ({ row, index }) => {
         if (row.callState !== null) {
-          return (<PointTag dictType={'call_state'} value={row.callState} />)
+          return (<PointTag dictType={'call_status'} value={row.callState} />)
         } else {
           return '--'
         }
@@ -101,13 +97,13 @@ const tableConfig = reactive({
       label: '操作',
       align: 'center',
       fixed: 'right',
-      width: 150,
+      // width: 150,
       showOverflowTooltip: false,
       currentRender: ({ row, index }) => {
         // console.log(row);
         let btn = []
-        btn.push({ label: '语音', prem: auths.detail, func: () => handleVoice(row), type: 'primary' })
-        btn.push({ label: '信息', prem: auths.detail, func: () => handleInfo(row), type: 'primary' })
+        btn.push({ label: '播放语音', prem: auths.detail, func: () => handleVoice(row), type: 'primary' })
+        btn.push({ label: '通话记录', prem: auths.detail, func: () => handleInfo(row), type: 'primary' })
         return (
           <div style={{ width: '100%' }}>
             {
@@ -152,7 +148,7 @@ const handleInfo = (row) => {
 
   .call-history {
     width: 100%;
-    height: 50vh;
+    //height: 50vh;
     // background-color: blue;
   }
 }