@opendesign-plus-test/components 0.0.1-rc.33 → 0.0.1-rc.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.33",
+  "version": "0.0.1-rc.34",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -32,8 +32,8 @@
     "dayjs": "^1.11.13",
     "video.js": "^8.23.7",
     "vue-dompurify-html": "^3.1.2",
-    "@opendesign-plus/composables": "0.0.1-rc.6",
-    "@opendesign-plus/styles": "0.0.1-rc.2"
+    "@opendesign-plus/styles": "0.0.1-rc.2",
+    "@opendesign-plus/composables": "0.0.1-rc.6"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.0",

package/src/components/activity/OActivityApproval.vue

@@ -15,9 +15,15 @@ import {
 import { useScreen } from '@opendesign-plus/composables';
 import { onMounted, watch, ref, reactive, computed } from 'vue';
 import { ActivityItemT, ActivityTablePropsT, ReviewParamsT, TypeOptionT } from './types';
-import { approvalStatusMap, statusMap } from './config';
+import { getApprovalStatusMap, getStatusMap } from './config';
 import ThFilter from '../common/ThFilter.vue';
 import OMeetingDetail from '@/components/meeting/components/OMeetingDetail.vue';
+import { useI18n } from '@/i18n';
+
+const { t, locale } = useI18n();
+const isZh = computed(() => locale.value === 'zh');
+const approvalStatusMap = getApprovalStatusMap();
+const statusMap = getStatusMap();
 
 
 const message = useMessage(null);
@@ -75,7 +81,7 @@ const COUNT_PER_PAGE = [10, 20, 30, 40];
 const getData = async () => {
   const { page, size, status, sponsor, order_by, search, is_delete } = params;
   let paramsData = { page, size, sponsor, order_by, search } as ReviewParamsT;
-  if (status !== 'all') {
+  if (status !== 'all' && status !== '') {
     paramsData.is_delete = is_delete;
   }
   if (status === 'cancel') {
@@ -128,14 +134,14 @@ const reviewVisible = ref(false);
 
 // 表单校验规则
 const rules = ref({
-  reason: [{ required: true, message: '请输入审核的备注信息' }],
+  reason: [{ required: true, message: t('meeting.enterReviewNotes') }],
 });
 
 const confirm = async () => {
   if (!props.approveActivityRequest || !props.rejectActivityRequest) {
     return;
   }
-  const msg = reviewStatus.value === 1 ? '审核通过' : '审核驳回';
+  const msg = reviewStatus.value === 1 ? t('meeting.approveReview') : t('meeting.rejectReview');
   try {
     loading.value = true;
     const valid = await formRef.value?.validate();
@@ -151,13 +157,13 @@ const confirm = async () => {
     getData();
     cancel();
     message.success({
-      content: `“${ currentRow.value?.title }”活动${ msg }成功`,
+      content: t('meeting.reviewSuccess', [currentRow.value?.title]),
     });
   } catch {
     reviewVisible.value = false;
     loading.value = false;
     message.danger({
-      content: `“${ currentRow.value?.title }”活动${ msg }失败`,
+      content: t('meeting.reviewFail', [currentRow.value?.title]),
     });
   }
 };
@@ -180,14 +186,13 @@ const confirmCancel = async () => {
       getData();
       cancel();
       message.success({
-        content: `“${ currentRow.value?.title }”活动${ cancelText.value }成功`,
+        content: t('meeting.activityActionSuccess', [currentRow.value?.title, cancelText.value]),
       });
     } catch (err) {
-      console.log(err);
       loading.value = false;
       cancelVisible.value = false;
       message.danger({
-        content: `“${ currentRow.value?.title }”活动${ cancelText.value }失败`,
+        content: t('meeting.activityActionFail', [currentRow.value?.title, cancelText.value]),
       });
     }
   }
@@ -200,28 +205,28 @@ const cancelText = ref('');
 const cancelStatus = ref(0);
 
 const deleteItem = (row: ActivityItemT) => {
-  cancelTitle.value = '删除活动';
-  cancelText.value = '删除';
+  cancelTitle.value = t('meeting.deleteActivity');
+  cancelText.value = t('meeting.deleteActivity').toLowerCase();
   currentRow.value = row;
   cancelStatus.value = 0;
   cancelVisible.value = true;
 };
 const cancelItem = (row: ActivityItemT) => {
-  cancelTitle.value = '取消活动';
-  cancelText.value = '取消';
+  cancelTitle.value = t('meeting.cancelActivity');
+  cancelText.value = t('common.cancel').toLowerCase();
   currentRow.value = row;
   cancelStatus.value = 1;
   cancelVisible.value = true;
 };
 const passItem = (row: ActivityItemT) => {
   currentRow.value = row;
-  digTitle.value = '审核通过';
+  digTitle.value = t('meeting.approveReview');
   reviewStatus.value = 1;
   reviewVisible.value = true;
 };
 const rejectItem = (row: ActivityItemT) => {
   currentRow.value = row;
-  digTitle.value = '审核驳回';
+  digTitle.value = t('meeting.rejectReview');
   reviewStatus.value = 0;
   reviewVisible.value = true;
 };
@@ -298,7 +303,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
     variant: lePadV.value ? 'text' : 'solid',
     round: 'pill',
     size: 'large',
-    label: '确定',
+    label: t('meeting.confirmBtn'),
     onClick: () => {
       confirmCancel();
     },
@@ -308,7 +313,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
     variant: lePadV.value ? 'text' : 'outline',
     round: 'pill',
     size: 'large',
-    label: '取消',
+    label: t('meeting.cancelBtn'),
     onClick: () => {
       cancel();
     },
@@ -322,7 +327,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
     variant: lePadV.value ? 'text' : 'solid',
     round: 'pill',
     size: 'large',
-    label: '确定',
+    label: t('meeting.confirmBtn'),
     onClick: () => {
       confirm();
     },
@@ -332,7 +337,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
     variant: lePadV.value ? 'text' : 'outline',
     round: 'pill',
     size: 'large',
-    label: '取消',
+    label: t('meeting.cancelBtn'),
     onClick: () => {
       cancel();
     },
@@ -351,7 +356,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
             </div>
           </template>
         </ElTableColumn>
-        <ElTableColumn label="活动名称" prop="title" />
+        <ElTableColumn :label="t('meeting.activityName')" prop="title" />
         <ElTableColumn prop="sponsor">
           <template #header>
             <ThFilter
@@ -364,14 +369,14 @@ const reviewActions = computed<DialogActionT[]>(() => {
               <template #empty>
                 <slot name="filter-empty"></slot>
               </template>
-              申请人
+              {{ t('meeting.applicant') }}
             </ThFilter>
           </template>
         </ElTableColumn>
         <ElTableColumn prop="create_time">
           <template #header>
             <div class="sort-time" @click="sortTime">
-              <span>申请时间</span>
+              <span>{{ t('meeting.submissionTime') }}</span>
               <div class="sort-btn">
                 <div class="sort-asc sort-item" :class="{ active: order_by === 'asc' }"></div>
                 <div class="sort-desc sort-item" :class="{ active: order_by === 'desc' }"></div>
@@ -392,7 +397,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
               <template #empty>
                 <slot name="filter-empty"></slot>
               </template>
-              状态
+              {{ t('meeting.status') }}
             </ThFilter>
           </template>
           <template #default="scope">
@@ -406,30 +411,30 @@ const reviewActions = computed<DialogActionT[]>(() => {
                 statusMap.get(scope.row.status)?.text
               }}
             </OTag>
-            <OTag v-else color="primary" variant="outline" class="tag-cancel">已取消</OTag>
+            <OTag v-else color="primary" variant="outline" class="tag-cancel">{{ t('meeting.statusCanceled') }}</OTag>
           </template>
         </ElTableColumn>
-        <ElTableColumn label="操作">
+        <ElTableColumn :label="t('meeting.action')">
           <template #default="scope">
             <div class="activity-btn">
               <OLink
                 v-if="scope.row.status === 7 || scope.row.is_delete"
                 color="danger"
                 @click="deleteItem(scope.row)">
-                删除
+                {{ t('meeting.deleteActivity') }}
               </OLink>
               <OLink
                 v-if="(scope.row.status === 3 || scope.row.status === 4) && scope.row.is_delete !== 1"
                 color="danger"
                 @click="cancelItem(scope.row)"
               >
-                取消活动
+                {{ t('meeting.cancelActivity') }}
               </OLink>
               <OLink v-if="scope.row.status === 2" color="primary" @click="passItem(scope.row)">
-                通过
+                {{ t('meeting.approve') }}
               </OLink>
               <OLink v-if="scope.row.status === 2" color="primary" @click="rejectItem(scope.row)">
-                驳回
+                {{ t('meeting.reject') }}
               </OLink>
             </div>
           </template>
@@ -458,7 +463,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
                 statusMap.get(act.status)?.text
               }}
             </OTag>
-            <OTag v-else color="primary" variant="outline" class="tag-cancel">已取消</OTag>
+            <OTag v-else color="primary" variant="outline" class="tag-cancel">{{ t('meeting.statusCanceled') }}</OTag>
           </div>
           <OCollapseItem :value="act.id">
             <template #title>
@@ -473,7 +478,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
                   variant="text"
                   @click.stop="deleteItem(act)"
                 >
-                  删除
+                  {{ t('meeting.deleteActivity') }}
                 </OLink>
                 <OLink
                   v-if="(act.status === 3 || act.status === 4) && act.is_delete !== 1"
@@ -481,7 +486,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
                   variant="text"
                   @click.stop="cancelItem(act)"
                 >
-                  取消活动
+                  {{ t('meeting.cancelActivity') }}
                 </OLink>
                 <OLink
                   v-if="act.status === 2"
@@ -489,7 +494,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
                   variant="text"
                   @click.stop="passItem(act)"
                 >
-                  通过
+                  {{ t('meeting.approve') }}
                 </OLink>
                 <OLink
                   v-if="act.status === 2"
@@ -497,7 +502,7 @@ const reviewActions = computed<DialogActionT[]>(() => {
                   variant="text"
                   @click.stop="rejectItem(act)"
                 >
-                  驳回
+                  {{ t('meeting.reject') }}
                 </OLink>
               </div>
             </template>
@@ -535,10 +540,14 @@ const reviewActions = computed<DialogActionT[]>(() => {
       <template #header>{{ digTitle }}</template>
       <div class="dialog-content">
         <OForm :model="form" ref="formRef" has-required layout="v" class="form-wrapper">
-          <OFormItem :rules="rules.reason" label="审核备注：" field="reason">
+          <OFormItem
+            :rules="rules.reason"
+            :label="`${t('meeting.reviewNotesLabel')}${isZh ? '：' : ': '}`"
+            field="reason"
+          >
             <OTextarea
               size="large"
-              placeholder="请输入审核的备注信息"
+              :placeholder="t('meeting.enterReviewNotes')"
               :rows="4"
               resize="none"
               :max-length="1000"
@@ -558,7 +567,8 @@ const reviewActions = computed<DialogActionT[]>(() => {
     >
       <template #header>{{ cancelTitle }}</template>
       <div class="dialog-content">
-        是否确认{{ cancelText }}“{{ currentRow?.title }}”活动？{{ cancelText }}后将不在会议首页呈现。
+        {{ cancelStatus === 1 ? t('meeting.confirmCancelActivity', [currentRow?.title]) : t('meeting.confirmDeleteActivity', [currentRow?.title])
+        }}
       </div>
     </ODialog>
   </div>

package/src/components/activity/OActivityForm.vue

@@ -15,7 +15,7 @@ import { computed, ref, watch } from 'vue';
 import { ActivityFormPropsT, ParamsItemT } from './types';
 import { useScreen } from '@opendesign-plus/composables';
 import { dayjs, ElDatePicker } from 'element-plus';
-import { acticityTypeMap, WEBSITE_REGEXP } from './config';
+import { getActicityTypeMap, WEBSITE_REGEXP } from './config';
 import { EMAIL_REGEX } from '@/components/meeting/config.ts';
 import { useI18n } from '@/i18n';
 
@@ -25,6 +25,7 @@ const message = useMessage(null);
 const { lePadV } = useScreen();
 const { t } = useI18n();
 const $t = t;
+const acticityTypeMap = getActicityTypeMap();
 
 interface TypeOptionT {
   label: string;
@@ -58,22 +59,22 @@ const loading = ref(false); // 提交状态
 // 表单校验规则
 const rules = ref<Record<string, RulesT[]>>({
   title: [
-    { required: true, message: '请输入活动名称' },
+    { required: true, message: t('meeting.enterActivityName') },
     {
       validator: (value: string) => {
         if (value.length > 50) {
           return {
             type: 'danger',
-            message: '活动名称不能超过50个字符',
+            message: t('meeting.activityNameMaxLength'),
           };
         }
       },
     },
   ],
-  activity_type: [{ required: true, message: '请选择活动类型' }],
-  organizer: [{ required: true, message: '请选择活动类型' }],
+  activity_type: [{ required: true, message: t('meeting.selectActivityType') }],
+  organizer: [{ required: true, message: t('meeting.selectActivityOrganizer') }],
   start_date: [
-    { required: true, message: '请选择活动时间' },
+    { required: true, message: t('meeting.selectActivityTime') },
     {
       validator: () => {
         const { start_date, end_date } = form.value;
@@ -82,7 +83,7 @@ const rules = ref<Record<string, RulesT[]>>({
         if (!start_date || !end_date) {
           return {
             type: 'danger',
-            message: '请选择活动日期',
+            message: t('meeting.selectActivityDate'),
           };
         }
 
@@ -91,14 +92,14 @@ const rules = ref<Record<string, RulesT[]>>({
         if (startArr[0] < 8 || startArr[0] > 21 || endArr[0] < 8 || endArr[0] > 21) {
           return {
             type: 'danger',
-            message: '开始和结束时间必须在8：00-22：00点之间',
+            message: t('meeting.activityTimeRange'),
           };
         }
 
         if (dayjs(start_date).valueOf() > dayjs(end_date).valueOf()) {
           return {
             type: 'danger',
-            message: '结束日期必须大于起始日期',
+            message: t('meeting.endDateAfterStartDate'),
           };
         }
 
@@ -117,7 +118,7 @@ const rules = ref<Record<string, RulesT[]>>({
         if (register_end_date && dayjs(`${ end_date } ${ end }`).valueOf() < dayjs(register_end_date).valueOf()) {
           return {
             type: 'danger',
-            message: '报名截止日期必须小于结束日期',
+            message: t('meeting.registerDeadlineBeforeEnd'),
           };
         }
       },
@@ -125,13 +126,13 @@ const rules = ref<Record<string, RulesT[]>>({
     },
   ],
   address: [
-    { required: true, message: '请输入活动地点' },
+    { required: true, message: t('meeting.enterActivityAddress') },
     {
       validator: (value: string) => {
         if (value.length > 255) {
           return {
             type: 'danger',
-            message: '活动名称不能超过255个字符',
+            message: t('meeting.activityAddressMaxLength'),
           };
         }
       },
@@ -146,7 +147,7 @@ const rules = ref<Record<string, RulesT[]>>({
           if (list.some((v) => !WEBSITE_REGEXP.test(v))) {
             return {
               type: 'danger',
-              message: '请输入正确的报名网址',
+              message: t('meeting.invalidRegistrationUrl'),
             };
           }
         }
@@ -163,7 +164,7 @@ const rules = ref<Record<string, RulesT[]>>({
           if (list.some((v) => !WEBSITE_REGEXP.test(v))) {
             return {
               type: 'danger',
-              message: '请输入正确的活动详情网址',
+              message: t('meeting.invalidActivityDetailUrl'),
             };
           }
         }
@@ -176,7 +177,7 @@ const rules = ref<Record<string, RulesT[]>>({
       if (value.length > 1000) {
         return {
           type: 'danger',
-          message: '活动内容不能超过1000个字符',
+          message: t('meeting.activityContentMaxLength'),
         };
       }
     },
@@ -214,7 +215,7 @@ const rules = ref<Record<string, RulesT[]>>({
     },
     triggers: ['blur', 'change'],
   }],
-  approver: [{ required: true, message: '请选择活动审批人' }],
+  approver: [{ required: true, message: t('meeting.selectActivityApprover') }],
 });
 
 
@@ -287,7 +288,7 @@ watch(
 );
 
 const confirm = async (val: boolean) => {
-  let type = isEdit.value ? '修改' : val ? '创建' : '保存草稿';
+  let type = isEdit.value ? t('meeting.modifyActivity') : val ? t('meeting.create') : t('meeting.saveDraft');
   try {
     const valid = await formRef.value?.validate();
     if (valid.some((v) => !!v)) {
@@ -303,9 +304,8 @@ const confirm = async (val: boolean) => {
     } else {
       await props.creatActivity?.(form.value);
     }
-    const msg = `“${ form.value.title }”活动${ type }成功`;
     message.success({
-      content: msg,
+      content: t('meeting.activityActionSuccess', [form.value.title, type.toLowerCase]),
     });
     close();
     emits('confirm');
@@ -313,9 +313,8 @@ const confirm = async (val: boolean) => {
     loading.value = false;
     form.value.start_date = `${ form.value.start_date } ${ form.value.start }`;
     form.value.end_date = `${ form.value.end_date } ${ form.value.end }`;
-    const msg = `“${ form.value.title }”活动${ type }失败`;
     message.danger({
-      content: msg,
+      content: t('meeting.activityActionFail', [form.value.title, type.toLowerCase]),
     });
   } finally {
     loading.value = false;
@@ -342,35 +341,35 @@ defineExpose({
       :layout="lePadV ? 'v' : 'h'"
       class="form-wrapper"
     >
-      <OFormItem :rules="rules.title" label="活动名称" field="title">
-        <OInput size="large" placeholder="请输入活动名称" v-model="form.title" />
+      <OFormItem :rules="rules.title" :label="t('meeting.activityName')" field="title">
+        <OInput size="large" :placeholder="t('meeting.enterActivityName')" v-model="form.title" />
       </OFormItem>
-      <OFormItem :rules="rules.organizer" label="活动主办方" field="organizer">
-        <OSelect placeholder="请选择活动主办方" size="large" v-model="form.organizer">
+      <OFormItem :rules="rules.organizer" :label="t('meeting.activityOrganizer')" field="organizer">
+        <OSelect :placeholder="t('meeting.selectActivityOrganizer')" size="large" v-model="form.organizer">
           <OOption v-for="t in organizers" :key="t.name" :value="t.name">{{ t.name }}</OOption>
         </OSelect>
       </OFormItem>
-      <OFormItem :rules="rules.activity_type" label="活动类型" field="activity_type">
-        <OSelect placeholder="请选择活动类型" size="large" v-model="typeValue" @change="changeType">
+      <OFormItem :rules="rules.activity_type" :label="t('meeting.activityType')" field="activity_type">
+        <OSelect :placeholder="t('meeting.selectActivityType')" size="large" v-model="typeValue" @change="changeType">
           <OOption v-for="t in typeOptions" :key="t.value" :value="t.label">{{ t.label }}</OOption>
         </OSelect>
       </OFormItem>
       <OFormItem
         v-if="form.activity_type === 1 || form.activity_type === 3"
         :rules="rules.address"
-        label="活动地点"
+        :label="t('meeting.activityAddress')"
         field="address"
       >
-        <OInput size="large" placeholder="请输入活动地点" v-model="form.address" />
+        <OInput size="large" :placeholder="t('meeting.enterActivityAddress')" v-model="form.address" />
       </OFormItem>
-      <OFormItem :rules="rules.start_date" label="活动时间" field="start_date" required>
+      <OFormItem :rules="rules.start_date" :label="t('meeting.activityTime')" field="start_date" required>
         <div class="time-config">
-          <OFormItem label="起始日期" field="start_date">
+          <OFormItem :label="t('meeting.startDate')" field="start_date">
             <ElDatePicker
               size="large"
               v-model="form.start_date"
               type="datetime"
-              placeholder="请选择日期"
+              :placeholder="t('meeting.selectDate')"
               format="YYYY/MM/DD HH:mm"
               value-format="YYYY-MM-DD HH:mm"
               :disabled-date="disabledDate"
@@ -378,12 +377,12 @@ defineExpose({
               class="date-activity"
             />
           </OFormItem>
-          <OFormItem label="结束日期" field="end_date">
+          <OFormItem :label="t('meeting.endDate')" field="end_date">
             <ElDatePicker
               size="large"
               v-model="form.end_date"
               type="datetime"
-              placeholder="请选择日期"
+              :placeholder="t('meeting.selectDate')"
               format="YYYY/MM/DD HH:mm"
               value-format="YYYY-MM-DD HH:mm"
               :disabled-date="disabledDate"
@@ -393,28 +392,28 @@ defineExpose({
           </OFormItem>
         </div>
       </OFormItem>
-      <OFormItem :rules="rules.register_end_date" label="报名截止时间" field="register_end_date">
+      <OFormItem :rules="rules.register_end_date" :label="t('meeting.registrationDeadline')" field="register_end_date">
         <ElDatePicker
           size="large"
           v-model="form.register_end_date"
           type="datetime"
-          placeholder="请选择报名截止时间"
+          :placeholder="t('meeting.selectActivityDeadline')"
           format="YYYY/MM/DD HH:mm"
           value-format="YYYY-MM-DD HH:mm"
           :clearable="false"
           class="date-activity"
         />
       </OFormItem>
-      <OFormItem :rules="rules.register_url" label="报名网址" field="register_url">
-        <OInput size="large" placeholder="请输入活动报名网址" v-model="form.register_url" />
+      <OFormItem :rules="rules.register_url" :label="t('meeting.registrationUrl')" field="register_url">
+        <OInput size="large" :placeholder="t('meeting.enterActivityRegistrationUrl')" v-model="form.register_url" />
       </OFormItem>
-      <OFormItem :rules="rules.content_url" label="活动详情网址" field="content_url">
-        <OInput size="large" placeholder="请输入活动详情介绍网址" v-model="form.content_url" />
+      <OFormItem :rules="rules.content_url" :label="t('meeting.activityDetailUrl')" field="content_url">
+        <OInput size="large" :placeholder="t('meeting.enterActivityDetailUrl')" v-model="form.content_url" />
       </OFormItem>
-      <OFormItem :rules="rules.synopsis" label="活动内容" field="synopsis">
-        <OTextarea size="large" placeholder="请输入活动内容" v-model="form.synopsis" />
+      <OFormItem :rules="rules.synopsis" :label="t('meeting.activityContent')" field="synopsis">
+        <OTextarea size="large" :placeholder="t('meeting.enterActivityContent')" v-model="form.synopsis" />
       </OFormItem>
-      <OFormItem field="email_list" :rules="rules.email_list" label="邮件地址">
+      <OFormItem field="email_list" :rules="rules.email_list" :label="t('meeting.email')">
         <OTextarea
           :disabled="isEdit"
           size="large"
@@ -422,15 +421,15 @@ defineExpose({
           :rows="4"
           v-model="form.email_list" />
       </OFormItem>
-      <OFormItem :rules="rules.approver" label="活动审批人" field="approver">
-        <OSelect placeholder="请选择活动审批人" size="large" v-model="form.approver">
+      <OFormItem :rules="rules.approver" :label="t('meeting.activityApprover')" field="approver">
+        <OSelect :placeholder="t('meeting.selectActivityApprover')" size="large" v-model="form.approver">
           <OOption v-for="t in approverList" :key="t" :value="t">{{ t }}</OOption>
         </OSelect>
       </OFormItem>
     </OForm>
     <div class="form-btns">
       <OButton color="primary" variant="solid" size="large" round="pill" @click="confirm(true)" :loading="loading">
-        {{ isEdit ? '保存' : '创建' }}
+        {{ isEdit ? t('common.save') : t('meeting.create') }}
       </OButton>
       <OButton
         v-if="!isEdit"
@@ -441,9 +440,10 @@ defineExpose({
         @click="confirm(false)"
         :loading="loading"
       >
-        保存草稿
+        {{ t('meeting.saveDraft') }}
+      </OButton>
+      <OButton color="primary" variant="outline" size="large" round="pill" @click="close">{{ t('meeting.cancelBtn') }}
       </OButton>
-      <OButton color="primary" variant="outline" size="large" round="pill" @click="close">取消</OButton>
     </div>
   </div>
 </template>