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

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;
     }
@@ -161,63 +161,65 @@ const computedList = computed(() => {
     <OCollapse v-else v-model="collapseNames" :style="{ '--collapse-padding': '0' }">
       <OCollapseItem v-for="(item, index) in computedList" :key="item.id" :value="item.id">
         <template #title>
-          <div class="meet-title" :title="item.topic || item.name">
-            <OIcon
-              :style="{
+          <div class="meet-title-left">
+            <div class="meet-title" :title="item.topic || item.name">
+              <OIcon
+                :style="{
               backgroundColor: `${getConfig(item.type, 'color')}`
             }"
-            >
-              <component :is="getConfig(item.type, 'icon')" />
-            </OIcon>
-            <div class="text">
-              {{ item.topic || item.name || item.title }}
-            </div>
-            <div class="tag-wrapper" v-if="item.is_cycle">
-              <OTag color="primary" variant="outline">{{ t('meeting.cycle') }}</OTag>
+              >
+                <component :is="getConfig(item.type, 'icon')" />
+              </OIcon>
+              <div class="text">
+                {{ item.topic || item.name || item.title }}
+              </div>
+              <div class="tag-wrapper" v-if="item.is_cycle">
+                <OTag color="primary" variant="outline">{{ t('meeting.cycle') }}</OTag>
+              </div>
             </div>
-          </div>
-          <div class="meet-info" ref="meetInfoRef">
+            <div class="meet-info" ref="meetInfoRef">
             <span class="start-time">
               <span>{{ item.dateRange }}</span>
             </span>
-            <ODivider direction="v" />
-            <div>
-              <template v-if="item.group_name">{{ i18n.SIG_GROUP }} {{ item.group_name }}</template>
-              <template v-if="item.activity_type">{{ item.activity_type }}</template>
+              <ODivider direction="v" />
+              <div>
+                <template v-if="item.group_name">{{ i18n.SIG_GROUP }} {{ item.group_name }}</template>
+                <template v-if="item.activity_type">{{ item.activity_type }}</template>
+              </div>
             </div>
+            <OLink v-if="item.url" :href="item.url" target="_blank" class="jump-detail-link">
+              <span>{{ i18n.LEARN_MORE }}</span>
+              <template #suffix>
+                <OIcon>
+                  <IconChevronRight />
+                </OIcon>
+              </template>
+            </OLink>
+            <OLink v-if="item.join_url" :href="item.join_url" target="_blank" class="jump-detail-link">
+              <span>{{ i18n.JOIN_MEETING }}</span>
+              <template #suffix>
+                <OIcon>
+                  <IconChevronRight />
+                </OIcon>
+              </template>
+            </OLink>
+            <OLink v-if="item.content_url" :href="item.content_url" target="_blank" class="jump-detail-link">
+              <span>{{ i18n.DETAILS }}</span>
+              <template #suffix>
+                <OIcon>
+                  <IconChevronRight />
+                </OIcon>
+              </template>
+            </OLink>
+            <OLink v-if="item.register_url" :href="item.register_url" target="_blank" class="jump-detail-link">
+              <span>{{ i18n.SIGN }}</span>
+              <template #suffix>
+                <OIcon>
+                  <IconChevronRight />
+                </OIcon>
+              </template>
+            </OLink>
           </div>
-          <OLink v-if="item.url" :href="item.url" target="_blank" class="jump-detail-link">
-            <span>{{ i18n.LEARN_MORE }}</span>
-            <template #suffix>
-              <OIcon>
-                <IconChevronRight />
-              </OIcon>
-            </template>
-          </OLink>
-          <OLink v-if="item.join_url" :href="item.join_url" target="_blank" class="jump-detail-link">
-            <span>{{ i18n.JOIN_MEETING }}</span>
-            <template #suffix>
-              <OIcon>
-                <IconChevronRight />
-              </OIcon>
-            </template>
-          </OLink>
-          <OLink v-if="item.content_url" :href="item.content_url" target="_blank" class="jump-detail-link">
-            <span>{{ i18n.DETAILS }}</span>
-            <template #suffix>
-              <OIcon>
-                <IconChevronRight />
-              </OIcon>
-            </template>
-          </OLink>
-          <OLink v-if="item.register_url" :href="item.register_url" target="_blank" class="jump-detail-link">
-            <span>{{ i18n.SIGN }}</span>
-            <template #suffix>
-              <OIcon>
-                <IconChevronRight />
-              </OIcon>
-            </template>
-          </OLink>
           <OIcon @click.stop="() => copyInfo(index)" class="copy-icon">
             <IconCopy />
           </OIcon>
@@ -295,9 +297,17 @@ const computedList = computed(() => {
       }
 
       &.o-collapse-item-expanded {
-        .copy-icon {
-          display: inline-flex;
+        .o-collapse-item-header {
+          padding-bottom: var(--o-gap-2);
+
+          .o-collapse-item-title {
+            .copy-icon {
+              opacity: 1;
+              visibility: visible;
+            }
+          }
         }
+
       }
     }
 
@@ -312,8 +322,11 @@ const computedList = computed(() => {
 
       @include respond-to('>pad_v') {
         &:hover {
-          .copy-icon {
-            display: inline-flex;
+          .o-collapse-item-title {
+            .copy-icon {
+              opacity: 1;
+              visibility: visible;
+            }
           }
         }
       }
@@ -324,6 +337,31 @@ const computedList = computed(() => {
       .o-collapse-item-title {
         flex-grow: 1;
         margin-bottom: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--o-gap-4);
+        padding-right: var(--o-gap-4);
+
+        .meet-title-left {
+          flex-grow: 1;
+          min-width: 0;
+        }
+
+        .copy-icon {
+          flex-shrink: 0;
+          display: inline-flex;
+          opacity: 0;
+          visibility: hidden;
+
+          &:hover {
+            color: var(--o-color-primary1);
+          }
+
+          svg path {
+            fill: currentColor;
+          }
+        }
       }
 
 
@@ -349,7 +387,7 @@ const computedList = computed(() => {
         display: flex;
         color: var(--o-color-info3);
         flex-direction: column;
-        background-color: color-mix(in srgb, var(--o-color-control2-light), transparent 60%);
+        background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
         padding: 16px 16px 16px calc(var(--icon-right) + var(--icon-size2) + var(--o-gap-5) - 12px);
         border-radius: var(--o-radius-xs);
         @include tip1;
@@ -405,7 +443,7 @@ const computedList = computed(() => {
       display: flex;
       align-items: center;
       width: calc(100% - 48px);
-      color: var(--o-color-info1);
+      color: var(--o-color-info2);
       @include text2;
 
       @include respond-to('<=pad_v') {
@@ -469,26 +507,7 @@ const computedList = computed(() => {
       }
     }
 
-    .copy-icon {
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-      right: 56px;
-      font-size: 18px;
-      display: none;
 
-      @include respond-to('phone') {
-        right: 48px;
-      }
-
-      &:hover {
-        color: var(--o-color-primary1);
-      }
-
-      svg path {
-        fill: currentColor;
-      }
-    }
 
   }
 }

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

@@ -10,6 +10,7 @@ const props = defineProps<{
   data: MeetingItemT;
   from?: string;
   show: boolean;
+  page?: CalendarDataType
 }>();
 const { t, getPlatformLabel } = useMeetingConfig();
 
@@ -29,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' },
@@ -42,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' },
@@ -56,13 +57,28 @@ const activityInfoApprovalList = computed(() => {
   ];
 });
 
-const columns = computed(() => {
+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;
 });
 
@@ -71,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) {
@@ -89,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') }}
@@ -174,7 +190,7 @@ defineExpose({ copyInfo });
       }
     }
 
-    &.type_activity {
+    &.type_events {
       .label {
         width: 6em;
       }