|
|
@@ -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>
|