From 1a6fad8bd5cd98eae53312f0beeb066aeee6bb77 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 3 Sep 2025 16:42:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=8D=A2radio=EF=BC=8Cradiogr?=
 =?UTF-8?q?oup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/modal.scss              | 10 ++--
 src/views/components/dataEngine/hotCloud.vue  |  2 +-
 .../components/dataEngine/hotTranslation.vue  |  4 +-
 src/views/components/dataEngine/keyWord.vue   |  2 +-
 src/views/components/dataEngine/topHeader.vue |  2 +-
 .../components/dataEngine/userPainPoints.vue  |  8 +--
 .../upload-manuscript-modal/index.vue         |  8 +--
 src/views/property-marketing/component.scss   |  8 +--
 .../components/add-account-modal/index.vue    | 56 +++++++++----------
 .../components/add-account-modal/style.scss   |  2 +-
 .../components/batch-tag-modal/index.vue      | 12 ++--
 .../components/batch-tag-modal/style.scss     |  2 +-
 .../components/group-manage-modal/style.scss  |  6 +-
 .../components/import-prompt-modal/style.scss |  2 +-
 .../components/sync-data-modal/style.scss     |  2 +-
 .../components/group-manage-modal/style.scss  |  6 +-
 .../components/add-account-modal/index.vue    | 18 +++---
 .../authorized-account-modal/index.vue        | 14 -----
 .../components/import-prompt-modal/style.scss |  2 +-
 .../select-sub-account-modal/style.scss       |  6 +-
 20 files changed, 76 insertions(+), 96 deletions(-)

diff --git a/src/styles/components/modal.scss b/src/styles/components/modal.scss
index c088215..1e63dc4 100644
--- a/src/styles/components/modal.scss
+++ b/src/styles/components/modal.scss
@@ -1,9 +1,9 @@
-.arco-modal {
-  .arco-modal-header {
+.ant-modal {
+  .ant-modal-header {
     border-bottom: 1px solid var(--Border-1, #d7d7d9);
     height: 56px;
     padding: 0 20px;
-    .arco-modal-title {
+    .ant-modal-title {
       font-family: $font-family-medium;
       color: #211f24;
       font-size: 16px;
@@ -13,11 +13,11 @@
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 24px 20px;
   }
 
-  .arco-modal-footer {
+  .ant-modal-footer {
     display: flex;
     height: 64px;
     padding: 0px 20px;
diff --git a/src/views/components/dataEngine/hotCloud.vue b/src/views/components/dataEngine/hotCloud.vue
index 5b9a08c..340c345 100644
--- a/src/views/components/dataEngine/hotCloud.vue
+++ b/src/views/components/dataEngine/hotCloud.vue
@@ -170,7 +170,7 @@ const processTagData = (apiData) => {
   color: #6d4cfe !important;
   border-color: #6d4cfe !important;
 }
-:deep(.arco-modal-body) {
+:deep(.ant-modal-body) {
   padding: 0px;
 }
 
diff --git a/src/views/components/dataEngine/hotTranslation.vue b/src/views/components/dataEngine/hotTranslation.vue
index 337e043..1e481a2 100644
--- a/src/views/components/dataEngine/hotTranslation.vue
+++ b/src/views/components/dataEngine/hotTranslation.vue
@@ -325,7 +325,7 @@ const handleOk = () => {
   color: #6d4cfe !important;
   border-color: #6d4cfe !important;
 }
-:deep(.arco-modal-body) {
+:deep(.ant-modal-body) {
   padding: 0px;
 }
 
@@ -379,7 +379,7 @@ const handleOk = () => {
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 12px 20px 0;
     .cts {
       color: var(--Text-2, #3c4043);
diff --git a/src/views/components/dataEngine/keyWord.vue b/src/views/components/dataEngine/keyWord.vue
index e183c00..a80e6b3 100644
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/src/views/components/dataEngine/keyWord.vue
@@ -692,7 +692,7 @@ onMounted(() => {
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 12px 20px 0;
     .cts {
       color: var(--Text-2, #3c4043);
diff --git a/src/views/components/dataEngine/topHeader.vue b/src/views/components/dataEngine/topHeader.vue
index d422e2f..bd888f7 100644
--- a/src/views/components/dataEngine/topHeader.vue
+++ b/src/views/components/dataEngine/topHeader.vue
@@ -185,7 +185,7 @@ const handleReset = () => {
   color: #6d4cfe !important;
   border-color: #6d4cfe !important;
 }
-:deep(.arco-modal-body) {
+:deep(.ant-modal-body) {
   padding: 0px;
 }
 .reset-btn {
diff --git a/src/views/components/dataEngine/userPainPoints.vue b/src/views/components/dataEngine/userPainPoints.vue
index f87ccd8..87984cf 100644
--- a/src/views/components/dataEngine/userPainPoints.vue
+++ b/src/views/components/dataEngine/userPainPoints.vue
@@ -288,16 +288,16 @@ const search = () => {
 </style>
 <style lang="scss">
 .user-pain-points-modal {
-  .arco-modal-header {
+  .ant-modal-header {
     border-bottom: none;
     height: 56px;
     padding: 0 20px;
-    .arco-modal-title {
+    .ant-modal-title {
       justify-content: flex-start;
     }
   }
 
-  .arco-modal-body {
+  .ant-modal-body {
     padding: 12px 20px 0;
     .cts {
       color: var(--Text-2, #3c4043);
@@ -313,7 +313,7 @@ const search = () => {
     }
   }
 
-  .arco-modal-footer {
+  .ant-modal-footer {
     display: flex;
     height: 64px;
     padding: 0px 20px;
diff --git a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
index 7ed3cc5..9fadcc1 100644
--- a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
+++ b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
@@ -1,6 +1,6 @@
 <script lang="jsx">
-import { Modal, Button, Form, FormItem } from 'ant-design-vue';
-import { Input, RadioGroup, Radio, Upload, Message as AMessage, Textarea } from '@arco-design/web-vue';
+import { Modal, Button, Form, FormItem, RadioGroup, Radio } from 'ant-design-vue';
+import { Input, Upload, Message as AMessage, Textarea } from '@arco-design/web-vue';
 import { useClipboard } from '@vueuse/core';
 import { getWriterLinksGenerate, getTemplateUrl, postWorksByLink, postWorksByFile } from '@/api/all/generationWorkshop';
 import { generateFullUrl } from '@/utils/tools';
@@ -366,7 +366,7 @@ export default {
         destroyOnClose
         centered
         onCancel={onClose}
-        footer={(isDefault.value && isLocal.value) ? null : renderFooterButtons()}
+        footer={isDefault.value && isLocal.value ? null : renderFooterButtons()}
       >
         <Form
           ref={formRef}
@@ -379,7 +379,7 @@ export default {
         >
           {isDefault.value && (
             <FormItem label="上传方式">
-              <RadioGroup v-model={uploadType.value} onChange={onUploadTypeChange}>
+              <RadioGroup v-model:value={uploadType.value} onChange={onUploadTypeChange}>
                 <Radio value={UPLOAD_TYPE.LINK}>链接上传</Radio>
                 <Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
                 <Radio value={UPLOAD_TYPE.HANDWRITE}>写手上传</Radio>
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index 982258f..f506121 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -1,11 +1,11 @@
-.arco-modal {
-  .arco-modal-body {
-    .arco-form-item {
+.ant-modal {
+  .ant-modal-body {
+    .ant-form-item {
       margin-bottom: 16px;
       &:last-child {
         margin-bottom: 0;
       }
-      .arco-form-item-label {
+      .ant-form-item-label {
         color: var(--Text-1, #211f24);
         font-family: $font-family-regular;
         font-size: 14px;
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 230eed4..d725dc3 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -4,19 +4,8 @@
 -->
 <script lang="jsx">
 import { ref, computed } from 'vue';
-import { Button, Modal } from 'ant-design-vue';
-import {
-  Form,
-  FormItem,
-  Input,
-  RadioGroup,
-  Radio,
-  Upload,
-  Switch,
-  Tooltip,
-  Message as AMessage,
-  Textarea,
-} from '@arco-design/web-vue';
+import { Button, Modal, Form, FormItem, RadioGroup, Radio } from 'ant-design-vue';
+import { Input, Upload, Switch, Tooltip, Message as AMessage, Textarea } from '@arco-design/web-vue';
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@@ -242,14 +231,12 @@ export default {
         handleBatchImport();
         return;
       }
-      formRef.value.validate(async (errors) => {
-        if (!errors) {
-          if (isCustomCookie.value && !form.value.cookie) {
-            AMessage.warning('请填写Cookie值');
-            return;
-          }
-          isEdit.value ? handleEditAccount() : handleAddAccount();
+      formRef.value.validate().then(async () => {
+        if (isCustomCookie.value && !form.value.cookie) {
+          AMessage.warning('请填写Cookie值');
+          return;
         }
+        isEdit.value ? handleEditAccount() : handleAddAccount();
       });
     }
     const startAuthorized = (id, platform) => {
@@ -285,10 +272,17 @@ export default {
         onCancel={onClose}
         footer={null}
       >
-        <Form ref={formRef} model={form.value} rules={rules} layout="horizontal" auto-label-width>
+        <Form
+          ref={formRef}
+          model={form.value}
+          rules={rules}
+          layout="horizontal"
+          labelCol={{ span: 5 }}
+          wrapperCol={{ span: 19 }}
+        >
           {!isEdit.value && (
             <FormItem label="上传方式" required>
-              <RadioGroup v-model={uploadType.value}>
+              <RadioGroup v-model:value={uploadType.value}>
                 <Radio value="manual">手动添加账号</Radio>
                 <Radio value="batch">批量导入账号</Radio>
               </RadioGroup>
@@ -345,34 +339,34 @@ export default {
             <>
               {isEdit.value && (
                 <>
-                  <FormItem label="账号名称" field="name">
+                  <FormItem label="账号名称" name="name">
                     <Input v-model={form.value.name} placeholder="请输入..." size="large" disabled />
                   </FormItem>
-                  <FormItem label="账号ID" field="account_id">
+                  <FormItem label="账号ID" name="account_id">
                     <Input v-model={form.value.account_id} placeholder="请输入..." size="large" disabled />
                   </FormItem>
-                  <FormItem label="状态" field="status">
+                  <FormItem label="状态" name="status">
                     <StatusBox item={form.value} />
                   </FormItem>
                 </>
               )}
-              <FormItem label="手机号码" field="mobile" required>
+              <FormItem label="手机号码" name="mobile" required>
                 <Input v-model={form.value.mobile} placeholder="请输入..." size="large" />
               </FormItem>
-              <FormItem label="运营人员" field="operator_name" required>
+              <FormItem label="运营人员" name="operator_name" required>
                 <Input v-model={form.value.operator_name} placeholder="请输入..." class="w-240px" size="large" />
               </FormItem>
               <FormItem label="运营平台" required={!isEdit.value}>
                 {isEdit.value ? (
                   <img src={form.value.platform === 0 ? icon3 : icon4} width="24" height="24" />
                 ) : (
-                  <RadioGroup v-model={form.value.platform}>
+                  <RadioGroup v-model:value={form.value.platform}>
                     <Radio value={1}>小红书</Radio>
                     <Radio value={0}>抖音</Radio>
                   </RadioGroup>
                 )}
               </FormItem>
-              <FormItem label="号码持有人" field="holder_name">
+              <FormItem label="号码持有人" name="holder_name">
                 <Input v-model={form.value.holder_name} placeholder="请输入..." class="w-240px" size="large" />
               </FormItem>
               <FormItem label="所属项目">
@@ -403,7 +397,7 @@ export default {
               </FormItem>
               <FormItem
                 label="笔记链接"
-                field="end_work_link"
+                name="end_work_link"
                 v-slots={{
                   label: () =>
                     renderLabel('笔记链接', '平台将从该笔记“之后”的内容开始同步，该笔记及更早的数据均不采集'),
@@ -425,7 +419,7 @@ export default {
                 <Switch v-model={isCustomCookie.value} size="large" />
               </FormItem>
               {isCustomCookie.value && (
-                <FormItem label="" field="cookie">
+                <FormItem label="" name="cookie">
                   <Textarea
                     v-model={form.value.cookie}
                     placeholder="请输入..."
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
index 7a8dfb3..adac901 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -4,7 +4,7 @@
   .w-240px {
     width: 240px !important;
   }
-  .arco-modal-body {
+  .ant-modal-body {
     .upload-block {
       width: 100%;
       .dt {
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
index d9b67a4..8564eb6 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -16,17 +16,17 @@
     </div>
     <Form ref="formRef" :model="form" layout="horizontal" auto-label-width>
       <FormItem label="编辑方式" required>
-        <a-radio-group v-model="editType">
-          <a-radio value="all">
+        <RadioGroup v-model:value="editType">
+          <Radio value="all">
             <div class="flex items-center">
               <span>统一编辑</span>
               <a-tooltip content="原标签将被清除，统一为新标签。">
                 <img :src="icon1" alt="icon" class="ml-2px" width="14" height="14" />
               </a-tooltip>
             </div>
-          </a-radio>
-          <a-radio value="each">分别编辑</a-radio>
-        </a-radio-group>
+          </Radio>
+          <Radio value="each">分别编辑</Radio>
+        </RadioGroup>
       </FormItem>
       <FormItem label="选择标签" required>
         <template v-if="editType === 'all'">
@@ -85,7 +85,7 @@
 
 <script setup>
 import { ref, reactive } from 'vue';
-import { Button, Modal, Form, FormItem } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, RadioGroup, Radio } from 'ant-design-vue';
 import { fetchAccountTags, batchPutTag } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/icon-question.png';
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
index ab567fc..533fc0b 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
@@ -2,7 +2,7 @@
 
 .batch-tag-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     // min-height: 200px;
     .t1 {
       color: var(--Text-3, #737478);
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
index f2e8984..7364c0a 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -2,9 +2,9 @@
 
 .account-manage-modal {
   border-radius: 8px;
-  .arco-modal-body {
-    .arco-btn {
-      .arco-btn-icon {
+  .ant-modal-body {
+    .ant-btn {
+      .ant-btn-icon {
         line-height: 16px;
       }
     }
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
index 85f9419..b81de5c 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@@ -1,7 +1,7 @@
 @import "@/views/property-marketing/component.scss";
 .import-prompt-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
       font-family: $font-family-regular;
diff --git a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
index 20c5586..5c52fa7 100644
--- a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
@@ -1,7 +1,7 @@
 @import "@/views/property-marketing/component.scss";
 .sync-data-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
       font-family: $font-family-regular;
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
index fd526b5..ca31ded 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
@@ -2,9 +2,9 @@
 
 .account-manage-modal {
   border-radius: 8px;
-  .arco-modal-body {
-    .arco-btn {
-      .arco-btn-icon {
+  .ant-modal-body {
+    .ant-btn {
+      .ant-btn-icon {
         line-height: 16px;
       }
     }
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index a782ac0..7a52f6f 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -23,10 +23,10 @@
       :wrapperCol="{ span: 19 }"
     >
       <FormItem v-if="!isEdit" label="上传方式" required>
-        <a-radio-group v-model="uploadType">
-          <a-radio value="manual">手动添加账户</a-radio>
-          <a-radio value="batch">批量导入账户</a-radio>
-        </a-radio-group>
+        <RadioGroup v-model:value="uploadType">
+          <Radio value="manual">手动添加账户</Radio>
+          <Radio value="batch">批量导入账户</Radio>
+        </RadioGroup>
       </FormItem>
 
       <!-- 批量导入账户模式下的内容 -->
@@ -111,14 +111,14 @@
             <img :src="PLATFORM_LIST[form.platform].icon" width="14" height="14" class="mr-4px" />
             <span>{{ PLATFORM_LIST[form.platform].label }}</span>
           </div>
-          <a-radio-group v-else v-model="form.platform">
-            <a-radio v-for="item in PLATFORM_LIST" :key="item.value" :value="item.value">
+          <RadioGroup v-else v-model:value="form.platform">
+            <Radio v-for="item in PLATFORM_LIST" :key="item.value" :value="item.value">
               <div class="flex items-center">
                 <img :src="item.icon" width="14" height="14" class="mr-4px" />
                 <span>{{ item.label }}</span>
               </div>
-            </a-radio>
-          </a-radio-group>
+            </Radio>
+          </RadioGroup>
         </FormItem>
         <FormItem label="所属项目" name="project_ids">
           <CommonSelect v-model="form.project_ids" :options="projects" placeholder="请选择…" size="large" />
@@ -155,7 +155,7 @@
 </template>
 
 <script setup>
-import { Modal, Form, FormItem, Button, Input } from 'ant-design-vue';
+import { Modal, Form, FormItem, Button, Input, RadioGroup, Radio } from 'ant-design-vue';
 import { ref, defineEmits } from 'vue';
 
 import AuthorizedAccountModal from '../authorized-account-modal';
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index eb54965..f4f334c 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -13,20 +13,6 @@
     centered
     @cancel="close"
   >
-    <!-- <div v-if="showSyncTip">
-      <div class="flex items-center mb-20px">
-        <img :src="icon1" width="16" height="16" class="mr-16px" />
-        <p class="s2">
-          检测到该账户最后更新日期为{{ exactFormatTime(lastSyncedAt, 'MM月DD日HH:mm', 'YYYY年MM月DD日 HH:mm') }}，已有{{
-            getDaysDiffText(lastSyncedAt)
-          }}未同步最新数据。
-        </p>
-      </div>
-      <a-radio-group v-model="syncType" class="ml-32px">
-        <a-radio value="sync" class="mb-16px">立即同步遗漏数据 - 获取完整的最新数据 （推荐）</a-radio>
-        <a-radio value="no_sync">仅授权不更新 - 继续使用当前不完全的数据</a-radio>
-      </a-radio-group>
-    </div> -->
     <div class="flex flex-col items-center">
       <template v-if="isLoading">
         <a-progress
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
index 618362a..c71e78f 100644
--- a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
@@ -1,7 +1,7 @@
 @import "@/views/property-marketing/component.scss";
 .import-prompt-modal {
   border-radius: 8px;
-  .arco-modal-body {
+  .ant-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
       font-family: $font-family-medium;
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
index d8c0813..f1d77b5 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
@@ -7,9 +7,9 @@
     font-weight: 400;
     line-height: 22px;
   }
-  .arco-modal-header {
+  .ant-modal-header {
   }
-  .arco-modal-body {
+  .ant-modal-body {
     height: 536px;
     overflow: hidden;
     display: flex;
@@ -33,7 +33,7 @@
     }
     
   }
-  .arco-modal-footer {
+  .ant-modal-footer {
     justify-content: space-between;
     .s1 {
       font-family: $font-family-regular;