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

kpi

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-12-02 11:26:26 +07:00
parent a934497083
commit b347fd064e
10 changed files with 193 additions and 173 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/modules/14_KPI/components/Tab/Dialog/01_FormIndicator.vue
View file

@ -108,6 +108,7 @@ function fetchListPlan() {
formFilter.nodeId = store.dataProfile.nodeId; formFilter.nodeId = store.dataProfile.nodeId;
formFilter.node = store.dataProfile.node; formFilter.node = store.dataProfile.node;
formFilter.year = formFilter?.year ? formFilter.year.toString() : ""; formFilter.year = formFilter?.year ? formFilter.year.toString() : "";
formFilter.keyword = formFilter.keyword.trim();
// const kpiPeriodId = store.dataEvaluation.kpiPeriodId; // const kpiPeriodId = store.dataEvaluation.kpiPeriodId;
showLoader(); showLoader();
@ -164,6 +165,8 @@ function fetchListRole() {
formFilter.node = store.dataProfile.node; formFilter.node = store.dataProfile.node;
formFilter.year = formFilter?.year ? formFilter.year.toString() : ""; formFilter.year = formFilter?.year ? formFilter.year.toString() : "";
formFilter.position = store.dataProfile.position; formFilter.position = store.dataProfile.position;
formFilter.keyword = formFilter.keyword.trim();
showLoader();
http http
.post(config.API.kpiRole + `/search-kpi-role`, formFilter) .post(config.API.kpiRole + `/search-kpi-role`, formFilter)
@ -218,8 +221,10 @@ function fetchListSpecial() {
formFilter.node = store.dataProfile.node; formFilter.node = store.dataProfile.node;
formFilter.year = formFilter?.year ? formFilter.year.toString() : ""; formFilter.year = formFilter?.year ? formFilter.year.toString() : "";
showLoader();
const body = { const body = {
keyword: formFilter.keyword, keyword: formFilter.keyword.trim(),
period: formFilter.period, period: formFilter.period,
year: formFilter.year, year: formFilter.year,
pageSize: formFilter.pageSize, pageSize: formFilter.pageSize,
@ -575,13 +580,7 @@ watch(
@keydown.enter.prevent="fetchNewList()" @keydown.enter.prevent="fetchNewList()"
> >
<template v-slot:append> <template v-slot:append>
<q-icon v-if="formFilter.keyword == ''" name="search" /> <q-icon name="search" />
<q-icon
v-if="formFilter.keyword !== ''"
name="clear"
class="cursor-pointer"
@click="(formFilter.keyword = ''), fetchNewList()"
/>
</template> </template>
</q-input> </q-input>
</div> </div>

10
src/modules/14_KPI/components/Tab/Dialog/04_FormCompetency.vue
View file

@ -212,7 +212,7 @@ function getData() {
} }
/** ฟิลเตอร์ */ /** ฟิลเตอร์ */
function filterTxt(val: any) { function filterTxt(val: string) {
listTarget.value = listTargetMain.value.filter( listTarget.value = listTargetMain.value.filter(
(v: any) => v.name.indexOf(val) > -1 (v: any) => v.name.indexOf(val) > -1
); );
@ -320,13 +320,7 @@ watch(
@update:model-value="filterTxt" @update:model-value="filterTxt"
> >
<template v-slot:append> <template v-slot:append>
<q-icon v-if="search == ''" name="search" /> <q-icon name="search" />
<q-icon
v-if="search !== ''"
name="clear"
class="cursor-pointer"
@click="(search = ''), (listTarget = listTargetMain)"
/>
</template> </template>
</q-input> </q-input>
</div> </div>

125
src/modules/14_KPI/components/Tab/Dialog/DialogEvalute.vue
View file

@ -36,14 +36,12 @@ const searchRules = ref<boolean>(false);
const selected = ref<any[]>([]); const selected = ref<any[]>([]);
const personId = ref<string>(""); const personId = ref<string>("");
const modalPersonal = ref<boolean>(false); const modalPersonal = ref<boolean>(false);
const searchRef = ref<any>(null);
const rows = ref<tableType[]>([]); const rows = ref<tableType[]>([]);
const type = ref<string>("citizenId"); const type = ref<string>("citizenId");
const search = ref<string>(""); const search = ref<string>("");
const typeOps = ref<typeOp[]>([ const typeOps = ref<typeOp[]>([
{ id: "citizenId", name: "เลขประจำตัวประชาชน" }, { id: "citizenId", name: "เลขประจำตัวประชาชน" },
{ id: "firstname", name: "ชื่อ" }, { id: "fullName", name: "ชื่อ-นามสกุล" },
{ id: "lastname", name: "นามสกุล" },
]); ]);
const modalDialog = defineModel<boolean>("modal", { required: true }); const modalDialog = defineModel<boolean>("modal", { required: true });
@ -152,6 +150,11 @@ function onCloseDialog() {
selected.value = []; selected.value = [];
search.value = ""; search.value = "";
type.value = "citizenId"; type.value = "citizenId";
roundDialgOp.value = [];
evaluatorIdMainOp.value = [];
commanderIdMainOp.value = [];
commanderHighMainOp.value = [];
isRoundClose.value = false;
} }
/** ดึงข้อมูลตามรอบการประเมิน */ /** ดึงข้อมูลตามรอบการประเมิน */
@ -192,26 +195,26 @@ function fetchRoundOption() {
* @param update function Quasar * @param update function Quasar
* @param refData เเยกประเภท * @param refData เเยกประเภท
*/ */
function filterOption(val: any, update: Function, refData: string) { function filterOption(val: string, update: Function, refData: string) {
switch (refData) { switch (refData) {
case "evaluatorIdOp": case "evaluatorIdOp":
update(() => { update(() => {
evaluatorIdOp.value = evaluatorIdMainOp.value.filter( evaluatorIdOp.value = evaluatorIdMainOp.value.filter(
(v: any) => v.name.indexOf(val) > -1 (v: DataOption) => v.name.indexOf(val) > -1
); );
}); });
break; break;
case "commanderIdOp": case "commanderIdOp":
update(() => { update(() => {
commanderIdOp.value = commanderIdMainOp.value.filter( commanderIdOp.value = commanderIdMainOp.value.filter(
(v: any) => v.name.indexOf(val) > -1 (v: DataOption) => v.name.indexOf(val) > -1
); );
}); });
break; break;
case "commanderHighOp": case "commanderHighOp":
update(() => { update(() => {
commanderHighOp.value = commanderHighMainOp.value.filter( commanderHighOp.value = commanderHighMainOp.value.filter(
(v: any) => v.name.indexOf(val) > -1 (v: DataOption) => v.name.indexOf(val) > -1
); );
}); });
break; break;
@ -229,37 +232,35 @@ function checkClosed() {
async function searchInput(check: boolean) { async function searchInput(check: boolean) {
if (check) { if (check) {
searchRules.value = check; searchRules.value = check;
searchRef.value.validate();
if (!searchRef.value.hasError) {
showLoader();
const body = {
fieldName: type.value,
keyword: search.value,
};
await http
.post(
config.API.orgSearchPersonal() +
`?page=${query.page}&pageSize=${query.pageSize}`,
body
)
.then((res) => {
const data = res.data.result;
maxPage.value = Math.ceil(data.total / query.pageSize);
total.value = data.total;
rows.value = data.data; showLoader();
}) const body = {
.catch((err) => { fieldName: type.value,
messageError($q, err); keyword: search.value.trim(),
}) };
.finally(() => { await http
hideLoader(); .post(
}); config.API.orgSearchPersonal() +
} `?page=${query.page}&pageSize=${query.pageSize}`,
setTimeout(() => { body
searchRules.value = false; )
}, 100); .then((res) => {
const data = res.data.result;
maxPage.value = Math.ceil(data.total / query.pageSize);
total.value = data.total;
rows.value = data.data;
})
.catch((err) => {
messageError($q, err);
})
.finally(() => {
hideLoader();
});
} }
setTimeout(() => {
searchRules.value = false;
}, 100);
} }
/** update เมื่อเปลี่ยน option */ /** update เมื่อเปลี่ยน option */
@ -356,6 +357,17 @@ async function updatePagination(initialPagination: NewPagination) {
query.pageSize = initialPagination.rowsPerPage; query.pageSize = initialPagination.rowsPerPage;
} }
/**
* class input
* @param val
*/
function classInput(val: boolean) {
return {
"full-width cursor-pointer ": val,
"full-width cursor-pointer inputgreen": !val,
};
}
watch( watch(
() => modalDialog.value, () => modalDialog.value,
(n) => { (n) => {
@ -380,6 +392,7 @@ watch(
<q-separator /> <q-separator />
<q-card-section class="q-pa-none scroll" style="max-height: 80vh"> <q-card-section class="q-pa-none scroll" style="max-height: 80vh">
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<!-- รายชื่อ -->
<div class="col-12 col-md-9"> <div class="col-12 col-md-9">
<div class="row q-pa-md q-col-gutter-sm"> <div class="row q-pa-md q-col-gutter-sm">
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
@ -399,19 +412,16 @@ watch(
<div class="col-12 col-sm-6 col-md-9"> <div class="col-12 col-sm-6 col-md-9">
<q-input <q-input
ref="searchRef"
v-model="search" v-model="search"
outlined outlined
clearable
hide-bottom-space hide-bottom-space
dense dense
label="คำค้น" label="คำค้น"
:rules="[ @keydown.enter.pervent="(query.page = 1), searchInput(true)"
(val:string) => !!val || !searchRules || `กรุณากรอกคำค้น`,
]"
> >
<template v-slot:after> <template v-slot:after>
<q-btn <q-btn
outline
color="primary" color="primary"
icon="search" icon="search"
label="ค้นหา" label="ค้นหา"
@ -477,7 +487,7 @@ watch(
}}{{ }}{{
props.row.positionLevelName props.row.positionLevelName
? ` (${props.row.positionLevelName})` ? ` (${props.row.positionLevelName})`
: "" : "-"
}} }}
</div> </div>
<div <div
@ -487,7 +497,7 @@ watch(
{{ findOrgName(props.row) }} {{ findOrgName(props.row) }}
</div> </div>
<div v-else> <div v-else>
{{ col.value }} {{ col.value ?? "-" }}
</div> </div>
</q-td> </q-td>
</q-tr> </q-tr>
@ -510,10 +520,13 @@ watch(
</div> </div>
</div> </div>
</div> </div>
<!-- form -->
<div class="col-12 col-md-3 bg-grey-2"> <div class="col-12 col-md-3 bg-grey-2">
<div class="row q-pa-md q-col-gutter-sm"> <div class="row q-pa-md q-col-gutter-sm">
<div class="col-12"> <div class="col-12">
<datepicker <datepicker
:disable="selected.length === 0"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="yearDialog" v-model="yearDialog"
:locale="'th'" :locale="'th'"
@ -521,6 +534,7 @@ watch(
year-picker year-picker
:enableTimePicker="false" :enableTimePicker="false"
@update:model-value="fetchRoundOption()" @update:model-value="fetchRoundOption()"
:class="classInput(false)"
> >
<template #year="{ year }">{{ year + 543 }}</template> <template #year="{ year }">{{ year + 543 }}</template>
<template #year-overlay-value="{ value }">{{ <template #year-overlay-value="{ value }">{{
@ -528,6 +542,7 @@ watch(
}}</template> }}</template>
<template #trigger> <template #trigger>
<q-input <q-input
:disable="selected.length === 0"
dense dense
lazy-rules lazy-rules
outlined outlined
@ -555,6 +570,8 @@ watch(
<div class="col-12"> <div class="col-12">
<q-select <q-select
:disable="selected.length === 0"
:class="classInput(false)"
:readonly="yearDialog === null" :readonly="yearDialog === null"
v-model="formRound.kpiPeriodId" v-model="formRound.kpiPeriodId"
outlined outlined
@ -575,6 +592,8 @@ watch(
<div class="col-12"> <div class="col-12">
<q-select <q-select
:disable="selected.length === 0"
:class="classInput(false)"
v-model="formRound.evaluatorId" v-model="formRound.evaluatorId"
outlined outlined
label="ผู้ประเมิน" label="ผู้ประเมิน"
@ -592,7 +611,9 @@ watch(
!!val || `${'กรุณาเลือกผู้ประเมิน'}`, !!val || `${'กรุณาเลือกผู้ประเมิน'}`,
]" ]"
use-input use-input
@filter="(inputValue:any, hide-selected
fill-input
@filter="(inputValue:string,
doneFn:Function) => filterOption(inputValue, doneFn,'evaluatorIdOp' doneFn:Function) => filterOption(inputValue, doneFn,'evaluatorIdOp'
) " ) "
> >
@ -605,8 +626,11 @@ watch(
</template> </template>
</q-select> </q-select>
</div> </div>
<div class="col-12"> <div class="col-12">
<q-select <q-select
:disable="selected.length === 0"
:class="classInput(false)"
v-model="formRound.commanderId" v-model="formRound.commanderId"
outlined outlined
label="ผู้บังคับบัญชาเหนือขึ้นไป" label="ผู้บังคับบัญชาเหนือขึ้นไป"
@ -618,7 +642,9 @@ watch(
emit-value emit-value
map-options map-options
use-input use-input
@filter="(inputValue:any, hide-selected
fill-input
@filter="(inputValue:string,
doneFn:Function) => filterOption(inputValue, doneFn,'commanderIdOp' doneFn:Function) => filterOption(inputValue, doneFn,'commanderIdOp'
) " ) "
> >
@ -638,8 +664,11 @@ watch(
</template> </template>
</q-select> </q-select>
</div> </div>
<div class="col-12"> <div class="col-12">
<q-select <q-select
:disable="selected.length === 0"
:class="classInput(false)"
v-model="formRound.commanderHighId" v-model="formRound.commanderHighId"
outlined outlined
label="ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง" label="ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง"
@ -651,7 +680,9 @@ watch(
emit-value emit-value
map-options map-options
use-input use-input
@filter="(inputValue:any, hide-selected
fill-input
@filter="(inputValue:string,
doneFn:Function) => filterOption(inputValue, doneFn,'commanderHighOp' doneFn:Function) => filterOption(inputValue, doneFn,'commanderHighOp'
) " ) "
> >
@ -683,7 +714,7 @@ watch(
รอบการประเมินนี้ปิดแล้ว รอบการประเมินนี้ปิดแล้ว
</div> </div>
<q-btn <q-btn
:disable="isRoundClose" :disable="isRoundClose || selected.length === 0"
label="บันทึก" label="บันทึก"
color="secondary" color="secondary"
type="submit" type="submit"

2
src/modules/14_KPI/components/Tab/Dialog/DialogGovernment.vue
View file

@ -223,7 +223,7 @@ watch(
(n) => { (n) => {
if (n == true) { if (n == true) {
getData(); getData();
} } else rows.value = [];
} }
); );
</script> </script>

8
src/modules/14_KPI/components/results/tableIndividual.vue
View file

@ -296,13 +296,7 @@ onMounted(async () => {
@keydown.enter="onSearchData" @keydown.enter="onSearchData"
> >
<template v-slot:append> <template v-slot:append>
<q-icon v-if="keyword === ''" name="search" /> <q-icon name="search" />
<q-icon
v-else
name="clear"
class="cursor-pointer"
@click="(keyword = ''), onSearchData()"
/>
</template> </template>
</q-input> </q-input>
<q-select <q-select

10
src/modules/14_KPI/components/results/tableResults.vue
View file

@ -332,13 +332,7 @@ onMounted(async () => {
@keydown.enter="onSearchData" @keydown.enter="onSearchData"
> >
<template v-slot:append> <template v-slot:append>
<q-icon v-if="keyword === ''" name="search" /> <q-icon name="search" />
<q-icon
v-else
name="clear"
class="cursor-pointer"
@click="(keyword = ''), onSearchData()"
/>
</template> </template>
</q-input> </q-input>
<q-select <q-select
@ -391,6 +385,8 @@ onMounted(async () => {
outlined outlined
@clear="(result = ''), (resultOp = store.resultsOptions)" @clear="(result = ''), (resultOp = store.resultsOptions)"
use-input use-input
hide-selected
fill-input
:clearable="result !== ''" :clearable="result !== ''"
@update:model-value="onSearchData()" @update:model-value="onSearchData()"
input-debounce="0" input-debounce="0"

163
src/modules/14_KPI/views/01_kpiRound.vue
View file

@ -356,9 +356,9 @@ onMounted(async () => {
<div class="toptitle text-dark col-12 row items-center"> <div class="toptitle text-dark col-12 row items-center">
รายการรอบการประเมินผลการปฏิบัติหน้าที่ราชการ รายการรอบการประเมินผลการปฏิบัติหน้าที่ราชการ
</div> </div>
<q-card flat bordered class="q-pa-md"> <q-card flat bordered class="col-12 q-pa-md">
<q-toolbar style="padding: 0px"> <div class="row q-col-gutter-sm">
<div class="row q-gutter-sm"> <div class="row col-12">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="formQuery.year" v-model="formQuery.year"
@ -401,21 +401,20 @@ onMounted(async () => {
</q-input> </q-input>
</template> </template>
</datepicker> </datepicker>
<q-btn <q-btn
v-if="checkPermission($route)?.attrIsCreate" v-if="checkPermission($route)?.attrIsCreate"
flat flat
round round
dense
icon="add" icon="add"
color="primary" color="primary"
@click="onClickAddOrView()" @click="onClickAddOrView()"
> >
<q-tooltip>เพิ่ม</q-tooltip> <q-tooltip>เพิ่ม</q-tooltip>
</q-btn> </q-btn>
</div>
<q-space /> <q-space />
<div class="row q-gutter-sm">
<q-select <q-select
v-model="visibleColumns" v-model="visibleColumns"
multiple multiple
@ -430,82 +429,82 @@ onMounted(async () => {
style="min-width: 140px" style="min-width: 140px"
/> />
</div> </div>
</q-toolbar>
<div class="col-12"> <div class="col-12">
<d-table <d-table
for="table" for="table"
ref="table" ref="table"
:columns="columns" :columns="columns"
:rows="rows" :rows="rows"
row-key="subject" row-key="subject"
flat flat
bordered bordered
dense dense
class="custom-header-table" class="custom-header-table"
:visible-columns="visibleColumns" :visible-columns="visibleColumns"
:rows-per-page-options="[10, 25, 50, 100]" :rows-per-page-options="[10, 25, 50, 100]"
@update:pagination="updatePagination" @update:pagination="updatePagination"
> >
<template v-slot:header="props"> <template v-slot:header="props">
<q-tr :props="props"> <q-tr :props="props">
<q-th auto-width /> <q-th auto-width />
<q-th v-for="col in props.cols" :key="col.name" :props="props"> <q-th v-for="col in props.cols" :key="col.name" :props="props">
<span class="text-weight-medium">{{ col.label }}</span> <span class="text-weight-medium">{{ col.label }}</span>
</q-th> </q-th>
</q-tr> </q-tr>
</template> </template>
<template v-slot:body="props"> <template v-slot:body="props">
<q-tr :props="props"> <q-tr :props="props">
<q-td> <q-td>
<q-btn <q-btn
v-if="checkPermission($route)?.attrIsUpdate !== false" v-if="checkPermission($route)?.attrIsUpdate !== false"
flat flat
round round
dense dense
:disable="!props.row.isActive" :disable="!props.row.isActive"
:color="props.row.isActive ? 'orange' : 'grey'" :color="props.row.isActive ? 'orange' : 'grey'"
icon="mdi-close" icon="mdi-close"
@click="onClickAction('close', props.row.id)" @click="onClickAction('close', props.row.id)"
> >
<q-tooltip>ปิดรอบ</q-tooltip> <q-tooltip>ปิดรอบ</q-tooltip>
</q-btn> </q-btn>
<q-btn <q-btn
v-if="checkPermission($route)?.attrIsDelete !== false" v-if="checkPermission($route)?.attrIsDelete !== false"
clickable clickable
v-close-popup v-close-popup
@click="onClickAction('delete', props.row.id)" @click="onClickAction('delete', props.row.id)"
flat flat
round round
dense dense
color="red" color="red"
icon="mdi-delete" icon="mdi-delete"
> >
<q-tooltip>ลบรอบ</q-tooltip> <q-tooltip>ลบรอบ</q-tooltip>
</q-btn> </q-btn>
</q-td> </q-td>
<q-td v-for="col in props.cols" :key="col.name" :props="props"> <q-td v-for="col in props.cols" :key="col.name" :props="props">
<div class="table_ellipsis"> <div class="table_ellipsis">
{{ col.value ? col.value : "-" }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
</q-tr> </q-tr>
</template> </template>
<template v-slot:pagination="scope"> <template v-slot:pagination="scope">
ทั้งหมด {{ total }} รายการ ทั้งหมด {{ total }} รายการ
<q-pagination <q-pagination
v-model="formQuery.page" v-model="formQuery.page"
active-color="primary" active-color="primary"
color="dark" color="dark"
:max="Number(totalList)" :max="Number(totalList)"
size="sm" size="sm"
boundary-links boundary-links
direction-links direction-links
:max-pages="5" :max-pages="5"
@update:model-value="fetchList" @update:model-value="fetchList"
></q-pagination> ></q-pagination>
</template> </template>
</d-table> </d-table>
</div>
</div> </div>
</q-card> </q-card>

14
src/modules/14_KPI/views/02_kpiLists.vue
View file

@ -143,7 +143,7 @@ async function fetchList() {
page: formQuery.page, page: formQuery.page,
pageSize: formQuery.pageSize, pageSize: formQuery.pageSize,
kpiPeriodId: store.formQuery.round, kpiPeriodId: store.formQuery.round,
keyword: store.formQuery.keyword, keyword: store.formQuery.keyword.trim(),
status: formQuery.status === "" ? undefined : formQuery.status, status: formQuery.status === "" ? undefined : formQuery.status,
results: formQuery.results === "" ? undefined : formQuery.results, results: formQuery.results === "" ? undefined : formQuery.results,
}; };
@ -322,13 +322,7 @@ onMounted(async () => {
@keydown.enter.prevent="changRound" @keydown.enter.prevent="changRound"
> >
<template v-slot:append> <template v-slot:append>
<q-icon <q-icon name="search" color="grey-5" />
v-if="store.formQuery.keyword !== ''"
name="clear"
class="cursor-pointer"
@click="(store.formQuery.keyword = ''), changRound()"
/>
<q-icon v-else name="search" color="grey-5" />
</template> </template>
</q-input> </q-input>
<q-select <q-select
@ -380,6 +374,8 @@ onMounted(async () => {
outlined outlined
@update:model-value="(formQuery.page = 1), fetchList()" @update:model-value="(formQuery.page = 1), fetchList()"
use-input use-input
hide-selected
fill-input
@clear=" @clear="
(formQuery.status = ''), (statusOp = store.statusOptions) (formQuery.status = ''), (statusOp = store.statusOptions)
" "
@ -413,6 +409,8 @@ onMounted(async () => {
outlined outlined
@update:model-value="(formQuery.page = 1), fetchList()" @update:model-value="(formQuery.page = 1), fetchList()"
use-input use-input
hide-selected
fill-input
@clear=" @clear="
(formQuery.results = ''), (resultOp = store.resultsOptions) (formQuery.results = ''), (resultOp = store.resultsOptions)
" "

13
src/modules/14_KPI/views/detailView.vue
View file

@ -409,7 +409,6 @@ async function fetchProfileEvaluator(id: string) {
http http
.get(config.API.profilePosition + `/${id}`) .get(config.API.profilePosition + `/${id}`)
.then((res) => { .then((res) => {
console.log(res.data.result);
const data = res.data.result; const data = res.data.result;
evaluator.value.fullName = evaluator.value.fullName =
data.prefix + data.firstName + " " + data.lastName; data.prefix + data.firstName + " " + data.lastName;
@ -892,7 +891,9 @@ onUnmounted(() => {
:rules="[ (val:string) => !!val || :rules="[ (val:string) => !!val ||
`${'กรุณาเลือกผู้ประเมิน'}`, ]" `${'กรุณาเลือกผู้ประเมิน'}`, ]"
use-input use-input
@filter="(inputValue:any, hide-selected
fill-input
@filter="(inputValue:string,
doneFn:Function) => filterOption(inputValue, doneFn,'evaluatorIdOp' doneFn:Function) => filterOption(inputValue, doneFn,'evaluatorIdOp'
) " ) "
/> />
@ -930,7 +931,9 @@ onUnmounted(() => {
map-options map-options
class="inputgreen" class="inputgreen"
use-input use-input
@filter="(inputValue:any, hide-selected
fill-input
@filter="(inputValue:string,
doneFn:Function) => filterOption(inputValue, doneFn,'commanderIdOp' doneFn:Function) => filterOption(inputValue, doneFn,'commanderIdOp'
) " ) "
> >
@ -983,7 +986,9 @@ onUnmounted(() => {
map-options map-options
use-input use-input
class="inputgreen" class="inputgreen"
@filter="(inputValue:any, hide-selected
fill-input
@filter="(inputValue:string,
doneFn:Function) => filterOption(inputValue, doneFn,'commanderHighOp' doneFn:Function) => filterOption(inputValue, doneFn,'commanderHighOp'
) " ) "
> >

6
src/modules/14_KPI/views/report.vue
View file

@ -429,6 +429,7 @@ function onCloseModal() {
* function fetch รายชื่อข้อมูลทะเบียนประวัติ * function fetch รายชื่อข้อมูลทะเบียนประวัติ
*/ */
function fetchListPerson() { function fetchListPerson() {
rowsPerson.value = []
showLoader(); showLoader();
let queryParams = { let queryParams = {
page: formFilter.page, page: formFilter.page,
@ -796,13 +797,13 @@ onMounted(() => {
class="bg-white" class="bg-white"
v-model="formFilter.searchKeyword" v-model="formFilter.searchKeyword"
outlined outlined
clearable
hide-bottom-space hide-bottom-space
dense dense
label="คำค้น" label="คำค้น"
> >
<template v-slot:after> <template v-slot:after>
<q-btn <q-btn
outline
color="primary" color="primary"
icon="search" icon="search"
label="ค้นหา" label="ค้นหา"
@ -811,6 +812,9 @@ onMounted(() => {
> >
</q-btn> </q-btn>
</template> </template>
<template v-slot:append>
<q-icon name="search" color="grey-5" />
</template>
</q-input> </q-input>
</div> </div>
</div> </div>