natas_hw
/
dolphinscheduler0701
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Refactor][UI] Refactor user manage using NSpace component. (#10816)

This commit is contained in:
songjianet 2022-07-07 09:58:53 +08:00 committed by GitHub
parent 113a67122f
commit 02eff90568
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 43 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
dolphinscheduler-ui/src/views/security/user-manage/index.tsx
View File

@ -22,9 +22,9 @@ import {
NIcon,
NSpace,
NDataTable,
NPagination
NPagination,
NCard
} from 'naive-ui'
import Card from '@/components/card'
import UserDetailModal from './components/user-detail-modal'
import AuthorizeModal from './components/authorize-modal'
import { useI18n } from 'vue-i18n'
@ -65,51 +65,50 @@ const UsersManage = defineComponent({
},
render() {
return (
<>
<NSpace vertical>
<Card>
<NSpace justify='space-between'>
<NButton
onClick={this.onAddUser}
type='primary'
class='btn-create-user'
>
{this.t('security.user.create_user')}
<NSpace vertical>
<NCard size='small'>
<NSpace justify='space-between'>
<NButton
onClick={this.onAddUser}
type='primary'
class='btn-create-user'
size='small'
>
{this.t('security.user.create_user')}
</NButton>
<NSpace>
<NInput v-model:value={this.searchVal} size='small' clearable />
<NButton type='primary' size='small' onClick={this.onUpdatedList}>
<NIcon>
<SearchOutlined />
</NIcon>
</NButton>
<NSpace>
<NInput v-model:value={this.searchVal} clearable />
<NButton type='primary' onClick={this.onUpdatedList}>
<NIcon>
<SearchOutlined />
</NIcon>
</NButton>
</NSpace>
</NSpace>
</Card>
<Card>
<NSpace vertical>
<NDataTable
row-class-name='items'
columns={this.columnsRef.columns}
data={this.list}
loading={this.loading}
scrollX={this.columnsRef.tableWidth}
</NSpace>
</NCard>
<NCard size='small'>
<NSpace vertical>
<NDataTable
row-class-name='items'
columns={this.columnsRef.columns}
data={this.list}
loading={this.loading}
scrollX={this.columnsRef.tableWidth}
/>
<NSpace justify='center'>
<NPagination
v-model:page={this.page}
v-model:page-size={this.pageSize}
item-count={this.itemCount}
show-size-picker
page-sizes={[10, 30, 50]}
show-quick-jumper
on-update:page={this.changePage}
on-update:page-size={this.changePageSize}
/>
<NSpace justify='center'>
<NPagination
v-model:page={this.page}
v-model:page-size={this.pageSize}
item-count={this.itemCount}
show-size-picker
page-sizes={[10, 30, 50]}
show-quick-jumper
on-update:page={this.changePage}
on-update:page-size={this.changePageSize}
/>
</NSpace>
</NSpace>
</Card>
</NSpace>
</NSpace>
</NCard>
<UserDetailModal
show={this.detailModalShow}
currentRecord={this.currentRecord}
@ -122,7 +121,7 @@ const UsersManage = defineComponent({
userId={this.currentRecord?.id}
onCancel={this.onAuthorizeModalCancel}
/>
</>
</NSpace>
)
}
})