feat: 调整

src/views/remote/contacts/constants/data.config.ts

 import { TableColumnData } from '@arco-design/web-vue'
 
-//表格数据
-export const columns: TableColumnData[] = [
+//事件表格数据
+export const eventListColumns: TableColumnData[] = [
     {
         title: '序号',
         align: 'center',
@@ -10,7 +10,8 @@ export const columns: TableColumnData[] = [
     },
     {
         title: '事件名称',
-        dataIndex: 'title'
+        dataIndex: 'title',
+        slotName: 'title'
     },
     {
         title: '发起人',
@@ -51,3 +52,67 @@ export const columns: TableColumnData[] = [
     //     dataIndex: 'attachment'
     // }
 ]
+
+//事件详情--图片和文档表格数据
+export const eventDetailsColumns1: TableColumnData[] = [
+    {
+        title: '文件名',
+        align: 'center',
+        dataIndex: 'fileName'
+    },
+    {
+        title: '文件大小',
+        align: 'center',
+        dataIndex: 'fileSize'
+    },
+    {
+        title: '发送人',
+        align: 'center',
+        dataIndex: 'fromId'
+    },
+    {
+        title: '发送时间',
+        align: 'center',
+        dataIndex: 'updatedTime'
+    },
+    {
+        title: '操作',
+        align: 'center',
+        dataIndex: 'operation',
+        slotName: 'operation'
+    }
+]
+//事件详情--视频表格数据
+export const eventDetailsColumns2: TableColumnData[] = [
+    {
+        title: '文件名',
+        align: 'center',
+        dataIndex: 'fileName'
+    },
+    {
+        title: '文件大小',
+        align: 'center',
+        dataIndex: 'fileSize'
+    },
+    {
+        title: '视频时长',
+        align: 'center',
+        dataIndex: 'videoDuration'
+    },
+    {
+        title: '发送人',
+        align: 'center',
+        dataIndex: 'fromId'
+    },
+    {
+        title: '发送时间',
+        align: 'center',
+        dataIndex: 'updatedTime'
+    },
+    {
+        title: '操作',
+        align: 'center',
+        dataIndex: 'operation',
+        slotName: 'operation'
+    }
+]

src/views/remote/contacts/eventDetails.vue

@@ -22,11 +22,39 @@
             </a-avatar-group>
             <span class="ml-2">专家1,维修1 参与过该事件</span>
         </div>
+        <div class="overflow-y-auto">
+            <template v-if="active == 0">
+                <div class="mb-4">
+                    <div class="flex items-center space-x-4">
+                        <global-avatar :icon-size="12"></global-avatar>
+                        <div class="space-x-4">
+                            <span>专家</span>
+                            <span>11698288374814</span>
+                        </div>
+                    </div>
+                    <div class="flex items-center space-x-8 mt-4 ml-14">
+                        <icon-play-circle class="cursor-pointer" :size="25" />
+                        <icon-download class="cursor-pointer" :size="25" />
+                    </div>
+                </div>
+                <div class="flex-center mb-4" v-for="item in 10">
+                    <div class="flex-center flex-col shadow-lg rounded bg-fill-bg2 p-4">
+                        <div>专家1加入了通话</div>
+                        <div class="mt-2">1698288370706</div>
+                    </div>
+                </div>
+            </template>
+            <template v-else>
+                <a-table :columns="eventDetailsColumns1" :data="[]" :bordered="false" :pagination="false" />
+            </template>
+        </div>
     </div>
 </template>
 
 <script setup lang="ts">
-import { IconLeft } from '@arco-design/web-vue/es/icon'
+import { IconLeft, IconPlayCircle, IconDownload } from '@arco-design/web-vue/es/icon'
+import { eventDetailsColumns1, eventDetailsColumns2 } from './constants/data.config'
+
 const details = {
     total: '3',
     pageIndex: '1',

src/views/remote/contacts/eventList.vue

@@ -7,10 +7,19 @@
         </div>
         <!-- table展示 -->
         <div class="flex-auto overflow-y-auto px-4">
-            <a-table :columns="columns" :data="tableData" :bordered="false" :loading="loading" :pagination="false">
+            <a-table :columns="eventListColumns" :data="tableData" :bordered="false" :loading="loading" :pagination="false">
                 <template #index="{ rowIndex }">
                     {{ rowIndex + 1 }}
                 </template>
+                <template #title="{ record }">
+                    <div class="flex items-center w-full space-x-4">
+                        <div class="flex-auto">
+                            <a-input :default-value="record.title"></a-input>
+                        </div>
+                        <icon-close class="cursor-pointer" />
+                        <icon-check class="cursor-pointer" />
+                    </div>
+                </template>
                 <template #initiator="{ record }">
                     <div class="flex items-center">
                         <global-avatar :size="32" :icon-size="12"></global-avatar>
@@ -41,12 +50,13 @@
 
 <script setup lang="ts">
 import { usePagination } from '@alova/scene-vue'
-import { columns } from './constants/data.config'
+import { eventListColumns } from './constants/data.config'
 import { alova } from '@/api/alova-instance'
 import useContactsStore from '@/store/contacts/index'
 import { storeToRefs } from 'pinia'
 import Day from '@/utils/dayjs'
 import { Message } from '@arco-design/web-vue'
+import { IconCheck, IconClose } from '@arco-design/web-vue/es/icon'
 
 const beginTime = ref('')
 const endTime = ref('')