feat: a-checkbox替换

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

@@ -5,26 +5,25 @@
 <template>
   <div class="action-row mb-12px flex justify-between">
     <div>
-      <a-checkbox
+      <Checkbox
         v-if="dataSource.length > 0"
-        :model-value="checkedAll"
+        :checked="checkedAll"
         :indeterminate="indeterminate"
         class="!pl-13px"
-        @change="handleSelectAll"
-        >全选</a-checkbox
-      >
+        @change="(e) => handleSelectAll(e.target.checked)"
+      >全选</Checkbox>
     </div>
     <div class="flex items-center">
-      <a-button type="outline" class="w-110px mr-12px" size="medium" @click="handleExport">
-        <template #icon> <icon-download /> </template>
+      <Button type="outline" class="w-110px mr-12px" size="medium" @click="handleExport">
+        <template #icon> <icon-download class="mr-8px"/> </template>
         <template #default>导出数据</template>
-      </a-button>
-      <a-button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
+      </Button>
+      <Button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
         <template #icon>
-          <img :src="icon1" width="14" height="14" />
+          <img :src="icon1" width="14" height="14" class="mr-8px"/>
         </template>
         <template #default>自定义列</template>
-      </a-button>
+      </Button>
     </div>
   </div>
 
@@ -115,7 +114,7 @@
           }}
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
+          <Button type="outline" size="small" @click="handleDetail(record)">详情</Button>
         </template>
 
         <template v-else-if="column.isRateField" #cell="{ record }">
@@ -145,7 +144,7 @@
       </a-table-column>
       <a-table-column data-index="operation" fixed="right" width="100" title="操作">
         <template #cell="{ record }">
-          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
+          <Button type="outline" size="small" @click="handleDetail(record)">详情</Button>
         </template>
       </a-table-column>
     </template>
@@ -162,6 +161,7 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
+import { Checkbox, Button } from 'ant-design-vue';
 
 import { getCustomColumns } from '@/api/all/common';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';

src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue

@@ -3,14 +3,14 @@
  * @Date: 2025-06-30 10:54:49
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
+  <Modal
+    v-model:open="visible"
     title="自定义列"
     width="960px"
     unmountOnClose
     titleAlign="start"
-    class="custom-table-column-modal-98"
-    @close="close"
+    wrapClassName="custom-table-column-modal-98"
+    @cancel="close"
   >
     <div class="modal-body">
       <!-- 左侧分组 -->
@@ -20,16 +20,16 @@
             <span class="text">{{ group.label }}</span>
           </div>
           <div class="fields">
-            <a-checkbox
+            <Checkbox
               v-for="option in group.columns"
               :key="option.value"
-              :model-value="isCheck(option)"
+              :checked="isCheck(option)"
               :value="option.value"
               :disabled="option.is_require === ENUM_STATUS.NO"
-              @change="(checked) => onCheckChange(checked, option)"
+              @change="(e) => onCheckChange(e.target.checked, option)"
             >
               {{ localFields.find((item) => item.prop === option.value)?.title }}
-            </a-checkbox>
+            </Checkbox>
           </div>
         </div>
       </div>
@@ -65,14 +65,15 @@
 
     <template #footer>
       <div style="text-align: right">
-        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
-        <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
+        <Button @click="close">取消</Button>
+        <Button type="primary" @click="onSubmit">确定</Button>
       </div>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
+import { Checkbox, Modal, Button } from 'ant-design-vue';
 import { ref, defineExpose } from 'vue';
 import { VueDraggable } from 'vue-draggable-plus';
 
@@ -169,6 +170,7 @@ const removeCheckedField = (value) => {
 
 // 勾选/取消
 const onCheckChange = (checked, option) => {
+  console.log(checked, option);
   if (checked) {
     checkColumns.value.push(option.value);
   } else {

src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss

@@ -1,5 +1,5 @@
 .custom-table-column-modal-98 {
-  .arco-modal-body {
+  .ant-modal-body {
     .modal-body {
       height: 504px;
       border-radius: 8px;

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

@@ -17,7 +17,7 @@
       <template #icon>
         <icon-sync size="24" />
       </template>
-      <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
+      <Checkbox :checked="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></Checkbox>
       <div class="ml-8px flex-1">
         <a-tooltip content="点击查看账号详情">
           <p class="name cursor-pointer hover:!color-#6d4cfe" @click="goDetail(item)">{{ item.name || '-' }}</p>
@@ -130,6 +130,7 @@
 
 <script setup>
 import { defineProps, ref, computed, inject } from 'vue';
+import { Checkbox } 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/index.vue

@@ -39,11 +39,11 @@
       <div class="flex items-center">
         <div class="flex items-center">
           <template v-if="selectedItems.length > 0">
-            <a-checkbox
-              :model-value="checkedAll"
+            <Checkbox
+              :checked="checkedAll"
               :indeterminate="indeterminate"
               class="mr-8px"
-              @change="handleChangeAll"
+              @change="(e) => handleChangeAll(e.target.checked)"
             />
             <span class="label mr-24px">
               已选
@@ -120,6 +120,7 @@
 <script setup>
 import { ref, provide } from 'vue';
 import { Notification } from '@arco-design/web-vue';
+import {Checkbox, Button} from 'ant-design-vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';

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

@@ -5,13 +5,13 @@
 <template>
   <div class="action-row mb-12px flex justify-between">
     <div>
-      <a-checkbox
+      <Checkbox
         v-if="dataSource.length > 0"
-        :model-value="checkedAll"
+        :checked="checkedAll"
         :indeterminate="indeterminate"
         class="!pl-13px"
-        @change="handleSelectAll"
-        >全选</a-checkbox
+        @change="(e) => handleSelectAll(e.target.checked)"
+        >全选</Checkbox
       >
     </div>
 
@@ -134,6 +134,7 @@
 </template>
 
 <script setup>
+import { Checkbox } from 'ant-design-vue';
 import { ref, computed } from 'vue';
 import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';

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

@@ -5,13 +5,13 @@
 <template>
   <div class="action-row mb-12px flex justify-between">
     <div>
-      <a-checkbox
+      <Checkbox
         v-if="dataSource.length > 0"
-        :model-value="checkedAll"
+        :checked="checkedAll"
         :indeterminate="indeterminate"
         class="!pl-13px"
-        @change="handleSelectAll"
-        >全选</a-checkbox
+        @change="(e) => handleSelectAll(e.target.checked)"
+        >全选</Checkbox
       >
     </div>
 
@@ -132,6 +132,7 @@
 </template>
 
 <script setup>
+import { Checkbox } from 'ant-design-vue';
 import { ref, computed } from 'vue';
 import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField } from '@/utils/tools';

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

@@ -12,7 +12,7 @@
         checked: isSelected(item),
       }"
     >
-      <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
+      <Checkbox :checked="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></Checkbox>
       <div class="ml-8px flex-1">
         <p class="name">{{ item.name || '-' }}</p>
         <div class="field-row">
@@ -100,6 +100,7 @@
 </template>
 
 <script setup>
+import { Checkbox } 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/index.vue

@@ -4,13 +4,13 @@
 -->
 <template>
   <div class="account-manage-wrap">
-    <div class="filter-wrap bg-#fff rounded-8px ">
+    <div class="filter-wrap bg-#fff rounded-8px">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账户管理</p>
         <div class="flex items-center">
           <a-button type="primary" class="w-112px" size="medium" @click="handleOpenAccountModal">
             <template #icon>
-              <icon-plus size="16"/>
+              <icon-plus size="16" />
             </template>
             <template #default>添加账户</template>
           </a-button>
@@ -27,11 +27,11 @@
       <div class="flex items-center">
         <div class="flex items-center">
           <template v-if="selectedItems.length > 0">
-            <a-checkbox
-              :model-value="checkedAll"
+            <Checkbox
+              :checked="checkedAll"
               :indeterminate="indeterminate"
               class="mr-8px"
-              @change="handleChangeAll"
+              @change="(e) => handleChangeAll(e.target.checked)"
             />
             <span class="label mr-24px">
               已选
@@ -93,6 +93,7 @@
 
 <script setup>
 import { ref } from 'vue';
+import { Checkbox } from 'ant-design-vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';