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

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

@@ -1,12 +1,12 @@
 <template>
   <div class="account-dashboard-wrap">
     <div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
-      <a-tabs v-model:activeKey="accountType" @tab-click="handleTabClick">
-        <a-tab-pane key="1" title="账户"></a-tab-pane>
-        <a-tab-pane key="2" title="计划"></a-tab-pane>
-      </a-tabs>
+      <Tabs v-model:activeKey="accountType" @change="handleTabClick" size="large">
+        <TabPane key="1" tab="账户"></TabPane>
+        <TabPane key="2" tab="计划"></TabPane>
+      </Tabs>
 
-      <div class="container px-24px">
+      <div class="container pt-24px px-24px">
         <div class="filter-row flex mb-20px">
           <div class="filter-row-item flex items-center" v-if="accountType == 2">
             <span class="label">计划名称</span>
@@ -67,7 +67,7 @@
 <script setup lang="ts">
 import EchartsItem from './components/echarts-item/index';
 import { PLATFORM_LIST } from '@/utils/platform';
-import { Button, Select } from 'ant-design-vue';
+import { Button, Select, Tabs } from 'ant-design-vue';
 import {
   getPlacementAccountsTrend,
   getPlacementAccountProjectsTrend,
@@ -77,8 +77,9 @@ import CommonSelect from '@/components/common-select';
 import AccountSelect from '@/views/components/common/AccountSelect.vue';
 import PlanSelect from '@/views/components/common/PlanSelect.vue';
 
+const { TabPane } = Tabs;
 const { Option } = Select;
-const accountType = ref(1);
+const accountType = ref("1");
 
 const onLoading = ref(true);
 

src/views/property-marketing/put-account/account-dashboard/style.scss

@@ -19,13 +19,6 @@
     border-radius: 8px;
     // border: 1px solid #e6e6e8;
 
-    :deep(.arco-tabs) {
-      .arco-tabs-tab {
-        height: 56px;
-        padding: 0 8px;
-      }
-    }
-
     .top {
       .title {
         font-family: $font-family-medium;

src/views/property-marketing/put-account/account-data/components/board-table/index.vue

@@ -68,9 +68,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" placement="top">
               <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
+            </Tooltip>
           </div>
         </template>
 

src/views/property-marketing/put-account/account-data/components/filter-block/index.vue

@@ -4,9 +4,9 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <div class="container px-24px">
-    <div class="filter-row flex mb-20px">
-      <div class="filter-row-item flex items-center">
+  <div class="common-filter-wrap">
+    <div class="filter-row flex">
+      <div class="filter-row-item">
         <span class="label">{{ isAccountTab ? '账户名称' : '计划名称' }}</span>
         <Input
           v-model:value="query.name"
@@ -21,15 +21,15 @@
           </template>
         </Input>
       </div>
-      <div v-if="!isAccountTab" class="filter-row-item flex items-center">
+      <div v-if="!isAccountTab" class="filter-row-item">
         <span class="label">计划分组</span>
         <CommonSelect class="w-200px" v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">状态</span>
         <StatusSelect class="w-180px" v-model="query.status" @change="handleSearch" />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">运营人员</span>
         <CommonSelect
           class="w-160px"
@@ -41,7 +41,7 @@
       </div>
     </div>
     <div class="filter-row flex">
-      <div v-if="!isAccountTab" class="filter-row-item flex items-center">
+      <div v-if="!isAccountTab" class="filter-row-item">
         <span class="label">关联账户</span>
         <CommonSelect
           class="w-240px"
@@ -50,7 +50,7 @@
           @change="handleSearch"
         />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">时间筛选</span>
         <a-range-picker
           v-model="query.data_time"
@@ -61,18 +61,20 @@
           @change="handleSearch"
         />
       </div>
-      <Button type="primary" ghost class="mr-12px" @click="handleSearch">
-        <template #icon>
-          <icon-search class="mr-8px" />
-        </template>
-        <template #default>搜索</template>
-      </Button>
-      <Button @click="handleReset">
-        <template #icon>
-          <icon-refresh class="mr-8px" />
-        </template>
-        <template #default>重置</template>
-      </Button>
+      <div class="filter-row-item">
+        <Button type="primary" ghost class="mr-12px" @click="handleSearch">
+          <template #icon>
+            <icon-search class="mr-8px" />
+          </template>
+          <template #default>搜索</template>
+        </Button>
+        <Button @click="handleReset">
+          <template #icon>
+            <icon-refresh class="mr-8px" />
+          </template>
+          <template #default>重置</template>
+        </Button>
+      </div>
     </div>
   </div>
 </template>

src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue

@@ -11,7 +11,7 @@
     centered
     @cancel="onClose"
   >
-    <Form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+    <Form ref="formRef" :model="form" :rules="rules" layout="horizontal">
       <FormItem :label="isEdit ? '分组名称' : '新分组名称'" name="name" required>
         <Input v-model:value="form.name" placeholder="请输入…" />
       </FormItem>

src/views/property-marketing/put-account/account-data/components/plan-table/index.vue

@@ -68,9 +68,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" placement="top">
               <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-            </a-tooltip>
+            </Tooltip>
           </div>
         </template>
 

src/views/property-marketing/put-account/account-data/index.vue

@@ -4,19 +4,21 @@
 -->
 <template>
   <div class="account-data-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
-      <a-tabs v-model="activeTab" @tab-click="handleTabClick">
-        <a-tab-pane key="1" title="账户"></a-tab-pane>
-        <a-tab-pane key="2" title="计划"></a-tab-pane>
-        <template v-if="!isAccountTab" #extra>
-          <Button type="primary" ghost class="mr-12px flex items-center" @click="handleOpenGroupModal">
-            <template #icon>
-              <img :src="icon2" width="16" height="16" class="mr-8px" />
-            </template>
-            <template #default>分组管理</template>
-          </Button>
-        </template>
-      </a-tabs>
+    <div class="filter-wrap bg-#fff rounded-8px mb-16px">
+      <Tabs v-model:activeKey="activeTab" @change="handleTabClick" size="large">
+        <TabPane key="1" tab="账户"></TabPane>
+        <TabPane key="2" tab="计划">
+          <template v-if="!isAccountTab" #tab>
+            计划
+            <Button type="primary" ghost class="mr-12px flex items-center" @click="handleOpenGroupModal">
+              <template #icon>
+                <img :src="icon2" width="16" height="16" class="mr-8px" />
+              </template>
+              <template #default>分组管理</template>
+            </Button>
+          </template>
+        </TabPane>
+      </Tabs>
       <FilterBlock
         ref="filterBlockRef"
         v-model:query="query"
@@ -54,7 +56,8 @@
 </template>
 
 <script setup>
-import { Button } from 'ant-design-vue';
+import { Button, Tabs } from 'ant-design-vue';
+const { TabPane } = Tabs;
 import FilterBlock from './components/filter-block';
 import BoardTable from './components/board-table';
 import PlanTable from './components/plan-table';

src/views/property-marketing/put-account/account-data/style.scss

@@ -4,12 +4,6 @@
   .filter-wrap {
     border-radius: 8px;
     // border: 1px solid #e6e6e8;
-    :deep(.arco-tabs) {
-      .arco-tabs-tab {
-        height: 56px;
-        padding: 0 8px;
-      }
-    }
     :deep(.arco-btn) {
       .arco-btn-icon {
         line-height: 14px;

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

@@ -45,10 +45,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)
@@ -58,7 +58,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>
@@ -101,7 +101,7 @@
 </template>
 
 <script setup>
-import { Checkbox, Button } from 'ant-design-vue';
+import { Checkbox, Button, Tooltip } from 'ant-design-vue';
 import { defineProps, ref, computed } from 'vue';
 import { PLATFORM_LIST } from '@/utils/platform';
 import { EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';

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

@@ -19,8 +19,8 @@
       :rules="formRules"
       layout="horizontal"
       labelAlign="right"
-      :labelCol="{ span: 5 }"
-      :wrapperCol="{ span: 19 }"
+      :labelCol="{ span: 6 }"
+      :wrapperCol="{ span: 18 }"
     >
       <FormItem v-if="!isEdit" label="上传方式" required>
         <RadioGroup v-model:value="uploadType">
@@ -87,7 +87,7 @@
       <template v-else>
         <template v-if="isEdit">
           <FormItem label="账户名称" name="name">
-            <Input v-model:value="form.name" placeholder="请输入..." disabled />
+            <Input v-model:value="form.name" placeholder="请输入..." disabled size="large" />
           </FormItem>
           <FormItem label="账户ID" name="account_id">
             <Input v-model:value="form.account_id" placeholder="请输入..." size="large" disabled />
@@ -131,12 +131,12 @@
             <Input v-model:value="form.balance_amount" placeholder="请输入..." size="large" disabled />
           </FormItem>
         </template>
-        <FormItem label="同步项目数据" name="is_sync_project">
+        <FormItem name="is_sync_project">
           <template #label>
             <span class="label">同步项目数据</span>
-            <a-tooltip content="同步项目数据后，账户数据将同步到项目中">
+            <Tooltip title="同步项目数据后，账户数据将同步到项目中">
               <icon-question-circle size="14" class="ml-4px color-#737478" />
-            </a-tooltip>
+            </Tooltip>
           </template>
           <a-switch v-model="form.is_sync_project" size="medium" :checked-value="1" :unchecked-value="0" />
         </FormItem>
@@ -155,7 +155,7 @@
 </template>
 
 <script setup>
-import { Modal, Form, FormItem, Button, Input, RadioGroup, Radio } from 'ant-design-vue';
+import { Modal, Form, FormItem, Button, Input, RadioGroup, Radio, Tooltip } from 'ant-design-vue';
 import { ref, defineEmits } from 'vue';
 
 import AuthorizedAccountModal from '../authorized-account-modal';

src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue

@@ -31,7 +31,16 @@
           <p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
           <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
         </template>
-        <Form v-else ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+        <Form
+          v-else
+          class="w-full"
+          ref="formRef"
+          :model="form"
+          :rules="rules"
+          layout="horizontal"
+          :labelCol="{ span: 3 }"
+          :wrapperCol="{ span: 21 }"
+        >
           <FormItem label="账户" name="account">
             <Input v-model:value="form.account" placeholder="请输入..." size="large" />
           </FormItem>

src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue

@@ -75,9 +75,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>
 
@@ -115,7 +115,7 @@
 </template>
 
 <script setup>
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input, Tooltip } from 'ant-design-vue';
 import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
 import { formatTableField } from '@/utils/tools';
 import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing';
@@ -210,4 +210,3 @@ defineExpose({ open });
 <style lang="scss">
 @import './style.scss';
 </style>
-

src/views/property-marketing/put-account/account-manage/components/status-box/index.vue

@@ -3,16 +3,17 @@
  * @Date: 2025-06-25 15:31:15
 -->
 <template>
-  <div class="status-box" :class="`status-box-${status}`">
+  <div class="status-box w-fit" :class="`status-box-${status}`">
     <span class="text">{{ statusText }}</span>
-    <a-tooltip v-if="showTooltip" :content="tooltipText">
+    <Tooltip v-if="showTooltip" :title="tooltipText">
       <img v-if="showIcon" :src="iconSrc" width="12" height="12" class="ml-4px" />
-    </a-tooltip>
+    </Tooltip>
   </div>
 </template>
 
 <script setup>
 import { computed } from 'vue';
+import { Tooltip } from 'ant-design-vue';
 import { STATUS_LIST, EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';

src/views/property-marketing/put-account/investment-guidelines/index.vue

@@ -2,17 +2,16 @@
   <div class="guidelines-data-wrap">
     <div class="part-div">
       <div>
-        <a-tabs
+        <Tabs
           v-model:activeKey="tabData"
-          @tab-click="onSearch"
+          @change="onSearch"
           class="a-tab-class ignore-export"
-          default-active-key="placement_guide"
+          defaultActiveKey="placement_guide"
+          size="large"
         >
-          <a-tab-pane key="placement_guide" title="投放指南"></a-tab-pane>
-          <a-tab-pane key="guide_history">
-            <template #title>历史指南列表</template>
-          </a-tab-pane>
-        </a-tabs>
+          <TabPane key="placement_guide" tab="投放指南"></TabPane>
+          <TabPane key="guide_history" tab="历史指南列表"></TabPane>
+        </Tabs>
       </div>
       <!--表单组件搜索-->
       <listSearchForm
@@ -74,7 +73,8 @@
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Tabs } from 'ant-design-vue';
+const { TabPane } = Tabs;
 import PlacementGuideList from './components/table-data/placementGuideList.vue';
 import listSearchForm from './components/table-data/listSearchForm.vue';
 import GuideListHistory from './components/table-data/guideListHistory.vue';