hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

แก้ไข filter จัดการเครื่องราช

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-10-16 11:03:39 +07:00
parent 721847fd41
commit 6119fbcb59
4 changed files with 554 additions and 230 deletions
Download patch file Download diff file Expand all files Collapse all files

73
src/modules/07_insignia/components/2_Manage/Tab2.vue
View file

@ -148,10 +148,11 @@ const columns = ref<QTableProps["columns"]>([
// ข้อมูลตาราง (จำลอง)
onMounted(async () => {
organizationOptions.value = DataStore.optionsTypeOc;
organization.value = await (DataStore.agency != null
? DataStore.agency
: DataStore.typeOc);
organizationOptions.value = await DataStore.optionsTypeOc;
organization.value = await DataStore.typeOc;
// organization.value = await (DataStore.agency != null
// ? DataStore.agency
// : DataStore.typeOc);
if (organization.value !== "" || organization.value !== undefined) {
if (props.fecthInsigniaByOc) {
await props.fecthInsigniaByOc(
@ -163,7 +164,7 @@ onMounted(async () => {
DataStore.mainTab = props.tab;
}
}
filterOrganizationOP.value = organizationOptions.value
filterOrganizationOP.value = organizationOptions.value;
});
// เลือกหน่วยงาน
const changtypeOc = () => {
@ -214,32 +215,28 @@ const closeReson = () => {
const filterSelector = (val: any, update: Function, name: any) => {
update(() => {
const needle = val.toLowerCase();
if (name === 'typeinsigniaOptions') {
DataStore.typeinsignia = ''
typeinsigniaOptions.value = DataStore.typeinsigniaOptions.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
}
else if(name === 'employeeClassOps'){
DataStore.employeeClass = ''
employeeClassOps.value = DataStore.employeeClassOps.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
}
else if(name === 'filterOrganizationOP'){
if (name === "typeinsigniaOptions") {
DataStore.typeinsignia = "";
typeinsigniaOptions.value = DataStore.typeinsigniaOptions.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
} else if (name === "employeeClassOps") {
DataStore.employeeClass = "";
employeeClassOps.value = DataStore.employeeClassOps.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
} else if (name === "filterOrganizationOP") {
filterOrganizationOP.value = organizationOptions.value.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
}
}
)
}
});
};
const clearInsigniaFilters = (name: string) => {
if (name === "typeinsigniaOptions") {
DataStore.typeinsignia = "all";
typeinsigniaOptions.value = DataStore.typeinsigniaOptions;
} else if (name === 'employeeClassOps') {
} else if (name === "employeeClassOps") {
DataStore.employeeClass = "all";
employeeClassOps.value = DataStore.employeeClassOps;
}
@ -250,7 +247,7 @@ const clearInsigniaFilters = (name: string) => {
<div class="row col-12">
<div class="row col-12 q-col-gutter-sm">
<q-select
class="col-4"
class="col-3"
v-if="roleDataStore.adminRole"
v-model="organization"
label="หน่วยงาน"
@ -274,7 +271,7 @@ const clearInsigniaFilters = (name: string) => {
) "
/>
<q-select
class="col-1"
:class="roleDataStore.adminRole ? 'col-1':'col-3'"
v-model="DataStore.typeinsignia"
label="ประเภทเครื่องราชฯ ที่ยืนขอ"
dense
@ -315,16 +312,14 @@ const clearInsigniaFilters = (name: string) => {
/>
</template>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
ไม่มีข้อมูล
</q-item-section>
</q-item>
</template>
<q-item>
<q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
</q-item>
</template>
</q-select>
<div>
<q-select
class="col-2"
class="col-2"
v-model="DataStore.employeeClass"
dense
outlined
@ -364,12 +359,10 @@ const clearInsigniaFilters = (name: string) => {
/>
</template>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
ไม่มีข้อมูล
</q-item-section>
</q-item>
</template>
<q-item>
<q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
</q-item>
</template>
</q-select>
</div>
<q-space />