feat: 删除无用组件，组件库替换

src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx

@@ -3,7 +3,8 @@ import {
   EnumErrorStatus,
   getStatusInfo,
 } from '@/views/property-marketing/media-account/components/status-select/status-box';
-import { Dropdown, Doption, Button, Tooltip } from '@arco-design/web-vue';
+import { Dropdown, Doption } from '@arco-design/web-vue';
+import { Tooltip, Button } from 'ant-design-vue';
 export default defineComponent({
   name: 'FooterBtn',
   props: {
@@ -42,7 +43,7 @@ export default defineComponent({
     };
     const renderUpdateBtn = () => {
       return (
-        <Button type="outline" size="mini" onClick={() => emit('syncData', props.item)}>
+        <Button type="primary" ghost size="small" onClick={() => emit('syncData', props.item)}>
           更新数据
         </Button>
       );
@@ -61,7 +62,7 @@ export default defineComponent({
             trigger="hover"
             v-slots={{
               default: () => (
-                <Button type="outline" class="mr-8px" size="mini">
+                <Button type="primary" ghost class="mr-8px" size="small">
                   更多
                 </Button>
               ),
@@ -86,7 +87,7 @@ export default defineComponent({
             trigger="hover"
             v-slots={{
               default: () => (
-                <Button type="outline" class="mr-8px" size="mini">
+                <Button type="primary" ghost class="mr-8px" size="small">
                   更多
                 </Button>
               ),
@@ -98,7 +99,7 @@ export default defineComponent({
               ),
             }}
           ></Dropdown>
-          <Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
+          <Button type="primary" ghost size="small" onClick={() => emit('handleReauthorize', props.item)}>
             开启同步
           </Button>
         </>
@@ -115,15 +116,15 @@ export default defineComponent({
           return renderUpdateBtn();
         } else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) {
           return (
-            <Tooltip content={statusInfo.value.disabledBtnTooltip}>
-              <Button type="outline" size="mini" disabled>
+            <Tooltip title={statusInfo.value.disabledBtnTooltip}>
+              <Button type="primary" ghost size="small" disabled>
                 重新授权
               </Button>
             </Tooltip>
           );
         } else {
           return (
-            <Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
+            <Button type="primary" ghost size="small" onClick={() => emit('handleReauthorize', props.item)}>
               {isUnauthorized ? '去授权' : '重新授权'}
             </Button>
           );
@@ -135,7 +136,7 @@ export default defineComponent({
             trigger="hover"
             v-slots={{
               default: () => (
-                <Button type="outline" class="mr-8px" size="mini">
+                <Button type="primary" ghost class="mr-8px" size="small">
                   更多
                 </Button>
               ),

src/views/property-marketing/media-account/account-manage/components/account-table/index.vue

@@ -19,9 +19,9 @@
       </template>
       <Checkbox :checked="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></Checkbox>
       <div class="ml-8px flex-1">
-        <a-tooltip content="点击查看账号详情">
+        <Tooltip title="点击查看账号详情">
           <p class="name cursor-pointer hover:!color-#6d4cfe" @click="goDetail(item)">{{ item.name || '-' }}</p>
-        </a-tooltip>
+        </Tooltip>
         <div class="field-row">
           <span class="label">状态</span>
           <StatusBox :item="item" />
@@ -50,10 +50,10 @@
           <span class="label">所属项目</span>
           <span v-if="!item.projects.length" class="cts">-</span>
           <div v-else class="flex items-center">
-            <a-tooltip
+            <Tooltip
               v-if="item.projects.length > 2"
-              position="bottom"
-              :content="
+              placement="bottom"
+              :title="
                 item.projects
                   .slice(2)
                   .map((v) => v.name)
@@ -63,7 +63,7 @@
               <div class="tag-box">
                 <span class="text">{{ `+${item.projects.length - 2}` }}</span>
               </div>
-            </a-tooltip>
+            </Tooltip>
 
             <div v-for="(project, index) in item.projects.slice(0, 2)" :key="index" class="tag-box">
               <span class="text">{{ project.name }}</span>
@@ -78,10 +78,10 @@
           <span class="label">标签</span>
           <span v-if="!item.tags.length" class="cts">-</span>
           <div v-else class="flex items-center">
-            <a-tooltip
+            <Tooltip
               v-if="item.tags.length > 2"
-              position="bottom"
-              :content="
+              placement="bottom"
+              :title="
                 item.tags
                   .slice(2)
                   .map((v) => v.name)
@@ -91,7 +91,7 @@
               <div class="tag-box">
                 <span class="text">{{ `+${item.tags.length - 2}` }}</span>
               </div>
-            </a-tooltip>
+            </Tooltip>
 
             <div v-for="(tag, index) in item.tags.slice(0, 2)" :key="index" class="tag-box">
               <span class="text">{{ tag.name }}</span>
@@ -130,7 +130,7 @@
 
 <script setup>
 import { defineProps, ref, computed, inject } from 'vue';
-import { Checkbox, Button } from 'ant-design-vue';
+import { Checkbox, Button, Tooltip } from 'ant-design-vue';
 import { useRouter } from 'vue-router';
 import { deleteSyncStatus } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';

src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue

@@ -5,7 +5,9 @@
 <script lang="jsx">
 import { ref, computed } from 'vue';
 import { Button, Modal, Form, FormItem, RadioGroup, Radio, Input } from 'ant-design-vue';
-import { Upload, Switch, Tooltip, Message as AMessage, Textarea } from '@arco-design/web-vue';
+const { TextArea } = Input;
+import { Upload, Switch, Message as AMessage } from '@arco-design/web-vue';
+import { Tooltip } from 'ant-design-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';
@@ -75,15 +77,14 @@ export default {
       mobile: [
         {
           required: true,
-          message: '请填写手机号',
-          trigger: ['blur', 'change'],
-        },
-        {
-          validator: (value, callback) => {
+          validator: (_rule, value) => {
+            if (!value) {
+              return Promise.reject('请填写手机号');
+            }
             if (!/^1[3-9]\d{9}$/.test(value)) {
-              callback('手机号格式不正确');
+              return Promise.reject('手机号格式不正确');
             } else {
-              callback();
+              return Promise.resolve();
             }
           },
           trigger: ['blur', 'change'],
@@ -403,11 +404,11 @@ export default {
                     renderLabel('笔记链接', '平台将从该笔记“之后”的内容开始同步，该笔记及更早的数据均不采集'),
                 }}
               >
-                <Textarea
-                  v-model={form.value.end_work_link}
+                <TextArea
+                  v-model:value={form.value.end_work_link}
                   placeholder="请输入..."
                   size="large"
-                  auto-size={{ minRows: 3, maxRows: 5 }}
+                  autoSize={{ minRows: 3, maxRows: 5 }}
                 />
               </FormItem>
               <FormItem
@@ -419,12 +420,12 @@ export default {
                 <Switch v-model={isCustomCookie.value} size="large" />
               </FormItem>
               {isCustomCookie.value && (
-                <FormItem label="" name="cookie">
-                  <Textarea
-                    v-model={form.value.cookie}
+                <FormItem label=" " name="cookie">
+                  <TextArea
+                    v-model:value={form.value.cookie}
                     placeholder="请输入..."
                     size="large"
-                    auto-size={{ minRows: 5, maxRows: 8 }}
+                    autoSize={{ minRows: 5, maxRows: 8 }}
                   />
                 </FormItem>
               )}

src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue

@@ -20,9 +20,9 @@
           <Radio value="all">
             <div class="flex items-center">
               <span>统一编辑</span>
-              <a-tooltip content="原标签将被清除，统一为新标签。">
+              <Tooltip title="原标签将被清除，统一为新标签。">
                 <img :src="icon1" alt="icon" class="ml-2px" width="14" height="14" />
-              </a-tooltip>
+              </Tooltip>
             </div>
           </Radio>
           <Radio value="each">分别编辑</Radio>
@@ -83,7 +83,7 @@
 
 <script setup>
 import { ref, reactive } from 'vue';
-import { Button, Modal, Form, FormItem, RadioGroup, Radio, Select } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem,Tooltip, RadioGroup, Radio, Select } 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/tags-manage-modal/index.vue

@@ -39,12 +39,12 @@
 
     <div class="h-300px">
       <div v-if="showDataSource.length" class="tag-list">
-        <a-tooltip v-for="tag in showDataSource" :key="tag.id" content="双击修改标签名">
+        <Tooltip v-for="tag in showDataSource" :key="tag.id" title="双击修改标签名">
           <div class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
             <span>{{ tag.name }}</span>
             <img :src="iconDelete" class="delete-icon" @click="openDelete(tag)" />
           </div>
-        </a-tooltip>
+        </Tooltip>
       </div>
       <template v-else>
         <NoData>
@@ -66,7 +66,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import { Button, Modal, Input } from 'ant-design-vue';
+import { Button, Modal, Input, Tooltip } from 'ant-design-vue';
 import { getTagsList } from '@/api/all/propertyMarketing';
 import AddTag from './add-tag.vue';
 import DeleteTag from './delete-tag.vue';