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

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

@@ -11,16 +11,17 @@
         :indeterminate="indeterminate"
         class="!pl-13px"
         @change="(e) => handleSelectAll(e.target.checked)"
-      >全选</Checkbox>
+        >全选</Checkbox
+      >
     </div>
     <div class="flex items-center">
       <Button type="outline" class="w-110px mr-12px" size="medium" @click="handleExport">
-        <template #icon> <icon-download class="mr-8px"/> </template>
+        <template #icon> <icon-download class="mr-8px" /> </template>
         <template #default>导出数据</template>
       </Button>
       <Button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
         <template #icon>
-          <img :src="icon1" width="14" height="14" class="mr-8px"/>
+          <img :src="icon1" width="14" height="14" class="mr-8px" />
         </template>
         <template #default>自定义列</template>
       </Button>
@@ -66,9 +67,9 @@
           <div class="flex items-center">
             <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
             <span class="cts mr-4px">{{ column.title }}</span>
-            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+            <Tooltip v-if="column.tooltip" :title="column.tooltip" position="top">
               <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
+            </Tooltip>
           </div>
         </template>
 
@@ -140,7 +141,6 @@
         <template v-else #cell="{ record }">
           {{ formatTableField(column, record, true) }}
         </template>
-
       </a-table-column>
       <a-table-column data-index="operation" fixed="right" width="100" title="操作">
         <template #cell="{ record }">
@@ -161,7 +161,7 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import { Checkbox, Button } from 'ant-design-vue';
+import { Checkbox, Button, Tooltip } from 'ant-design-vue';
 
 import { getCustomColumns } from '@/api/all/common';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@@ -209,7 +209,7 @@ const dateType = computed(() => (props.query.type === 7 ? 'week' : 'month'));
 const tableColumns = computed(() => {
   const _result = [];
   const _columns = getDefaultColumns(dateType.value);
-  console.log({_columns})
+  console.log({ _columns });
 
   selectedColumns.value.forEach((item) => {
     const _column = _columns.find((_item) => _item.prop === item);

src/views/property-marketing/media-account/account-dashboard/index.vue

@@ -9,9 +9,9 @@
       <div class="top flex h-64px py-10px justify-between items-center">
         <div class="flex items-center">
           <p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
-          <a-tooltip content="展示所筛选的账号的信息汇总">
+          <Tooltip title="展示所筛选的账号的信息汇总">
             <icon-question-circle size="16" class="color-#737478" />
-          </a-tooltip>
+          </Tooltip>
         </div>
       </div>
       <div class="overview-row flex">
@@ -19,15 +19,15 @@
           <div class="flex items-center mb-8px">
             <img :src="item.icon" width="20" height="20" class="mr-8px" />
             <p class="label color-#211F24">{{ item.label }}</p>
-            <a-tooltip v-if="item.tooltip" :content="item.tooltip">
+            <Tooltip v-if="item.tooltip" :title="item.tooltip">
               <img :src="icon1" width="14" height="14" class="ml-4px" />
-            </a-tooltip>
+            </Tooltip>
           </div>
           <span class="value color-#211F24 ml-32px">{{ formatNumberShow(overviewData[item.prop]) }}</span>
         </div>
       </div>
     </div>
-    <div class=" bg-#fff rounded-8px mb-16px">
+    <div class="bg-#fff rounded-8px mb-16px">
       <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
     <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
@@ -60,6 +60,7 @@
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
 
+import { Tooltip } from 'ant-design-vue';
 import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY, CARD_FIELDS } from './constants';

src/views/property-marketing/media-account/account-detail/components/account-info/index.vue

@@ -3,7 +3,7 @@
  * @Date: 2025-06-28 12:58:25
 -->
 <template>
-  <div class="account-info-wrap bg-#fff rounded-8px  px-24px mb-16px">
+  <div class="account-info-wrap bg-#fff rounded-8px px-24px mb-16px">
     <div class="title-row">
       <span class="cts !text-18px !lh-26px title">账号信息</span>
     </div>
@@ -47,9 +47,9 @@
           <template v-else>
             <div class="flex items-center mb-4px">
               <p class="cts !color-#737478 !mr-4px">{{ field.title }}</p>
-              <a-tooltip v-if="field.tooltip" :content="field.tooltip" position="top">
+              <Tooltip v-if="field.tooltip" :title="field.tooltip" position="top">
                 <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
+              </Tooltip>
             </div>
             <p class="cts">
               <template v-if="field.type === 'status'">
@@ -60,10 +60,10 @@
                   <div v-for="(tag, index) in detailData.tags.slice(0, 2)" :key="index" class="tag-box">
                     <span class="text">{{ tag.name }}</span>
                   </div>
-                  <a-tooltip
+                  <Tooltip
                     v-if="detailData.tags.length > 2"
                     position="top"
-                    :content="
+                    :title="
                       detailData.tags
                         .slice(2)
                         .map((v) => v.name)
@@ -73,7 +73,7 @@
                     <div class="tag-box">
                       <span class="text">{{ `+${detailData.tags.length - 2}` }}</span>
                     </div>
-                  </a-tooltip>
+                  </Tooltip>
                 </div>
                 <span class="cts" v-else>-</span>
               </template>
@@ -88,7 +88,12 @@
                 }}
               </template>
               <template v-else-if="field.dataIndex === 'platform'">
-                <img :src="getMediaAccountPlatformLogo(detailData.platform)" width="16" height="16" class="rounded-4px" />
+                <img
+                  :src="getMediaAccountPlatformLogo(detailData.platform)"
+                  width="16"
+                  height="16"
+                  class="rounded-4px"
+                />
               </template>
               <template v-else-if="field.dataIndex === 'last_synced_at'">
                 {{ exactFormatTime(detailData.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss') }}
@@ -132,6 +137,7 @@
 <script setup>
 import { useRoute } from 'vue-router';
 
+import { Tooltip } from 'ant-design-vue';
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
 import { getMediaAccountPlatformLogo } from '@/utils/platform';
 import { getAccountInfoFields } from '../../constants';

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

@@ -7,9 +7,9 @@
     <div class="title-row">
       <div class="flex items-center">
         <span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>
-        <a-tooltip content="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
+        <Tooltip title="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
           <icon-question-circle size="16" class="color-#737478" />
-        </a-tooltip>
+        </Tooltip>
       </div>
     </div>
     <div class="filter-row flex my-16px">
@@ -73,9 +73,9 @@
           <template #title>
             <div class="flex items-center">
               <span class="cts mr-4px">{{ column.title }}</span>
-              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
                 <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
+              </Tooltip>
             </div>
           </template>
 
@@ -110,7 +110,7 @@
 </template>
 
 <script setup>
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input, Tooltip } from 'ant-design-vue';
 import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { useRoute } from 'vue-router';
 import { formatTableField, exactFormatTime, formatNumberShow } from '@/utils/tools';

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

src/views/property-marketing/media-account/components/status-select/status-box.tsx

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import { Tooltip } from '@arco-design/web-vue';
+import { Tooltip } from 'ant-design-vue';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
@@ -111,7 +111,7 @@ export default defineComponent({
       const { background, color, label } = statusInfo.value;
       if (status === EnumStatus.NORMAL) {
         return (
-          <div class="flex items-center status-box">
+          <div class="flex items-center status-box w-fit">
             {to_be_expire_for_cookie === EnumExpireForCookie.EXPIRE && (
               <div class="flex items-center rounded-2px px-8px mr-8px" style={{ background, color }}>
                 <img src={icon1} width="12" height="12" class="mr-4px" />
@@ -129,12 +129,12 @@ export default defineComponent({
       }
 
       return (
-        <div class="flex items-center rounded-2px px-8px status-box" style={{ background, color }}>
+        <div class="flex items-center rounded-2px px-8px status-box w-fit" style={{ background, color }}>
           <span class="text-14px lh-22px font-400 label">{label}</span>
           {status === EnumStatus.PAUSE ? (
             <img src={iconWarn1} width="12" height="12" class="ml-4px" />
           ) : (
-            <Tooltip content={statusInfo.value.tooltip}>
+            <Tooltip title={statusInfo.value.tooltip}>
               <img src={iconWarn2} width="12" height="12" class="ml-4px" />
             </Tooltip>
           )}