feat:完成了工作台，修复了工单详情v-for不渲染的bug，增添了信息滚动条

src/views/home/index.vue

@@ -1,14 +1,26 @@
 <template>
   <div class="home">
-    <div class="real-time-call">实时通话</div>
-    <div class="call-history">历史通话记录
+    <h3 style="margin-bottom: 10px;margin-top: 10px">实时通话</h3>
+    <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"/>
     </div>
   </div>
 </template>
 
 <script setup lang="jsx">
+import LiveCall from '@/components/liveCall/index.vue'
+import Voice from '@/components/voice/index.vue'
+import infoLiveCall from '@/components/infoLiveCall/index.vue'
+const infoLiveCallRef=ref()
+const voiceRef=ref()
 const tableIns = ref()
 const mockData = ref([
   {
@@ -84,7 +96,7 @@ const tableConfig = reactive({
       label: '拨打时间',
       align: 'center',
       width: 200
-    },{
+    }, {
       prop: 'oper',
       label: '操作',
       align: 'center',
@@ -94,23 +106,24 @@ const tableConfig = reactive({
       currentRender: ({ row, index }) => {
         // console.log(row);
         let btn = []
-        btn.push({ label: '语音', prem: auths.detail, func: () => handleDetail(row), type: 'primary' })
-        btn.push({ label: '信息', prem: auths.detail, func: () => handleClose(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%' }}>
             {
               btn.map(item => (
-                <el-button
-                  type={item.type}
-                  // v-perm={item.prem}
-                  onClick={() => item.func()}
-                  link
-                >
-                  {item.label}
-                </el-button>
+                <>
+                  <el-button
+                    type={item.type}
+                    // v-perm={item.prem}
+                    onClick={() => item.func()}
+                    link>
+                    {item.label}
+                  </el-button>
+                </>
               ))
             }
-          </div>
+          </div >
         )
       }
     }
@@ -121,8 +134,12 @@ const tableConfig = reactive({
     // {name: '新增', key: 'add',type:'primary',icon:'Plus'},
   ]
 })
-
-
+const handleVoice = (row) => {
+  voiceRef.value.open(true)
+}
+const handleInfo = (row) => {
+  infoLiveCallRef.value.open(true)
+}
 </script>
 
 <style lang="scss" scoped>