feat: a-checkbox替换

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