feat: 事件列表

src/views/login/index.vue

@@ -39,7 +39,7 @@ const loginForm = reactive({
 })
 const rules = {
     username: [
-        { required: true, message: '请输入账号' },
+        { required: true, message: '请输入用户名' },
         { max: 200, message: '最多输入200个字' }
     ],
     password: [

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

+import { TableColumnData } from '@arco-design/web-vue'
+
 //表格数据
-export const columns = [
+export const columns: TableColumnData[] = [
+    {
+        title: '序号',
+        align: 'center',
+        dataIndex: 'index',
+        slotName: 'index'
+    },
     {
         title: '事件名称',
         dataIndex: 'title'
@@ -10,26 +18,32 @@ export const columns = [
         slotName: 'initiator'
     },
     {
-        title: '职位',
-        dataIndex: 'position',
-        slotName: 'position'
-    },
-    {
-        title: '开始时间',
-        dataIndex: 'startTime'
-    },
-    {
-        title: '结束时间',
-        dataIndex: 'endTime'
-    },
-    {
-        title: '时长',
-        dataIndex: 'duration'
+        title: '参与人',
+        dataIndex: 'participants',
+        slotName: 'participants'
     },
+    // {
+    //     title: '职位',
+    //     dataIndex: 'position',
+    //     slotName: 'position'
+    // },
     {
-        title: '附件',
-        dataIndex: 'attachment'
+        title: '会议时间',
+        dataIndex: 'createdTime',
+        slotName: 'createdTime'
     }
+    // {
+    //     title: '结束时间',
+    //     dataIndex: 'endTime'
+    // },
+    // {
+    //     title: '时长',
+    //     dataIndex: 'duration'
+    // },
+    // {
+    //     title: '附件',
+    //     dataIndex: 'attachment'
+    // }
 ]
 export const tableData = reactive([
     {

src/views/remote/contacts/eventList.vue

@@ -8,14 +8,25 @@
         <!-- table展示 -->
         <div class="flex-auto overflow-y-auto px-4">
             <a-table :columns="columns" :data="tableData" :bordered="false" :loading="loading" :pagination="false">
+                <template #index="{ rowIndex }">
+                    {{ rowIndex + 1 }}
+                </template>
                 <template #initiator="{ record }">
                     <div class="flex items-center">
-                        <global-avatar :avatar-size="24" :icon-size="12"></global-avatar>
-                        <span class="ml-2">{{ record.initiator }}</span>
+                        <global-avatar :size="32" :icon-size="12"></global-avatar>
+                        <span class="ml-2">{{ getInitiatorName(record) }}</span>
+                    </div>
+                </template>
+                <template #participants="{ record }">
+                    <div class="flex items-center">
+                        <a-avatar-group :size="32" :max-count="2">
+                            <global-avatar :icon-size="12" v-for="item in record.userList"></global-avatar>
+                        </a-avatar-group>
+                        <span class="ml-2">{{ getParticipantsName(record.userList) }}</span>
                     </div>
                 </template>
-                <template #position="{ record }">
-                    <a-button type="outline" size="mini">{{ record.position }}</a-button>
+                <template #createdTime="{ record }">
+                    {{ Day(parseInt(record.createdTime)).format('YYYY-MM-DD HH:mm:ss') }}
                 </template>
             </a-table>
         </div>
@@ -31,6 +42,7 @@ import { columns } 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'
 
 const beginTime = ref('')
 const endTime = ref('')
@@ -94,6 +106,15 @@ const {
         }
     }
 )
+//获取发起人名称
+const getInitiatorName = (record: any) => {
+    const initiatorId = record.channelId.split('_')[0]
+    return record.userList.find((item: any) => item.id == initiatorId)?.nickname
+}
+//获取参与人名称
+const getParticipantsName = (userList: any[]) => {
+    return userList.map((item) => item.nickname).join(',')
+}
 </script>
 <style lang="less" scoped>
 :deep(.arco-table-th) {

src/views/remote/videoCall/videoInfo.vue

@@ -16,7 +16,18 @@
             </a-space>
         </div>
         <!-- 其余的视频窗口 -->
-        <video-slider class="mb-3 px-4" @handle-click="idChangedHere" :id-set="userVideoContainerSet.onTopUserSet"></video-slider>
+        <video-slider
+            class="mb-3 px-4"
+            @handle-click="idChangedHere"
+            :id-set="[
+                ...userVideoContainerSet.onTopUserSet,
+                ...userVideoContainerSet.onTopUserSet,
+                ...userVideoContainerSet.onTopUserSet,
+                ...userVideoContainerSet.onTopUserSet,
+                ...userVideoContainerSet.onTopUserSet,
+                ...userVideoContainerSet.onTopUserSet
+            ]"
+        ></video-slider>
         <!-- 放大的窗口 -->
         <video-tools :id="userVideoContainerSet.inCenter" class="px-4 flex flex-col flex-auto"></video-tools>
     </div>