@opendesign-plus-test/components 0.0.1-rc.42 → 0.0.1-rc.43

package/src/components/meeting/OMyMeetingCalendar.vue

@@ -37,10 +37,10 @@ const currentPage = ref(1); // 分页-当前页
 const pageSize = ref(50); // 分页-每页数量
 const total = ref<number | null>(null); // 分页-总数
 const list = ref<MeetingItemT[]>([]); // 列表数据
-const originList = ref([]); // 原始数据
+const originList = ref<MeetingItemT[]>([]); // 原始数据
 const canLoadMore = computed(() => total.value === null || originList.value.length < total.value);
 const reloadAll = ref(false); // 是否需要清空数据
-const { t, locale, weekDay, getPointStr, getWeekFromDate } = useMeetingConfig();
+const { t, locale, getPointStr, getWeekFromDate } = useMeetingConfig();
 const isEn = computed(() => locale.value === Locales.EN);
 
 const props = withDefaults(defineProps<{
@@ -54,7 +54,7 @@ const props = withDefaults(defineProps<{
 
 const dialogLoading = ref(false); // 弹窗按钮状态
 const { isPhone } = useScreen();
-const expanded = ref([]); // 展开的数据， sub_id 或 id
+const expanded = ref<(string | number)[]>([]); // 展开的数据， sub_id 或 id
 const emits = defineEmits(['edit']);
 // -------------------- 自动加载下一页 --------------------
 const nextLoading = ref(false);
@@ -73,7 +73,7 @@ const getList = async () => {
     return;
   }
   try {
-    if (total.value > 0 && (currentPage.value - 1) * pageSize.value > total.value) {
+    if (total.value !== null && total.value > 0 && (currentPage.value - 1) * pageSize.value > total.value) {
       return;
     }
     // 当月数据已加载完，手动切换下一月
@@ -130,7 +130,7 @@ const getList = async () => {
             endTime: cycle_end,
             cycleType,
           });
-          const obsData = item.obs_data?.filter((v) => v.text_video_url);
+          const obsData = item.obs_data?.filter((v) => v.text_video_url) || [];
           return cycle_sub
             .filter((v) => {
               return (
@@ -155,14 +155,14 @@ const getList = async () => {
             ...item,
             dateRange: `${ start } - ${ end }`,
             timeRange: `${ start } - ${ end }`,
-            hasObsData: item.obs_data?.filter((v) => v.text_video_url)?.length > 0,
+            hasObsData: !!item.obs_data?.filter((v) => v.text_video_url)?.length,
             time: `${ start }-${ end }`,
             isExpired: dayjs(`${ date } ${ start }`).isBefore(dayjs()),
           },
         ];
       })
       .flat()
-      .filter((v) => v.date.slice(0, 7) === formatDate(selectedDate.value, 'YYYY-MM-DD').slice(0, 7));
+      .filter((v: MeetingItemT) => v.date.slice(0, 7) === formatDate(selectedDate.value, 'YYYY-MM-DD').slice(0, 7));
     // 如果需要清空，则完全替换
     // 如果页码为1，表示第一次加载
     // 如果是移动端，则一直往里填充数据
@@ -224,12 +224,12 @@ const handleScroll = useDebounceFn(() => {
     getList();
   }
 }, 200);
-const calcIfAllDeleted = (date) => {
+const calcIfAllDeleted = (date: string) => {
   const meetingsOfDate = list.value.filter((v) => v.date === date);
   return meetingsOfDate.length && meetingsOfDate.every((v) => v.is_delete);
 };
 
-const scrollerScroll = (el) => {
+const scrollerScroll = (el: any) => {
   const container = el.target;
   if (!container) return;
   const scrollTop = container.scrollTop; // 已经滚动的距离
@@ -244,13 +244,13 @@ const updateScroller = () => {
   scrollerContainerEl.addEventListener('scroll', scrollerScroll);
 };
 
-const detailRefs = ref({}); // 会议详情组件实例
-const getDetailRefs = (insRef, id) => {
+const detailRefs = ref<Record<string, any>>({}); // 会议详情组件实例
+const getDetailRefs = (insRef: any, id: number) => {
   if (insRef && id) {
     detailRefs.value[id] = insRef;
   }
 };
-const copyInfo = async (idx) => {
+const copyInfo = async (idx: number) => {
   const instance = detailRefs.value[idx];
   await instance.copyInfo();
   message.success({
@@ -274,6 +274,9 @@ const confirmCancel = async () => {
   if (!props.deleteMeetingRequest) {
     return;
   }
+  if (!currentRow.value) {
+    return;
+  }
   try {
     dialogLoading.value = true;
     await props.deleteMeetingRequest(currentRow.value.id);
@@ -289,7 +292,7 @@ const confirmCancel = async () => {
 };
 const handleDialogVisible = ref(false);
 const handleDialogType = ref('');
-const handleDialogRow = ref(null);
+const handleDialogRow = ref<MeetingItemT | null>(null);
 const handleOptions = [
   {
     label: t('meeting.meetingSingle'),
@@ -323,6 +326,9 @@ const cancelHandleItem = () => {
 };
 const confirmHandleItem = async () => {
   const row = handleDialogRow.value;
+  if (!row) {
+    return;
+  }
   if (handleDialogType.value === 'cancel') {
     try {
       dialogLoading.value = true;
@@ -386,7 +392,7 @@ const cellClick = (e: PointerEvent & any, clickable: boolean) => {
   }
 };
 
-const changeMonth = (val) => {
+const changeMonth = (val: string) => {
   if (!calendarRef.value) return;
   currentPage.value = 1;
   total.value = null;
@@ -402,8 +408,13 @@ const changeMonth = (val) => {
   });
 };
 // -------------------- 列表 --------------------
+interface GroupListItemT {
+  date: string;
+  list: MeetingItemT[];
+}
+
 const groupList = computed(() => {
-  return list.value.reduce((prev, cur) => {
+  return list.value.reduce((prev: GroupListItemT[], cur: MeetingItemT) => {
     if (!prev.length) {
       return [
         {
@@ -413,7 +424,7 @@ const groupList = computed(() => {
       ];
     } else {
       const last = prev.at(-1);
-      if (last.date === cur.date) {
+      if (last?.date === cur.date) {
         last.list.push(cur);
       } else {
         prev.push({
@@ -469,12 +480,12 @@ onUnmounted(() => {
   scrollerContainerEl?.removeEventListener('scroll', scrollerScroll);
 });
 
-const formatYearMonth = (date) => {
-  date = dayjs(date ? date : undefined);
+const formatYearMonth = (date: string) => {
+  const date2 = dayjs(date ? date : undefined);
   if (isEn.value) {
-    return date.format('MMMM YYYY');
+    return date2.format('MMMM YYYY');
   } else {
-    return date.format('YYYY MM月');
+    return date2.format('YYYY MM月');
   }
 };
 const handleActions = computed<DialogActionT[]>(() => {

package/src/components/meeting/OSigMeetingCalendar.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { ref, onMounted, computed, nextTick, watch } from 'vue';
-import { ODivider, OPopover, OIcon, OTabPane, OTab } from '@opensig/opendesign';
+import { ODivider, OPopover, OIcon, OTabPane, OTab, OScroller } from '@opensig/opendesign';
 import dayjs from 'dayjs';
 import IconTips from '~icons/components/icon-tips.svg';
 import OSigMeetingAside from './components/OSigMeetingAside.vue';
-import { CalendarDataType, MeetingItemT } from './types.ts';
+import { CalendarDataType, MeetingEventsItemT, MeetingItemT } from './types.ts';
 import { useScreen } from '@opendesign-plus/composables';
 import { useMeetingConfig } from './composables/useMeetingConfig';
 import OMeetingCalendarList from '@/components/meeting/components/OMeetingCalendarList.vue';
@@ -21,22 +21,22 @@ const { lePadV } = useScreen();
 const selectDate = ref<string>('');
 
 const loading = ref(false); // 数据加载状态
-const list = ref<MeetingItemT[]>([]); // 某天的会议列表
+const list = ref<(MeetingItemT | MeetingEventsItemT)[]>([]); // 某天的会议列表
 const calendarRows = computed(() => (lePadV.value ? 100 : 5)); // 日历行数
 
 const latestDate = ref<string>('');
 const meetingDates = ref<string[]>([]);
 const eventsDates = ref<string[]>([]);
-const eventsData = ref([]);
+const eventsData = ref<MeetingEventsItemT[]>([]);
 const monthIdx = ref(-1);
-const clickDateCell2 = (date) => {
+const clickDateCell2 = (date: string) => {
   clickDateCell(date);
 };
-const changeSelect = (v) => {
+const changeSelect = (v: string) => {
   clickDateCell(v);
 };
 // 获取所选日期的会议列表
-const clickDateCell = async (date) => {
+const clickDateCell = async (date: string) => {
   if (!props.getMeetingListRequest) {
     return;
   }
@@ -44,7 +44,7 @@ const clickDateCell = async (date) => {
     loading.value = true;
     selectDate.value = dayjs(date).format('YYYY-MM-DD');
     const res = await props.getMeetingListRequest(selectDate.value, props.sigName);
-    list.value = res.map((v) => {
+    list.value = res.map((v: MeetingItemT) => {
       return {
         ...v,
         time: `${ v.start }-${ v.end }`,
@@ -55,7 +55,7 @@ const clickDateCell = async (date) => {
   } finally {
     loading.value = false;
     eventsData.value.forEach((v) => {
-      if (v.dates.includes(selectDate.value)) {
+      if (v.dates?.includes(selectDate.value)) {
         list.value.push(v);
       }
     });
@@ -69,7 +69,7 @@ const getDates = async () => {
   }
   if (props.getEventsListRequest) {
     eventsData.value = await props.getEventsListRequest();
-    eventsDates.value = (eventsData.value || []).map(v => v.dates).flat();
+    eventsDates.value = (eventsData.value || []).map(v => v.dates || []).flat();
   }
 };
 const tabType = ref(CalendarDataType.ALL);
@@ -81,13 +81,14 @@ watch(
   () => lePadV.value,
   () => {
     if (lePadV.value) {
-      selectTab(CalendarDataType.ALL);
+      tabType.value = CalendarDataType.ALL;
+      selectTab();
     }
   },
 );
 // -------------------- 获取有会议的日期 --------------------
 
-const getMonthAndDay = (date) => {
+const getMonthAndDay = (date: string) => {
   const dateStr = dayjs(date).format('YYYY-MM-DD');
   return [dateStr.slice(0, 7), dateStr.slice(8, 10)];
 };
@@ -121,9 +122,8 @@ watch(() => dateList.value, (val) => {
     });
   }
 });
-
 const groupDateList = computed(() => {
-  const obj = dateList.value.reduce((pre, cur) => {
+  const obj = dateList.value.reduce((pre: any, cur: any) => {
     const [month, day] = getMonthAndDay(cur);
     pre[month] = {
       count: (pre[month]?.count || 0) + 1,
@@ -139,11 +139,11 @@ const groupDateList = computed(() => {
     };
   });
   const list: any[] = [];
-  let current = [];
+  let current: any[] = [];
   monthList.forEach((t) => {
     while (t.days.length) {
       if (!current.length) {
-        t.days.splice(0, 6).forEach((day) => {
+        t.days.splice(0, 6).forEach((day: string) => {
           current.push({
             month: t.month,
             day: day,
@@ -160,7 +160,7 @@ const groupDateList = computed(() => {
           count += 1;
         }
         if (t.days.length + current.length <= 6) {
-          t.days.splice(0, 6).forEach((day) => {
+          t.days.splice(0, 6).forEach((day: string) => {
             current.push({
               month: t.month,
               day: day,
@@ -171,7 +171,7 @@ const groupDateList = computed(() => {
             current = [];
           }
         } else {
-          t.days.splice(0, 6 - count).forEach((day) => {
+          t.days.splice(0, 6 - count).forEach((day: string) => {
             current.push({
               month: t.month,
               day: day,
@@ -196,7 +196,7 @@ const groupDateList = computed(() => {
 
 const dateMapList = computed(() => {
   return groupDateList.value.map((group) => {
-    const obj = group.reduce((prev, cur) => {
+    const obj = group.reduce((prev: any, cur: any) => {
       prev[cur.month] = prev[cur.month] || [];
       prev[cur.month].push(cur.day);
       return prev;
@@ -212,9 +212,9 @@ const dateMapList = computed(() => {
 
 const getMonthIdx = () => {
   if (groupDateList.value.length) {
-    monthIdx.value = groupDateList.value.findIndex((v) => v.some((t) => latestDate.value === `${ t.month }-${ t.day }`));
+    monthIdx.value = groupDateList.value.findIndex((v) => v.some((t: any) => latestDate.value === `${ t.month }-${ t.day }`));
     if (monthIdx.value === -1) {
-      monthIdx.value = groupDateList.value.findIndex((v) => v.some((t) => latestDate.value.includes(t.month)));
+      monthIdx.value = groupDateList.value.findIndex((v) => v.some((t: any) => latestDate.value.includes(t.month)));
     }
   } else {
     monthIdx.value = -1;
@@ -228,7 +228,7 @@ watch(
   { deep: true },
 );
 
-const changeMonthIdx = (step) => {
+const changeMonthIdx = (step: number) => {
   monthIdx.value += step;
 };
 
@@ -292,16 +292,16 @@ onMounted(() => {
           :active="selectDate"
         />
       </template>
-      <div class="list-content">
+      <OScroller class="list-content" show-type="hover" size="small">
         <OMeetingCalendarList
-          :list="list"
+          :list="list as unknown as MeetingItemT[]"
           :rows="calendarRows"
         >
           <template #empty>
             <slot name="empty"></slot>
           </template>
         </OMeetingCalendarList>
-      </div>
+      </OScroller>
     </div>
   </div>
 </template>
@@ -404,7 +404,10 @@ onMounted(() => {
 
   .list-content {
     flex-grow: 1;
-    height: calc(100% - 70px);
+    height: 400px;
+    @include respond-to('<=pad_v') {
+      height: auto;
+    }
   }
 }
 </style>

package/src/components/meeting/components/OMeetingCalendarList.vue

@@ -3,7 +3,7 @@ import { OCollapse, OCollapseItem, ODivider, OIcon, OLink, OTag, useMessage } fr
 import OMeetingDetail from './OMeetingDetail.vue';
 import { computed, nextTick, ref, watch } from 'vue';
 import IconCopy from '~icons/meeting/icon-copy.svg';
-import { MeetingGroupType, MeetingItemT } from '../types.ts';
+import { CalendarDataType, CycleSubItemT, MeetingGroupType, MeetingItemT, ObsDataItemT } from '../types.ts';
 import IconChevronRight from '~icons/components/icon-chevron-right.svg';
 import { INTERVAL_DAY, INTERVAL_MONTH, INTERVAL_WEEK } from '../config.ts';
 import { formatDate } from '../utils.ts';
@@ -14,14 +14,14 @@ const { activityTypeMap } = useActivityConfig();
 
 const props = withDefaults(defineProps<{
   list: MeetingItemT[];
-  groupType: MeetingGroupType;
+  groupType?: MeetingGroupType;
 }>(), {
   list: () => [],
 });
 const { t, locale, getConfig, getPointStr } = useMeetingConfig();
-const detailRefs = ref([]);
+const detailRefs = ref<any[]>([]);
 const message = useMessage(null);
-const copyInfo = async (idx) => {
+const copyInfo = async (idx: number) => {
   const instance = detailRefs.value[idx];
   await instance.copyInfo();
   message.success({
@@ -29,7 +29,7 @@ const copyInfo = async (idx) => {
   });
 };
 
-const collapseNames = ref([]);
+const collapseNames = ref<number[]>([]);
 const i18n = computed(() => {
   return {
     SIG_GROUP: `${ props.groupType === MeetingGroupType.GROUP ? t('meeting.groups') : t('meeting.sigs') }: `,
@@ -43,7 +43,7 @@ const i18n = computed(() => {
 });
 
 // -------------------- 监听尺寸变化 --------------------
-const meetInfoRef = ref();
+const meetInfoRef = ref<HTMLDivElement[]>();
 const resizeObserver = new ResizeObserver((entries) => {
   for (let entry of entries) {
     const { height } = entry.contentRect;
@@ -70,11 +70,11 @@ watch(
   },
 );
 
-const computedList = computed(() => {
-  return props.list.map((v) => {
+const computedList = computed<any[]>(() => {
+  return props.list.map((v: any) => {
     const type = v.type;
     let dateRange = '';
-    if (type !== 'meeting') {
+    if (type !== CalendarDataType.MEETING) {
       let activity_type = activityTypeMap.value.get(v.activity_type)?.label;
       if (v.start && v.end) {
         if (v.end_date === v.start_date) {
@@ -113,7 +113,7 @@ const computedList = computed(() => {
     let timeRange = `${ start } - ${ end }`;
     let replay_url = null;
     let hasObsData = false;
-    const obsData = v.obs_data?.filter((v) => v.text_video_url) || [];
+    const obsData = v.obs_data?.filter((v: ObsDataItemT) => v.text_video_url) || [];
 
     if (is_cycle) {
       let cycleType = '';
@@ -122,13 +122,13 @@ const computedList = computed(() => {
       }
       if (cycle_type === INTERVAL_WEEK) {
         if (cycle_interval > 1) {
-          cycleType = t('meeting.cycleWeek.other', [getPointStr(cycle_type, cycle_point), cycle_interval]);
+          cycleType = t('meeting.cycleWeek.other', [getPointStr(cycle_type, cycle_point as unknown as number[]), cycle_interval]);
         } else {
-          cycleType = t('meeting.cycleWeek.one', [getPointStr(cycle_type, cycle_point)]);
+          cycleType = t('meeting.cycleWeek.one', [getPointStr(cycle_type, cycle_point as unknown as number[])]);
         }
       }
       if (cycle_type === INTERVAL_MONTH) {
-        cycleType = t('meeting.cycleMonth', [getPointStr(cycle_type, cycle_point)]);
+        cycleType = t('meeting.cycleMonth', [getPointStr(cycle_type, cycle_point as unknown as number[])]);
       }
       timeRange = t('meeting.cycleMeetingText2', {
         startDate: cycle_start_date,
@@ -137,7 +137,7 @@ const computedList = computed(() => {
         endTime: cycle_end,
         cycleType,
       });
-      hasObsData = obsData.some((t) => t.sub_id === v.cycle_sub.find((z) => z.date === date)?.sub_id);
+      hasObsData = obsData.some((t: ObsDataItemT) => t.sub_id === v.cycle_sub.find((z: CycleSubItemT) => z.date === date)?.sub_id);
     } else {
       hasObsData = obsData.length > 0;
     }
@@ -302,7 +302,8 @@ const computedList = computed(() => {
 
           .o-collapse-item-title {
             .copy-icon {
-              display: inline-flex;
+              opacity: 1;
+              visibility: visible;
             }
           }
         }
@@ -323,7 +324,8 @@ const computedList = computed(() => {
         &:hover {
           .o-collapse-item-title {
             .copy-icon {
-              display: inline-flex;
+              opacity: 1;
+              visibility: visible;
             }
           }
         }
@@ -343,11 +345,14 @@ const computedList = computed(() => {
 
         .meet-title-left {
           flex-grow: 1;
+          min-width: 0;
         }
 
         .copy-icon {
           flex-shrink: 0;
-          display: none;
+          display: inline-flex;
+          opacity: 0;
+          visibility: hidden;
 
           &:hover {
             color: var(--o-color-primary1);

package/src/components/meeting/components/OMeetingCalendarSelector.vue

@@ -26,9 +26,9 @@ const getList = () => {
 };
 
 const list = computed(() => getList());
-const checked = ref([]);
-const temp = ref([]);
-const selectorRef = ref(null);
+const checked = ref<number[]>([]);
+const temp = ref<number[]>([]);
+const selectorRef = ref<InstanceType<typeof ElSelect> | null>(null);
 
 const init = () => {
   checked.value = [...props.modelValue];
@@ -41,12 +41,16 @@ watchEffect(() => {
 
 const confirm = () => {
   emits('update:modelValue', temp.value);
-  selectorRef.value.expanded = false;
+  if (selectorRef.value) {
+    selectorRef.value.expanded = false;
+  }
 };
 
 const cancel = () => {
   init();
-  selectorRef.value.expanded = false;
+  if (selectorRef.value) {
+    selectorRef.value.expanded = false;
+  }
 };
 
 const clickItem = (val: number) => {
@@ -83,7 +87,7 @@ const removeTag = (val: number) => {
       size="large"
       multiple
       collapseTags
-      maxCollapseTags="3"
+      :maxCollapseTags="3"
       :modelValue="checked"
       @remove-tag="removeTag"
     >

package/src/components/meeting/components/OMeetingDetail.vue

@@ -30,7 +30,7 @@ const infoList = computed(() =>
 
 
 const activityInfoList = computed(() => {
-  const isLive = props.data.live_url?.length > 0;
+  const isLive = !!props.data.live_url?.length;
   return [
     { label: t('meeting.activityDetail2'), key: 'agenda', ellipsis: true },
     { label: t('meeting.startDate'), key: 'start_date_time' },
@@ -43,7 +43,7 @@ const activityInfoList = computed(() => {
   ].slice(0, props.from === 'home' ? 5 : 8);
 });
 const activityInfoApprovalList = computed(() => {
-  const isLive = props.data.live_url?.length > 0;
+  const isLive = !!props.data.live_url?.length;
   return [
     { label: t('meeting.activityType'), key: 'activity_type', isType: true },
     { label: isLive ? t('meeting.livePlatform') : t('meeting.activityAddress'), key: isLive ? 'live_url' : 'address' },
@@ -57,14 +57,28 @@ const activityInfoApprovalList = computed(() => {
   ];
 });
 
-const columns = computed(() => {
-  console.log(props.page);
+interface ColumnItemT {
+  label: string;
+  key: string;
+  ellipsis?: boolean;
+  isLink?: boolean;
+  isRecord?: boolean;
+  isType?: boolean;
+  extra?: string;
+}
+
+const getField = (key: string) => (props.data as Record<string, any>)[key];
+
+const columns = computed<ColumnItemT[]>(() => {
   if (props.data.type === CalendarDataType.EVENTS) {
     if (props.page === CalendarDataType.APPROVAL) {
       return activityInfoApprovalList.value;
     }
     return activityInfoList.value;
   }
+  if (props.data.type === CalendarDataType.SUMMIT) {
+    return activityInfoList.value;
+  }
   return infoList.value;
 });
 
@@ -73,7 +87,7 @@ const domRef = ref([]);
 const copyInfo = () => {
   try {
     let text = `${ t('meeting.meetingTopic') + props.data.topic }\n`;
-    text += [...domRef.value].reduce((pre, cur) => `${ pre }${ cur.textContent }\n`, '');
+    text += [...domRef.value].reduce((pre, cur: HTMLDivElement) => `${ pre }${ cur.textContent }\n`, '');
     navigator.clipboard.writeText(text);
     return Promise.resolve();
   } catch (e) {
@@ -91,36 +105,36 @@ defineExpose({ copyInfo });
       v-for="(info, infoIdx) in columns"
       :key="infoIdx"
       :class="{
-        'record-item': info.isRecord && data[info.key]?.length,
+        'record-item': info.isRecord && getField(info.key)?.length,
         'link-item': info.isLink,
-        'is-empty':!data[info.key]?.length,
+        'is-empty':!getField(info.key)?.length,
         [`label-item_${data.id}`]: true,
         [`type_${data.type}`]: true,
       }"
     >
-      <template v-if="data[info.key] && !info.isRecord">
+      <template v-if="getField(info.key) && !info.isRecord">
         <span class="label">{{ info.label }}</span>
-        <MoreText :show="show" v-if="info.ellipsis" :text="data[info.key] || '-'" />
+        <MoreText :show="show" v-if="info.ellipsis" :text="getField(info.key) || '-'" />
         <OLink
           v-else-if="info.isLink"
           target="_blank"
           class="value"
           color="primary"
           hover-underline
-          :href="data[info.key]"
+          :href="getField(info.key)"
         >
-          {{ data[info.key] }}
+          {{ getField(info.key) }}
         </OLink>
-        <span v-else-if="info.key === 'platform'">{{ getPlatformLabel(data[info.key]) }}</span>
+        <span v-else-if="info.key === 'platform'">{{ getPlatformLabel(getField(info.key)) }}</span>
         <span v-else class="value">
-          <i v-if="info.extra" class="extra">{{ data[info.extra] }}</i>
-          {{ data[info.key] || '-' }}
+          <i v-if="info.extra" class="extra">{{ getField(info.extra) }}</i>
+          {{ getField(info.key) || '-' }}
         </span>
       </template>
-      <template v-if="info.isRecord && data[info.key]?.length">
+      <template v-if="info.isRecord && getField(info.key)?.length">
         <span class="label">{{ info.label }}</span>
         <div>
-          <p v-for="re in data[info.key]" :key="re.create_time" class="value">
+          <p v-for="re in getField(info.key)" :key="re.create_time" class="value">
             {{ re.reason }}&nbsp;&nbsp;
             {{ formatDate(re.create_time, 'YYYY/MM/DD HH:mm:ss') }}
             {{ re.action === 1 ? t('meeting.approveReview') : t('meeting.rejectReview') }}

package/src/components/meeting/components/OMeetingPlaybackVideo.vue

@@ -26,7 +26,7 @@ const closeSpeakerMenu = () => {
   speakerMenuVisible.value = false;
 };
 
-const handleCue = (textTrack, init = false) => {
+const handleCue = (textTrack: any, init = false) => {
   const player = props.instance;
   if (!player) return;
   // 修改字幕
@@ -133,7 +133,7 @@ const videoInit = async () => {
         FullscreenToggle: true,
       },
     },
-  });
+  }) as unknown as any;
   emits('getInstance', player);
   // 加载视频
   player.src(props.src);
@@ -150,10 +150,10 @@ const videoInit = async () => {
 
   // 添加自定义控制字幕的按钮
   class CustomSubsCapsButton extends videojs.getComponent('Button') {
-    constructor(player, options) {
+    constructor(player: any, options: object) {
       super(player, options);
       this.addClass('vjs-subtitle-toggle-button', 'vjs-subtitle-hidden');
-      this.controlText('Toggle Subtitles');
+      (this as any).controlText('Toggle Subtitles');
     }
 
     buildCSSClass() {
@@ -161,7 +161,7 @@ const videoInit = async () => {
     }
 
     handleClick() {
-      const tracks = this.player().textTracks();
+      const tracks = this.player().textTracks() as unknown as any[];
       for (let i = 0; i < tracks.length; i++) {
         if (tracks[i].kind === 'subtitles') {
           handleCue(tracks[i], true);
@@ -181,14 +181,14 @@ const videoInit = async () => {
 
   if (props.vtt) {
     videojs.registerComponent('SubtitleToggleButton', CustomSubsCapsButton);
-    if (!player.controlBar.children_.some((v) => v.name_ === 'SubtitleToggleButton')) {
+    if (!player.controlBar.children_.some((v: any) => v.name_ === 'SubtitleToggleButton')) {
       player.controlBar.addChild('SubtitleToggleButton', {}, 8);
     }
   }
 
   // 动态修改字幕
   const textTracks = player?.textTracks().tracks_;
-  textTracks.forEach((textTrack) => {
+  textTracks.forEach((textTrack: any) => {
     textTrack?.addEventListener('cuechange', () => {
       handleCue(textTrack);
     });