mirror/MCSManager
2
0
Fork 1
mirror of https://github.com/MCSManager/MCSManager.git synced 2025-03-13 16:36:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Feat: user list filter

Browse Source
This commit is contained in:
Lazy 2023-12-07 15:10:36 +08:00
parent 345e0bf363
commit 5b06184a88
2 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/components.d.ts vendored
View File

@ -26,6 +26,7 @@ declare module 'vue' {
AInput: typeof import('ant-design-vue/es')['Input']
AInputGroup: typeof import('ant-design-vue/es')['InputGroup']
AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
AInputSearch: typeof import('ant-design-vue/es')['InputSearch']
AList: typeof import('ant-design-vue/es')['List']
AListItem: typeof import('ant-design-vue/es')['ListItem']
AListItemMeta: typeof import('ant-design-vue/es')['ListItemMeta']

33
frontend/src/widgets/UserList.vue
View File

@ -96,6 +96,7 @@ const total = ref(0);
const data = ref<dataType>();
const dataSource = computed(() => data?.value?.data);
const selectedUsers = ref<string[]>([]);
const currentFilter = ref("");
const handleToUserResources = (user: BaseUserInfo) => {
toPage({
@ -377,16 +378,26 @@ onMounted(async () => {
</template>
<template #center>
<div class="search-input">
<a-input
v-model:value="operationForm.name"
:placeholder="t('TXT_CODE_2471b9c')"
@change="reload()"
@press-enter="fetchData()"
>
<template #prefix>
<search-outlined />
</template>
</a-input>
<a-input-group compact>
<a-select v-model:value="currentFilter" style="width: 100px">
<a-select-option value="">
{{ t("所有") }}
</a-select-option>
<a-select-option v-for="(p, i) in permissionList" :key="i" :value="i">
{{ p }}
</a-select-option>
</a-select>
<a-input
v-model:value.trim="operationForm.name"
:placeholder="t('TXT_CODE_2471b9c')"
style="width: 50%"
@change="reload()"
>
<template #suffix>
<search-outlined />
</template>
</a-input>
</a-input-group>
</div>
</template>
</BetweenMenus>
@ -451,7 +462,7 @@ onMounted(async () => {
.search-input {
transition: all 0.4s;
text-align: center;
width: 50%;
width: 80%;
&:hover {
width: 100%;