feat: a-checkbox替换

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