perf: 工作台页面优化

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

@@ -1,16 +1,20 @@
 <template>
-  <Container title="账号信息" class="container mt-24px">
-    <template #header>
+  <div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid 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>
-    </template>
+    </div>
     <a-table
       :columns="columns"
       :data="data"
       :pagination="pagination"
-      class="mt-16px"
+      class="mt-8px h-540px"
       @page-change="handlePageChange"
       @page-size-change="handlePageSizeChange"
     >
+      <template #empty>
+        <NoData />
+      </template>
       <template #mobile="{ record }">
         <div class="flex item-center pt-13px pb-13px">
           <span class="mr-4px">{{ record.mobile }}</span>
@@ -52,7 +56,7 @@
     <DeleteModal v-model:visible="deleteVisible" :title="deleteTitle" @ok="handleDelete">
       <p class="delete-modal-content">删除后，该账号将无法登录您的企业。</p>
     </DeleteModal>
-  </Container>
+  </div>
 </template>
 <script setup lang="ts">
 import Container from '@/components/container.vue';
@@ -277,4 +281,19 @@ onMounted(() => {
   font-size: 12px;
   color: var(--Text-2, rgba(60, 64, 67, 1));
 }
+.title-row {
+  display: flex;
+  height: 64px;
+  padding: 10px 0 2px 0;
+  align-items: center;
+  justify-content: space-between;
+  .title {
+    color: var(--Text-1, #211f24);
+    font-family: 'PuHuiTi-Medium';
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px; /* 150% */
+  }
+}
 </style>