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

รายการขอรับประเมินผลการปฏิบัติราชการระดับบุคคล => แก้ไขแบบประเมิน, API ผลสัมฤทธิ์ของงาน

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-04-23 15:43:41 +07:00
parent ab9f349af7
commit c222e5687f
4 changed files with 251 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

112
src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
View file

@ -1,4 +1,3 @@
div
<script setup lang="ts">
import { ref, reactive, watch } from "vue";
import { useQuasar } from "quasar";
@ -20,10 +19,15 @@ const {
messageError,
dialogConfirm,
dialogMessageNotify,
success,
} = mixin;
const modal = defineModel<boolean>("modal", { required: true });
const numpage = defineModel<number>("numpage", { required: true });
const isStatusEdit = defineModel<boolean>("isStatusEdit", { required: true });
const kpiUserPlannedId = defineModel<string>("kpiUserPlannedId", {
required: true,
});
const search = ref<string>("");
const listCheckID = ref<string | null>(null);
@ -59,7 +63,6 @@ function fetchIndicators() {
const nodeId = store.dataProfile.nodeId;
const node = store.dataProfile.node;
const kpiPeriodId = store.dataEvaluation.kpiPeriodId;
showLoader();
http
.get(
@ -77,6 +80,27 @@ function fetchIndicators() {
});
}
function fetchIndicatorsByid(id: string) {
showLoader();
http
.get(config.API.kpiAchievement("planned") + `/${id}`)
.then((res) => {
const data = res.data.result;
formDetail.target = data.target;
formDetail.unit = data.unit;
formDetail.weight = data.weight;
formDetail.meaning = data.meaning;
formDetail.formula = data.formula;
clickList(data.kpiPlanId, true);
})
.catch((err) => {
messageError($q, err);
})
.finally(() => {
hideLoader();
});
}
function fetchListRole() {
const kpiPeriodId = store.dataEvaluation.kpiPeriodId;
const position = store.dataProfile.position;
@ -93,7 +117,28 @@ function fetchListRole() {
});
}
function clickList(id: string) {
function fetchRoleByid(id: string) {
showLoader();
http
.get(config.API.kpiAchievement("role") + `/${id}`)
.then((res) => {
const data = res.data.result;
formDetail.target = data.target;
formDetail.unit = data.unit;
formDetail.weight = data.weight;
formDetail.meaning = data.meaning;
formDetail.formula = data.formula;
clickList(data.kpiRoleId, true);
})
.catch((err) => {
messageError($q, err);
})
.finally(() => {
hideLoader();
});
}
function clickList(id: string, isData: boolean = false) {
showLoader();
const url = numpage.value === 1 ? config.API.kpiPlan : config.API.kpiRole;
http
@ -101,6 +146,13 @@ function clickList(id: string) {
.then((res) => {
listCheckID.value = id;
const data = res.data.result;
if (!isData) {
formDetail.target = data.target;
formDetail.unit = data.unit;
formDetail.weight = data.weight;
formDetail.meaning = data.meaning;
formDetail.formula = data.formula;
}
formDetail.orgRevisionId = data.corgRevisionId;
formDetail.id = data.id;
formDetail.year = data.year;
@ -108,16 +160,11 @@ function clickList(id: string) {
formDetail.kpiPeriodId = data.kpiPeriodId;
formDetail.includingName = data.includingName;
formDetail.including = data.including;
formDetail.target = data.target;
formDetail.unit = data.unit;
formDetail.weight = data.weight;
formDetail.achievement1 = data.achievement1;
formDetail.achievement2 = data.achievement2;
formDetail.achievement3 = data.achievement3;
formDetail.achievement4 = data.achievement4;
formDetail.achievement5 = data.achievement5;
formDetail.meaning = data.meaning;
formDetail.formula = data.formula;
formDetail.node = data.node;
formDetail.nodeId = data.nodeId;
formDetail.nodeName = data.nodeName;
@ -165,7 +212,39 @@ function onSubmit() {
if (!listCheckID.value) {
dialogMessageNotify($q, "กรุณาเลือกตัวชี้วัด");
} else {
dialogConfirm($q, () => {});
dialogConfirm($q, async () => {
// showLoader();
const formBody = {
target: formDetail.target,
unit: Number(formDetail.unit),
weight: Number(formDetail.weight),
meaning: formDetail.meaning,
formula: formDetail.formula,
kpiUserEvaluationId: store.dataEvaluation.id,
kpiPlanId: numpage.value === 1 ? listCheckID.value : undefined,
kpiRoleId: numpage.value === 2 ? listCheckID.value : undefined,
};
try {
const urlPlanned = isStatusEdit.value
? config.API.kpiAchievement("planned") + `/${kpiUserPlannedId.value}`
: config.API.kpiAchievement("planned");
const urlRole = isStatusEdit.value
? config.API.kpiAchievement("role") + `/${kpiUserPlannedId.value}`
: config.API.kpiAchievement("role");
const url = numpage.value === 1 ? urlPlanned : urlRole;
const method = isStatusEdit.value ? "put" : "post";
await http[method](url, formBody);
success($q, "บันทึกข้อมูลสำเร็จ");
} catch (err) {
messageError($q, err);
} finally {
hideLoader();
closeDialog();
}
});
}
}
@ -175,8 +254,10 @@ watch(
if (modal.value) {
if (numpage.value === 1) {
fetchIndicators();
isStatusEdit.value && fetchIndicatorsByid(kpiUserPlannedId.value);
} else if (numpage.value === 2) {
fetchListRole();
isStatusEdit.value && fetchRoleByid(kpiUserPlannedId.value);
}
}
}
@ -219,6 +300,7 @@ watch(
</template>
</q-input>
</div>
<q-card bordered flat class="q-mt-sm no-shadow bg-white col-12">
<div class="row q-px-md q-py-sm items-center bg-grey-1">
<div class="col-4">
@ -231,8 +313,9 @@ watch(
<q-separator />
<q-card-section class="q-pa-none">
<q-list separator dense>
<q-list separator>
<q-item
dense
v-for="(item, index) in listTarget"
:key="index"
clickable
@ -242,12 +325,12 @@ watch(
@click="clickList(item.id)"
>
<q-item-section class="q-pa-none">
<div class="row items-center" style="height: 20px">
<div class="row items-center" style="height: 50px">
<div class="col-4">
<span>{{ item.including }}</span>
{{ item.including }}
</div>
<div class="col-4">
<span>{{ item.includingName }}</span>
{{ item.includingName }}
</div>
</div>
</q-item-section>
@ -333,8 +416,7 @@ watch(
!!val || `${'กรุณากรอกน้ำหนัก (ร้อยละ)'}`,
]"
hide-bottom-space
mask="#"
reverse-fill-mask
mask="###"
/>
</div>
</div>