Selaa lähdekoodia

fix: 修改展示

lixuan 1 viikko sitten
vanhempi
commit
cc3c7206c7

+ 44 - 6
apps/web-velofex/src/views/dashboard/application-management/application-modal.vue

@@ -361,6 +361,7 @@ function handleAddUser() {
   userModalOpen.value = true;
   userSearchKeyword.value = '';
   selectedUsers.value = [];
+  getAddUsers();
 }
 
 function handleUserSearch() {
@@ -664,6 +665,7 @@ function resetFormData() {
             ]"
             :data-source="relatedUsers"
             :pagination="false"
+            :scroll="{ y: 460 }"
           >
             <template #bodyCell="{ column, record }">
               <template v-if="column.key === 'roleTypes'">
@@ -768,7 +770,7 @@ function resetFormData() {
       v-model:open="userModalOpen"
       :footer="null"
       title="添加用户"
-      width="670px"
+      width="700"
     >
       <div class="space-y-4">
         <Input
@@ -778,11 +780,35 @@ function resetFormData() {
         />
         <Table
           :columns="[
-            { title: '账户', dataIndex: 'account', key: 'account' },
-            { title: '姓名', dataIndex: 'name', key: 'name' },
-            { title: '邮箱', dataIndex: 'emailAddress', key: 'emailAddress' },
-            { title: '电话号码', dataIndex: 'cellPhone', key: 'cellPhone' },
-            { title: '操作', key: 'action', width: 200 },
+            {
+              title: '账户',
+              dataIndex: 'account',
+              key: 'account',
+              ellipsis: true,
+              width: 120,
+            },
+            {
+              title: '姓名',
+              dataIndex: 'name',
+              key: 'name',
+              ellipsis: true,
+              width: 120,
+            },
+            {
+              title: '邮箱',
+              dataIndex: 'emailAddress',
+              key: 'emailAddress',
+              ellipsis: true,
+              width: 150,
+            },
+            {
+              title: '电话号码',
+              dataIndex: 'cellPhone',
+              key: 'cellPhone',
+              ellipsis: true,
+              width: 120,
+            },
+            { title: '操作', key: 'action' },
           ]"
           :data-source="allUsers"
           :pagination="{
@@ -792,6 +818,8 @@ function resetFormData() {
             showSizeChanger: true,
             showTotal: (total: number) => `共 ${total} 条`,
           }"
+          :scroll="{ y: 460 }"
+          class="user-table"
           @change="handleUserPageChange"
         >
           <template #bodyCell="{ column, record }">
@@ -820,4 +848,14 @@ function resetFormData() {
     color: #462424;
   }
 }
+
+.ant-table-wrapper .ant-table-tbody > tr > th,
+.ant-table-wrapper .ant-table-tbody > tr > td {
+  padding: 8px 16px;
+}
+
+.ant-table-wrapper .ant-table-thead > tr > th,
+.ant-table-wrapper .ant-table-thead > tr > td {
+  padding: 8px 16px;
+}
 </style>