feat: 更换radio，radiogroup

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="请输入..."

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 {

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';

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);

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;
       }
     }

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;

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;