perf: 工作台页面优化

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

@@ -1,6 +1,12 @@
 <template>
-  <Container title="个人信息" class="container mt-24px">
-    <a-table :columns="columns" :data="dataSource" :pagination="false" class="mt-16px">
+  <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>
+    </div>
+    <a-table :columns="columns" :data="dataSource" :pagination="false" class="mt-8px h-540px">
+      <template #empty>
+        <NoData />
+      </template>
       <template #info="{ record }">
         <div class="pt-3px pb-3px">
           <a-avatar :image-url="record.head_image" :size="32" />
@@ -71,7 +77,7 @@
         @cancel="verificationVisible = false"
       />
     </Modal>
-  </Container>
+  </div>
 </template>
 <script setup lang="ts">
 import Container from '@/components/container.vue';
@@ -248,7 +254,7 @@ function getFileExtension(filename: string): string {
   return match ? match[1].toLowerCase() : '';
 }
 </script>
-<style scoped lang="less">
+<style scoped lang="scss">
 .form {
   margin-top: 13px;
   :deep(.arco-row) {
@@ -305,4 +311,18 @@ function getFileExtension(filename: string): string {
     color: var(--Text-2, rgba(60, 64, 67, 1));
   }
 }
+.title-row {
+  display: flex;
+  height: 64px;
+  padding: 10px 0 2px 0;
+  align-items: center;
+  .title {
+    color: var(--Text-1, #211f24);
+    font-family: 'PuHuiTi-Medium';
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px; /* 150% */
+  }
+}
 </style>