chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: filter user status on the backend

Browse source
This commit is contained in:
Methapon Metanipat 2024-08-16 11:46:14 +07:00
parent 4a67e42eda
commit d5e2afea97
2 changed files with 18 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/pages/02_personnel-management/MainPage.vue
View file

@ -476,9 +476,11 @@ async function onSubmit() {
} else {
if (!hqId.value) return;
statusToggle.value
? (formData.value.status = 'CREATED')
: (formData.value.status = 'INACTIVE');
if (statusToggle.value) {
formData.value.status = 'CREATED';
} else {
formData.value.status = 'INACTIVE';
}
formData.value.branchId = brId.value
? brId.value
@ -553,6 +555,8 @@ async function toggleStatus(id: string) {
if (res) {
record.status = res.status;
formData.value.status = res.status;
await fetchUserList();
}
}
@ -680,13 +684,6 @@ onMounted(async () => {
}
typeStats.value = await userStore.typeStats();
// const firstTypeIncludeUser = Object.entries(typeStats.value || {}).find(
// (v) => v[1] > 0,
// );
// firstTypeIncludeUser && (selectorLabel.value = firstTypeIncludeUser[0]);
const res = await branchStore.userStats(formData.value.userType);
if (res) {
userStats.value = res;
@ -744,21 +741,15 @@ async function fetchUserList() {
page: currentPage.value,
query: !!inputSearch.value ? inputSearch.value : undefined,
userType: selectorLabel.value === 'ALL' ? undefined : selectorLabel.value,
status:
statusFilter.value === 'all'
? undefined
: statusFilter.value === 'statusACTIVE'
? 'ACTIVE'
: 'INACTIVE',
});
}
async function handleImageUpload(file: File | null, url: string | null) {
if (!infoDrawerEdit.value && !modal.value) {
infoDrawerEdit.value = true;
await onSubmit();
infoDrawerEdit.value = false;
}
if (infoDrawerEdit.value && !modal.value) {
await onSubmit();
}
imageDialog.value = false;
}
watch(
() => profileFileImg.value,
() => {
@ -766,7 +757,7 @@ watch(
},
);
watch(inputSearch, async () => await fetchUserList());
watch([inputSearch, statusFilter], async () => await fetchUserList());
watch(
() => $q.screen.lt.md,
@ -1117,25 +1108,7 @@ watch(
flat
bordered
:grid="modeView"
:rows="
userData.result.filter((v) => {
if (
statusFilter === 'statusACTIVE' &&
v.status === 'INACTIVE'
) {
return false;
}
if (
statusFilter === 'statusINACTIVE' &&
v.status !== 'INACTIVE'
) {
return false;
}
return true;
})
"
:rows="userData.result"
:columns="columns"
style="max-height: 100%"
class="full-width full-height"