feat: button组件替换

src/views/components/management/account/index.vue

@@ -2,7 +2,7 @@
   <div class="bg-#fff rounded-8px w-100% py-0 px-20px mt-24px pb-24px">
     <div class="title-row">
       <span class="title">账号管理</span>
-      <a-button type="outline" class="add-account-button" @click="handleAddAccount">添加子账号</a-button>
+      <Button type="primary" ghost class="add-account-button" @click="handleAddAccount">添加子账号</Button>
     </div>
     <a-table
       :columns="columns"
@@ -23,19 +23,20 @@
         </div>
       </template>
       <template #action="{ record }">
-        <a-button
+        <Button
           v-if="record.type !== 0"
           class="delete-button"
-          size="mini"
-          type="outline"
-          status="danger"
+          size="small"
+          type="primary"
+          ghost
+          danger
           @click="openDeleteModal(record)"
         >
           删除
-        </a-button>
+        </Button>
       </template>
     </a-table>
-    <Modal v-model:visible="addAccountVisible" width="480px" title="添加子账号" :okText="okText" @ok="handleOk">
+    <Modal v-model:visible="addAccountVisible" width="480px" title="添加子账号" :okText="okText" @ok="handleOk" >
       <div v-if="canAddAccount" class="add-account-container">
         <h2 class="add-account-title">生成企业专属链接，成员通过访问即可注册并加入企业账号。</h2>
         <p class="add-account-subtitle">子账号可独立登录，权限继承主账号配置。</p>
@@ -53,14 +54,15 @@
       </div>
     </Modal>
     <CustomerServiceModal v-model:visible="customerServiceVisible" />
-    <DeleteModal v-model:visible="deleteVisible" :title="deleteTitle" @ok="handleDelete">
-      <p class="delete-modal-content">删除后，该账号将无法登录您的企业。</p>
+    <DeleteModal v-model:open="deleteVisible" :content="deleteTitle" @ok="handleDelete" @close="deleteVisible = false">
     </DeleteModal>
   </div>
 </template>
 <script setup lang="ts">
 import Container from '@/components/container.vue';
 import { ref, onMounted, reactive, computed } from 'vue';
+import { Button } from 'ant-design-vue';
+
 import { fetchSubAccountPage, removeEnterpriseAccount, getEnterpriseInviteCode } from '@/api/all';
 import Modal from '@/components/modal.vue';
 import DeleteModal from '@/components/delete-modal.vue';
@@ -275,14 +277,7 @@ onMounted(() => {
     color: var(--Text-2, rgba(60, 64, 67, 1));
   }
 }
-.delete-modal-content {
-  margin-left: 34px;
-  margin-top: 16px;
-  font-family: $font-family-medium;
-  font-weight: 400;
-  font-size: 12px;
-  color: var(--Text-2, rgba(60, 64, 67, 1));
-}
+
 .title-row {
   display: flex;
   height: 64px;