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

ปรับ โค้ด รายละเอียดงานที่ได้รับมอบหมาย(ยังเก็บไม่หมด)

Browse source
This commit is contained in:
setthawutttty 2023-11-13 17:55:39 +07:00
parent 0f1187ab1a
commit 77f6dff00f
7 changed files with 670 additions and 264 deletions
Download patch file Download diff file Expand all files Collapse all files

441
src/modules/05_placement/components/probation/FormAssign.vue
View file

@ -60,6 +60,10 @@ const position = ref<string>("");
const monthSelect = ref<any>(); const monthSelect = ref<any>();
const optionCaretaker2 = ref<any>([]);
const OPcommanderFn = ref<any>([]);
const OPchairmanFn = ref<any>([]);
const optionCaretaker = ref<any>([]);
const caretaker1 = ref<any>(""); const caretaker1 = ref<any>("");
const caretaker2 = ref<any>(""); const caretaker2 = ref<any>("");
const productivityCount = ref<number>(1); const productivityCount = ref<number>(1);
@ -70,6 +74,18 @@ const activity_desc = ref<string[]>(Array(activityCount.value).fill(""));
const goal_desc = ref<string[]>(Array(activityCount.value).fill("")); const goal_desc = ref<string[]>(Array(activityCount.value).fill(""));
const checkRule = ref<CheckboxItem[]>([]); const checkRule = ref<CheckboxItem[]>([]);
const isDatePicker2Readonly = computed(() => {
return date_start.value === undefined;
});
const activityArray = computed(() => {
return Array(activityCount.value).fill("");
});
const knowledgeArray = computed(() => {
return Array(knowledgeCount.value).fill("");
});
const ProductivityArray = computed(() => {
return Array(productivityCount.value).fill("");
});
const OPmain = ref< const OPmain = ref<
Array<{ id: number; title: string; description: string; level: number }> Array<{ id: number; title: string; description: string; level: number }>
>([]); >([]);
@ -131,7 +147,22 @@ const OPchairman = ref<
}>[] }>[]
>([]); >([]);
const dataEdit = async (id: string) => { interface MonthOption {
value: number;
label: string;
}
interface CheckboxItem {
id: number;
parent_id: number;
description: string;
status_select: number;
checked: number;
}
/**
* update edit
* @param id personal id
*/
async function dataEdit(id: string) {
await myForm.value.validate().then((result: boolean) => { await myForm.value.validate().then((result: boolean) => {
if (result) { if (result) {
showLoader(); showLoader();
@ -149,106 +180,127 @@ const dataEdit = async (id: string) => {
dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ"); dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ");
} }
}); });
};
const saveEdit = (id: string) => {
dialogConfirm($q, async () => await dataEdit(id));
};
const edit = () => {
status.value = true;
};
const cancel = () => {
status.value = false;
getAssign();
};
const filterData = (options: any[], excludedGroups: any[]) => {
return options.filter(
(item) => !excludedGroups.some((group) => group && group.id === item.id)
);
};
const filtermantor = (options: any[], excludedGroups: any[]) => {
return options.filter(
(item) => !excludedGroups.some((group) => group && group.id === item.id)
);
};
const filterMain = (options: any[], excludedGroups: any[]) => {
return options.filter(
(item) => !excludedGroups.some((group) => group && group.id === item.id)
);
};
const clearDateExam = () => {
date_start.value = undefined;
};
const clearDateExam2 = () => {
date_finish.value = undefined;
};
const isDatePicker2Readonly = computed(() => {
return date_start.value === undefined;
});
interface MonthOption {
value: number;
label: string;
} }
//-----------------(3.1)-----------// /**
* pop up confirm
* @param id personal id
*/
function saveEdit(id: string) {
dialogConfirm($q, async () => await dataEdit(id));
}
const addActivity = () => { /** open dialog */
function edit() {
status.value = true;
}
/** close dialog */
function cancel() {
status.value = false;
getAssign();
}
/**
* ฟังก์ชันกรองข้อมูล
* @param options อาร์เรย์ข้อมูลที่จะถูกกรอง
* @param excludedGroups อาร์เรย์ของกลุ่มที่ไม่ต้องการรวม
* @returns {any[]} อาร์เรย์ข้อมูลที่ผ่านการกรอง
*/
function filterData(options: any[], excludedGroups: any[]) {
return options.filter(
(item) => !excludedGroups.some((group) => group && group.id === item.id)
);
}
/**
* ฟังก์ชันกรองข้อมูล
* @param options อาร์เรย์ข้อมูลที่จะถูกกรอง
* @param excludedGroups อาร์เรย์ของกลุ่มที่ไม่ต้องการรวม
* @returns {any[]} อาร์เรย์ข้อมูลที่ผ่านการกรอง
*/
function filtermantor(options: any[], excludedGroups: any[]) {
return options.filter(
(item) => !excludedGroups.some((group) => group && group.id === item.id)
);
}
/**
* ฟังก์ชันกรองข้อมูล
* @param options อาร์เรย์ข้อมูลที่จะถูกกรอง
* @param excludedGroups อาร์เรย์ของกลุ่มที่ไม่ต้องการรวม
* @returns {any[]} อาร์เรย์ข้อมูลที่ผ่านการกรอง
*/
function filterMain(options: any[], excludedGroups: any[]) {
return options.filter(
(item) => !excludedGroups.some((group) => group && group.id === item.id)
);
}
/** reset ค่าวันที่เริ่ม */
function clearDateExam() {
date_start.value = undefined;
}
/** reset ค่าวันที่สิ้นสุด */
function clearDateExam2() {
date_finish.value = undefined;
}
/** เพิ่ม ผลการปฏิบัติงาน*/
function addActivity() {
activityCount.value++; activityCount.value++;
}; }
const deleteactivity = (item: number) => {
/**
* ลบ ผลการปฏิบัติงาน
* @param item ตำเเหน่งของตัวที่ลบ เป็นตัวเลข
*/
function deleteactivity(item: number) {
activity_desc.value.splice(item, 1); activity_desc.value.splice(item, 1);
goal_desc.value.splice(item, 1); goal_desc.value.splice(item, 1);
if (activityCount.value > 2) { if (activityCount.value > 2) {
activityCount.value--; activityCount.value--;
} }
}; }
const activityArray = computed(() => {
return Array(activityCount.value).fill("");
});
//-----------------(3.2)-----------// /** เพิ่มความรู้ความสามารถ โดย สูงสุดที่ 6 item */
function addKnowledge() {
const addKnowledge = () => {
if (knowledgeCount.value < 6) { if (knowledgeCount.value < 6) {
knowledgeCount.value++; knowledgeCount.value++;
} }
}; }
const knowledgeArray = computed(() => { /**
return Array(knowledgeCount.value).fill(""); * ลบ ความรู้ความสามารถ
}); * @param item ตำเเหน่งของตัวที่ลบ เป็นตัวเลข
*/
const deleteknowledge = (item: number) => { function deleteknowledge(item: number) {
knowledge.value.splice(item, 1); knowledge.value.splice(item, 1);
if (knowledgeCount.value > 3) { if (knowledgeCount.value > 3) {
knowledgeCount.value--; knowledgeCount.value--;
} }
}; }
const deleteProductivitys = (item: number) => { /** เพิ่ม ผลผลิตของงาน*/
function addProductivity() {
productivityCount.value++;
}
/**
* ลบ ผลผลิตของงาน
* @param item ตำเเหน่งของตัวที่ลบ เป็นตัวเลข
*/
function deleteProductivitys(item: number) {
output_desc.value.splice(item, 1); output_desc.value.splice(item, 1);
indicator_desc.value.splice(item, 1); indicator_desc.value.splice(item, 1);
if (productivityCount.value > 1) { if (productivityCount.value > 1) {
productivityCount.value--; productivityCount.value--;
} }
};
const addProductivity = () => {
productivityCount.value++;
};
const ProductivityArray = computed(() => {
return Array(productivityCount.value).fill("");
});
interface CheckboxItem {
id: number;
parent_id: number;
description: string;
status_select: number;
checked: number;
} }
const getUser = async () => { /** get ข้อมูล */
async function getUser() {
await http.get(config.API.userPlacement(personalId)).then((res: any) => { await http.get(config.API.userPlacement(personalId)).then((res: any) => {
const data = res.data.result; const data = res.data.result;
OPcaretaker.value = data.caregiver.map((item: any) => ({ OPcaretaker.value = data.caregiver.map((item: any) => ({
@ -305,8 +357,13 @@ const getUser = async () => {
position: item.position, position: item.position,
})); }));
}); });
}; }
const getAssignNew = async (id: string) => {
/**
*ดึงข้อมูลที่ได้รับมอบหมาย
* @param id personal id
*/
async function getAssignNew(id: string) {
await http.get(config.API.newAssign(id)).then((res: any) => { await http.get(config.API.newAssign(id)).then((res: any) => {
const data = res.data.data; const data = res.data.data;
const monthOption = { const monthOption = {
@ -318,8 +375,13 @@ const getAssignNew = async (id: string) => {
fullname.value = data.person.name; fullname.value = data.person.name;
position.value = data.person.Position; position.value = data.person.Position;
}); });
}; }
const getcompetency = async (id: string) => {
/**
* get ข้อมูล สมรรถนะหลัก
* @param id personal id
*/
async function getcompetency(id: string) {
await http.get(config.API.competencyOptions(id)).then((res: any) => { await http.get(config.API.competencyOptions(id)).then((res: any) => {
const data = res.data.data; const data = res.data.data;
OPmain.value = data; OPmain.value = data;
@ -329,8 +391,13 @@ const getcompetency = async (id: string) => {
main4.value = data[3]; main4.value = data[3];
main5.value = data[4]; main5.value = data[4];
}); });
}; }
const getCompetencyGroup = async (id: string) => {
/**
* get ข้อมูล สมรรถนะประจํากลุ่มงาน
* @param id personal id
*/
async function getCompetencyGroup(id: string) {
await http.get(config.API.competencyGroupOptions(id)).then((res: any) => { await http.get(config.API.competencyGroupOptions(id)).then((res: any) => {
const data = res.data.data; const data = res.data.data;
OPgroup.value = data; OPgroup.value = data;
@ -338,13 +405,23 @@ const getCompetencyGroup = async (id: string) => {
group2.value = data[1]; group2.value = data[1];
group3.value = data[2]; group3.value = data[2];
}); });
}; }
const getKnowledge = async (id: string) => {
/**
* get ข้อมูล ความรู้ความสามารถในการปฏิบัติงาน
* @param id personal id
*/
async function getKnowledge(id: string) {
await http.get(config.API.knowledgeOptions(id)).then((res: any) => { await http.get(config.API.knowledgeOptions(id)).then((res: any) => {
OPknowledge.value = res.data.data; OPknowledge.value = res.data.data;
}); });
}; }
const getSkill = async (id: string) => {
/**
* get ข้อมูล ทักษะ
* @param id personal id
*/
async function getSkill(id: string) {
await http.get(config.API.skillOptions(id)).then((res: any) => { await http.get(config.API.skillOptions(id)).then((res: any) => {
const skillData = res.data.data; const skillData = res.data.data;
OPcomputer.value = [skillData.computer]; OPcomputer.value = [skillData.computer];
@ -356,13 +433,20 @@ const getSkill = async (id: string) => {
skill3.value = skillData.information; skill3.value = skillData.information;
skill4.value = skillData.resourse; skill4.value = skillData.resourse;
}); });
}; }
const getLaw = async (id: string) => {
/**
* get ข้อมูล ความรู้เรื่องกฎหมายและกฎระเบียบ
* @param id personal id
*/
async function getLaw(id: string) {
await http.get(config.API.lawOptions(id)).then((res: any) => { await http.get(config.API.lawOptions(id)).then((res: any) => {
checkRule.value = res.data.data; checkRule.value = res.data.data;
}); });
}; }
const postDateTime = async () => {
/** ฟังชั่นส่ง วันที่ไปคำนวณ */
async function postDateTime() {
await http await http
.post(config.API.calculateDate(), { .post(config.API.calculateDate(), {
month: monthSelect.value !== null ? parseInt(monthSelect.value) : null, month: monthSelect.value !== null ? parseInt(monthSelect.value) : null,
@ -376,8 +460,12 @@ const postDateTime = async () => {
.finally(async () => { .finally(async () => {
hideLoader(); hideLoader();
}); });
}; }
const putDataEdit = (id: string) => {
/** ฟังชั่น อัพเดต ข้อมูลที่จะส่ง
* @param id personal
*/
function putDataEdit(id: string) {
const GUID = personalId; const GUID = personalId;
const assign_job = activityArray.value.map((item, index) => { const assign_job = activityArray.value.map((item, index) => {
const activityDesc = activity_desc.value[index]?.trim(); const activityDesc = activity_desc.value[index]?.trim();
@ -506,9 +594,12 @@ const putDataEdit = (id: string) => {
})), })),
}; };
return data; return data;
}; }
const putData = (id: string) => { /** ฟังชั่น สร้างข้อมูลที่จะส่ง
* @param id personal
*/
function putData(id: string) {
const GUID = personalId; const GUID = personalId;
const assign_job = activityArray.value.map((item, index) => { const assign_job = activityArray.value.map((item, index) => {
const activityDesc = activity_desc.value[index]?.trim(); const activityDesc = activity_desc.value[index]?.trim();
@ -628,9 +719,13 @@ const putData = (id: string) => {
})), })),
}; };
return data; return data;
}; }
const saveData = async (id: string) => { /**
* เช็คข้อมูลก่อนบันทึก
* @param id personal id
*/
async function saveData(id: string) {
await myForm.value.validate().then((result: boolean) => { await myForm.value.validate().then((result: boolean) => {
if (result) { if (result) {
dialogConfirm($q, async () => await DataSave(id)); dialogConfirm($q, async () => await DataSave(id));
@ -638,9 +733,13 @@ const saveData = async (id: string) => {
dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ"); dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ");
} }
}); });
}; }
const DataSave = async (id: string) => { /**
* บันทึก
* @param id personal id
*/
async function DataSave(id: string) {
const data = putData(id); const data = putData(id);
await http await http
.post(config.API.saveFinish(id), data) .post(config.API.saveFinish(id), data)
@ -654,9 +753,10 @@ const DataSave = async (id: string) => {
.finally(() => { .finally(() => {
hideLoader(); hideLoader();
}); });
}; }
const getAssign = async () => { /** get ข้อมูลรายการมอบหมาย */
async function getAssign() {
await http.get(config.API.probationsGetAssign(assignId.value)).then((res) => { await http.get(config.API.probationsGetAssign(assignId.value)).then((res) => {
status.value = false; status.value = false;
const data = res.data.data; const data = res.data.data;
@ -718,8 +818,14 @@ const getAssign = async () => {
status_select: law.status_select, status_select: law.status_select,
})); }));
}); });
}; }
const downloadFile = (response: any, filename: string) => {
/**
* download file
* @param response ไฟล์
* @param filename ชื่อไฟล์
*/
function downloadFile(response: any, filename: string) {
const link = document.createElement("a"); const link = document.createElement("a");
var fileName = filename; var fileName = filename;
link.href = window.URL.createObjectURL(new Blob([response.data])); link.href = window.URL.createObjectURL(new Blob([response.data]));
@ -727,9 +833,13 @@ const downloadFile = (response: any, filename: string) => {
document.body.appendChild(link); document.body.appendChild(link);
link.click(); link.click();
document.body.removeChild(link); document.body.removeChild(link);
}; }
const clickdownloadFile = async (type: string) => { /**
* download file
* @param type type file
*/
async function clickdownloadFile(type: string) {
showLoader(); showLoader();
await http await http
.get(config.API.reportAssign(type, assignId.value), { .get(config.API.reportAssign(type, assignId.value), {
@ -747,8 +857,9 @@ const clickdownloadFile = async (type: string) => {
.finally(() => { .finally(() => {
hideLoader(); hideLoader();
}); });
}; }
/** เช็ค จำนวนเดือน เเละ วันที่เริ่ม ไม่เท่ากับ undefined*/
watch( watch(
() => [monthSelect.value, date_start.value], () => [monthSelect.value, date_start.value],
() => { () => {
@ -757,24 +868,19 @@ watch(
} }
} }
); );
/** เช็ค ความรู้ทักษะ ไม่สามารถเลือก หัวข้อซ้ำ */
watch(knowledge.value, () => { watch(knowledge.value, () => {
knowledge.value.forEach((item) => { knowledge.value.forEach((item) => {
OPknowledge.value = OPknowledge.value.filter((e) => e.id != item.id); OPknowledge.value = OPknowledge.value.filter((e) => e.id != item.id);
}); });
}); });
onMounted(async () => {
await getUser(); /**
await getLaw(personalId); * ฟิลเตอร์ผู้ดูเเลตาม ที่กรอก
await getcompetency(personalId); * @param val รับค่า input
await getCompetencyGroup(personalId); * @param update fn
await getSkill(personalId); */
await getKnowledge(personalId);
await getAssignNew(personalId);
if (assignId.value !== undefined) {
await getAssign();
}
});
const optionCaretaker = ref<any>([]);
function filterFnCaretaker(val: string, update: any) { function filterFnCaretaker(val: string, update: any) {
if (val == "") { if (val == "") {
update(() => { update(() => {
@ -790,7 +896,13 @@ function filterFnCaretaker(val: string, update: any) {
}); });
} }
} }
const optionCaretaker2 = ref<any>([]);
/**
* ฟิลเตอร์ผู้ดูเเลตาม ที่กรอก
* @param val รับค่า input
* @param update fn
*/
function filterFnCaretaker2(val: string, update: any) { function filterFnCaretaker2(val: string, update: any) {
if (val == "") { if (val == "") {
update(() => { update(() => {
@ -806,7 +918,13 @@ function filterFnCaretaker2(val: string, update: any) {
}); });
} }
} }
const OPcommanderFn = ref<any>([]);
/**
* ฟิลเตอร์ผู้ดูเเลตาม ที่กรอก
* @param val รับค่า input
* @param update fn
*/
function filterFnCommander(val: string, update: any) { function filterFnCommander(val: string, update: any) {
if (val == "") { if (val == "") {
update(() => { update(() => {
@ -820,7 +938,13 @@ function filterFnCommander(val: string, update: any) {
}); });
} }
} }
const OPchairmanFn = ref<any>([]);
/**
* ฟิลเตอร์ผู้ดูเเลตาม ที่กรอก
* @param val รับค่า input
* @param update fn
*/
function filterFnChairman(val: string, update: any) { function filterFnChairman(val: string, update: any) {
if (val == "") { if (val == "") {
update(() => { update(() => {
@ -834,6 +958,20 @@ function filterFnChairman(val: string, update: any) {
}); });
} }
} }
/** เมื่อโหลดหน้า เรียกใช้งานฟังชั่น */
onMounted(async () => {
await getUser();
await getLaw(personalId);
await getcompetency(personalId);
await getCompetencyGroup(personalId);
await getSkill(personalId);
await getKnowledge(personalId);
await getAssignNew(personalId);
if (assignId.value !== undefined) {
await getAssign();
}
});
</script> </script>
<template> <template>
@ -851,6 +989,7 @@ function filterFnChairman(val: string, update: any) {
@click="router.go(-1)" @click="router.go(-1)"
v-if="routeName == 'probationWorkAdd'" v-if="routeName == 'probationWorkAdd'"
/> />
<div v-if="routeName == 'probationWorkAdd'"> <div v-if="routeName == 'probationWorkAdd'">
เพิ่มแบบมอบหมายงานการทดลองปฏิบัติหน้าที่ราชการ เพิ่มแบบมอบหมายงานการทดลองปฏิบัติหน้าที่ราชการ
</div> </div>
@ -903,6 +1042,7 @@ function filterFnChairman(val: string, update: any) {
<q-tooltip>แก้ไขข้อมูล</q-tooltip> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn> </q-btn>
</div> </div>
<div v-else> <div v-else>
<q-btn <q-btn
dense dense
@ -914,6 +1054,7 @@ function filterFnChairman(val: string, update: any) {
> >
<q-tooltip>ยกเลิก</q-tooltip> <q-tooltip>ยกเลิก</q-tooltip>
</q-btn> </q-btn>
<q-btn <q-btn
dense dense
flat flat
@ -928,6 +1069,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 text-dark"> <div class="col-12 text-dark">
<div class="row col-12"> <div class="row col-12">
<div class="row col-12 q-gutter-lg"> <div class="row col-12 q-gutter-lg">
@ -938,6 +1080,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-md">
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-input <q-input
:rules="[(val) => !!val || 'กรุณากรอกชื่อ']" :rules="[(val) => !!val || 'กรุณากรอกชื่อ']"
hide-bottom-space hide-bottom-space
@ -948,8 +1091,10 @@ function filterFnChairman(val: string, update: any) {
v-model="fullname" v-model="fullname"
label="ชื่อ-สกุล" label="ชื่อ-สกุล"
/> />
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-input <q-input
:rules="[(val) => !!val || 'กรุณากรอกตำเเหน่ง']" :rules="[(val) => !!val || 'กรุณากรอกตำเเหน่ง']"
hide-bottom-space hide-bottom-space
@ -960,6 +1105,7 @@ function filterFnChairman(val: string, update: any) {
v-model="position" v-model="position"
label="ตำแหน่ง" label="ตำแหน่ง"
/> />
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top0 items-center"> <div class="col-12 text-top0 items-center">
@ -981,6 +1127,7 @@ function filterFnChairman(val: string, update: any) {
v-model="monthSelect" v-model="monthSelect"
:label="`ระยะเวลา (เดือน)`" :label="`ระยะเวลา (เดือน)`"
/> />
</div> </div>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<datepicker <datepicker
@ -1020,6 +1167,7 @@ function filterFnChairman(val: string, update: any) {
</q-input> </q-input>
</template> </template>
</datepicker> </datepicker>
</div> </div>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<datepicker <datepicker
@ -1058,6 +1206,7 @@ function filterFnChairman(val: string, update: any) {
</q-input> </q-input>
</template> </template>
</datepicker> </datepicker>
</div> </div>
</div> </div>
</div> </div>
@ -1095,8 +1244,9 @@ function filterFnChairman(val: string, update: any) {
ไม่มีข้อมูล ไม่มีข้อมูล
</q-item-section> </q-item-section>
</q-item> </q-item>
</template></q-select </template>
> </q-select>
<q-select <q-select
clearable clearable
:options="optionCaretaker2" :options="optionCaretaker2"
@ -1123,6 +1273,7 @@ function filterFnChairman(val: string, update: any) {
</template> </template>
</q-select> </q-select>
</div> </div>
<div v-else class="col-12 row q-col-gutter-md"> <div v-else class="col-12 row q-col-gutter-md">
<q-select <q-select
:rules="[(val) => !!val || 'กรุณาเลือกผู้ดูเเล']" :rules="[(val) => !!val || 'กรุณาเลือกผู้ดูเเล']"
@ -1138,6 +1289,7 @@ function filterFnChairman(val: string, update: any) {
:label="`ผู้ดูแลคนที่ 1`" :label="`ผู้ดูแลคนที่ 1`"
option-label="name" option-label="name"
/> />
<q-select <q-select
clearable clearable
:options="filtermantor(OPcaretaker, [caretaker1])" :options="filtermantor(OPcaretaker, [caretaker1])"
@ -1152,6 +1304,7 @@ function filterFnChairman(val: string, update: any) {
v-model="caretaker2" v-model="caretaker2"
:label="`ผู้ดูแลคนที่ 2`" :label="`ผู้ดูแลคนที่ 2`"
/> />
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
@ -1176,6 +1329,7 @@ function filterFnChairman(val: string, update: any) {
class="q-ml-sm" class="q-ml-sm"
@click="addActivity" @click="addActivity"
/> />
</div> </div>
<div class="col-12 row q-gutter-sm"> <div class="col-12 row q-gutter-sm">
<q-card <q-card
@ -1187,6 +1341,7 @@ function filterFnChairman(val: string, update: any) {
> >
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-input <q-input
:rules=" :rules="
index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : [] index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
@ -1201,8 +1356,10 @@ function filterFnChairman(val: string, update: any) {
v-model="activity_desc[index]" v-model="activity_desc[index]"
label="กิจกรรมของงาน/ขั้นตอนการปฏิบัติงาน(ไม่เกิน10บรรทัด )" label="กิจกรรมของงาน/ขั้นตอนการปฏิบัติงาน(ไม่เกิน10บรรทัด )"
/> />
</div> </div>
<div class="col-xs-12 col-sm-5"> <div class="col-xs-12 col-sm-5">
<q-input <q-input
:rules=" :rules="
index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : [] index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
@ -1217,12 +1374,14 @@ function filterFnChairman(val: string, update: any) {
v-model="goal_desc[index]" v-model="goal_desc[index]"
label="เป้าหมายในการปฏิบัติงาน(ไม่เกิน10บรรทัด )" label="เป้าหมายในการปฏิบัติงาน(ไม่เกิน10บรรทัด )"
/> />
</div> </div>
<!-- delete --> <!-- delete -->
<div <div
v-if="index > 1" v-if="index > 1"
class="col-xs-12 col-sm-1 flex justify-center items-center" class="col-xs-12 col-sm-1 flex justify-center items-center"
> >
<q-btn <q-btn
flat flat
round round
@ -1231,6 +1390,7 @@ function filterFnChairman(val: string, update: any) {
@click="deleteactivity(index)" @click="deleteactivity(index)"
v-if="status == true" v-if="status == true"
/> />
</div> </div>
</div> </div>
</q-card> </q-card>
@ -1257,6 +1417,7 @@ function filterFnChairman(val: string, update: any) {
class="q-ml-sm" class="q-ml-sm"
@click="addKnowledge" @click="addKnowledge"
/> />
</div> </div>
<div <div
v-for="(item, index) in knowledgeArray" v-for="(item, index) in knowledgeArray"
@ -1264,6 +1425,7 @@ function filterFnChairman(val: string, update: any) {
class="col-12 row q-col-gutter-sm" class="col-12 row q-col-gutter-sm"
> >
<div class="col-11 q-my-xs"> <div class="col-11 q-my-xs">
<q-select <q-select
:option-label=" :option-label="
(item) => `${item.title}-${item.description}` (item) => `${item.title}-${item.description}`
@ -1287,11 +1449,13 @@ function filterFnChairman(val: string, update: any) {
index + 1 index + 1
}`" }`"
/> />
</div> </div>
<div <div
v-if="index > 2" v-if="index > 2"
class="col-xs-12 col-sm-1 flex justify-center items-center" class="col-xs-12 col-sm-1 flex justify-center items-center"
> >
<q-btn <q-btn
v-if="status == true" v-if="status == true"
flat flat
@ -1300,6 +1464,7 @@ function filterFnChairman(val: string, update: any) {
icon="mdi-trash-can-outline" icon="mdi-trash-can-outline"
@click="deleteknowledge(index)" @click="deleteknowledge(index)"
/> />
</div> </div>
</div> </div>
</div> </div>
@ -1403,6 +1568,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
</div> </div>
<div v-for="(item, index) in checkRule" :key="item.id"> <div v-for="(item, index) in checkRule" :key="item.id">
<div <div
v-if="index === 16" v-if="index === 16"
@ -1413,6 +1579,7 @@ function filterFnChairman(val: string, update: any) {
{{ item.description }} {{ item.description }}
</div> </div>
</div> </div>
<div <div
v-else-if="index > 16 && index < 19" v-else-if="index > 16 && index < 19"
class="row borderCheck border_y q-py-xs" class="row borderCheck border_y q-py-xs"
@ -1431,6 +1598,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
</div> </div>
<div v-for="(item, index) in checkRule" :key="item.id"> <div v-for="(item, index) in checkRule" :key="item.id">
<div <div
v-if="index === 19" v-if="index === 19"
@ -1462,6 +1630,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</q-card> </q-card>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top2"> <div class="col-12 text-top2">
กฎหมายอื่น ๆ ที่เกี่ยวข้องกับการปฏิบัติงาน กฎหมายอื่น ๆ ที่เกี่ยวข้องกับการปฏิบัติงาน
@ -1480,6 +1649,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top2">ทักษะ</div> <div class="col-12 text-top2">ทักษะ</div>
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
@ -1512,6 +1682,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
ellipsis-2-lines ellipsis-2-lines
@ -1542,6 +1713,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
:option-label=" :option-label="
@ -1571,6 +1743,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
:option-label=" :option-label="
@ -1644,6 +1817,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
:option-label=" :option-label="
@ -1672,6 +1846,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
:option-label=" :option-label="
@ -1700,6 +1875,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
:option-label=" :option-label="
@ -1759,6 +1935,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top2">สมรรถนะประจํากลุ่มงาน</div> <div class="col-12 text-top2">สมรรถนะประจํากลุ่มงาน</div>
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
@ -1790,6 +1967,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
:option-label=" :option-label="
@ -1818,6 +1996,7 @@ function filterFnChairman(val: string, update: any) {
</template></q-select </template></q-select
> >
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<q-select <q-select
:option-label=" :option-label="
@ -1984,6 +2163,7 @@ function filterFnChairman(val: string, update: any) {
label="ผลผลิตของงานที่คาดหวัง (ไม่เกิน 10 บรรทัด)" label="ผลผลิตของงานที่คาดหวัง (ไม่เกิน 10 บรรทัด)"
/> />
</div> </div>
<div class="col-xs-12 col-sm-5"> <div class="col-xs-12 col-sm-5">
<q-input <q-input
:rules=" :rules="
@ -2000,6 +2180,7 @@ function filterFnChairman(val: string, update: any) {
label="ตัวชี้วัดความสําเร็จของงาน (ไม่เกิน 10 บรรทัด)" label="ตัวชี้วัดความสําเร็จของงาน (ไม่เกิน 10 บรรทัด)"
/> />
</div> </div>
<div <div
v-if="index > 0" v-if="index > 0"
class="col-xs-12 col-sm-1 flex justify-center items-center" class="col-xs-12 col-sm-1 flex justify-center items-center"
@ -2017,6 +2198,7 @@ function filterFnChairman(val: string, update: any) {
</q-card> </q-card>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<q-separator size="3px" color="grey-2" /> <q-separator size="3px" color="grey-2" />
</div> </div>
@ -2169,6 +2351,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-md">
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<q-input <q-input
:readonly="status != true" :readonly="status != true"
@ -2179,6 +2362,7 @@ function filterFnChairman(val: string, update: any) {
label="ชื่อ-สกุล" label="ชื่อ-สกุล"
/> />
</div> </div>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<q-input <q-input
:readonly="status != true" :readonly="status != true"
@ -2189,6 +2373,7 @@ function filterFnChairman(val: string, update: any) {
label="ตำแหน่ง" label="ตำแหน่ง"
/> />
</div> </div>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
@ -2232,11 +2417,13 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top2 row items-center"> <div class="col-12 text-top2 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ดูแลการทดลองปฏิบัติหน้าที่ราชการ ผู้ดูแลการทดลองปฏิบัติหน้าที่ราชการ
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-md">
<q-select <q-select
v-if="status == true" v-if="status == true"
@ -2262,6 +2449,7 @@ function filterFnChairman(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<q-select <q-select
v-else v-else
:options="optionCaretaker" :options="optionCaretaker"
@ -2286,6 +2474,7 @@ function filterFnChairman(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
@ -2327,6 +2516,7 @@ function filterFnChairman(val: string, update: any) {
</template> </template>
</datepicker> </datepicker>
</div> </div>
<q-select <q-select
clearable clearable
v-if="status == true" v-if="status == true"
@ -2351,6 +2541,7 @@ function filterFnChairman(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<q-select <q-select
clearable clearable
v-else v-else
@ -2376,6 +2567,7 @@ function filterFnChairman(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
@ -2431,6 +2623,7 @@ function filterFnChairman(val: string, update: any) {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้บังคับบัญชาผู้มอบหมายงาน ผู้บังคับบัญชาผู้มอบหมายงาน
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-md">
<q-select <q-select
v-if="status == true" v-if="status == true"
@ -2457,6 +2650,7 @@ function filterFnChairman(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<q-select <q-select
v-else v-else
:options="OPcommanderFn" :options="OPcommanderFn"
@ -2482,6 +2676,7 @@ function filterFnChairman(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
@ -2525,6 +2720,7 @@ function filterFnChairman(val: string, update: any) {
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top2 row items-center"> <div class="col-12 text-top2 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
@ -2556,6 +2752,7 @@ function filterFnChairman(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<q-select <q-select
v-else v-else
:options="OPchairmanFn" :options="OPchairmanFn"

40
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
View file

@ -89,7 +89,8 @@ const list2_1 = probationStore.behavior_no1;
const list2_2 = probationStore.behavior_no2; const list2_2 = probationStore.behavior_no2;
const list2_3 = probationStore.behavior_no3; const list2_3 = probationStore.behavior_no3;
const fecthAssign = async () => { /** get ข้อมูลมอบหมายงาน */
async function fecthAssign(){
showLoader(); showLoader();
await http await http
.get(config.API.evaluateCreate(assignId.value)) .get(config.API.evaluateCreate(assignId.value))
@ -117,7 +118,9 @@ const fecthAssign = async () => {
hideLoader(); hideLoader();
}); });
}; };
const fetchEvaluate = async () => {
/** get ข้อมูล แบบ ประเมิน*/
async function fetchEvaluate(){
try { try {
let data = await dataArr.value; let data = await dataArr.value;
evaluate_id.value = data.id; evaluate_id.value = data.id;
@ -168,7 +171,8 @@ const fetchEvaluate = async () => {
} }
}; };
const savaForm = () => { /** ตรวจเช็คข้อมูล */
function savaForm(){
let hasError = false; let hasError = false;
behavio_strengthRef.value.validate(); behavio_strengthRef.value.validate();
if ( if (
@ -206,7 +210,9 @@ const savaForm = () => {
notifyError($q, "กรุณากรอกข้อมูลให้ครบ"); notifyError($q, "กรุณากรอกข้อมูลให้ครบ");
} }
}; };
const save = () => {
/** อับเดต ข้อมูล*/
function save(){
const data = { const data = {
evaluate_no: evaluate_no.value, evaluate_no: evaluate_no.value,
start_date: start_date.value, start_date: start_date.value,
@ -255,6 +261,7 @@ const save = () => {
}); });
}); });
}; };
watch(props, async () => { watch(props, async () => {
if (props.tab && props.action == "edit") { if (props.tab && props.action == "edit") {
evaluate_no.value = Number(props.tab.charAt(4)); evaluate_no.value = Number(props.tab.charAt(4));
@ -263,6 +270,7 @@ watch(props, async () => {
fetchEvaluate(); fetchEvaluate();
} }
}); });
onMounted(async () => { onMounted(async () => {
if (props.tab && props.action == "edit") { if (props.tab && props.action == "edit") {
evaluate_no.value = Number(props.tab.charAt(4)); evaluate_no.value = Number(props.tab.charAt(4));
@ -277,6 +285,7 @@ onMounted(async () => {
<div class="row col-12 no-margin q-pa-sm"> <div class="row col-12 no-margin q-pa-sm">
<div class="toptitle text-dark col-12 row items-center q-gutter-md"> <div class="toptitle text-dark col-12 row items-center q-gutter-md">
<div>แบบประเมินผล (ผู้บังคับบัญชา)</div> <div>แบบประเมินผล (ผู้บังคับบัญชา)</div>
<div v-if="status == false"> <div v-if="status == false">
<q-btn <q-btn
dense dense
@ -289,6 +298,7 @@ onMounted(async () => {
<q-tooltip>แก้ไขข้อมูล</q-tooltip> <q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn> </q-btn>
</div> </div>
<div v-else> <div v-else>
<q-btn dense flat round color="red" @click="cancel()" icon="mdi-undo"> <q-btn dense flat round color="red" @click="cancel()" icon="mdi-undo">
<q-tooltip>ยกเลิก</q-tooltip> <q-tooltip>ยกเลิก</q-tooltip>
@ -306,23 +316,27 @@ onMounted(async () => {
</q-btn> </q-btn>
</div> </div>
</div> </div>
<div class="row col-12 q-gutter-lg"> <div class="row col-12 q-gutter-lg">
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top0 row items-center"> <div class="col-12 text-top0 row items-center">
<div class="col-12 row text-top0"> <div class="col-12 row text-top0">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ทดลองปฏิบัติหน้าที่ราชการ {{ probationStore.person.name }} ผู้ทดลองปฏิบัติหน้าที่ราชการ {{ probationStore.person.name }}
</div> </div>
<div class="col-12 q-pl-md q-pb-md"> <div class="col-12 q-pl-md q-pb-md">
<!-- <div class="col-12"><span class="text-top0 q-pl-sm">ตำแหน่ง</span> {{ person.Position }}</div> -->
<div class="col-12"> <div class="col-12">
<span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span> <span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span>
{{ probationStore.person.PositionLineName }} {{ probationStore.person.PositionLineName }}
</div> </div>
<div class="col-12"> <div class="col-12">
<span class="text-top0 q-pl-sm">ระดับ</span> <span class="text-top0 q-pl-sm">ระดับ</span>
{{ probationStore.person.PositionLevelName }} {{ probationStore.person.PositionLevelName }}
</div> </div>
<div class="col-12"> <div class="col-12">
<span class="text-top0 q-pl-sm">สังกัด</span> <span class="text-top0 q-pl-sm">สังกัด</span>
{{ probationStore.person.Oc }} {{ probationStore.person.Oc }}
@ -360,12 +374,14 @@ onMounted(async () => {
<q-separator size="3px" color="grey-2" /> <q-separator size="3px" color="grey-2" />
</div> </div>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top0 items-center"> <div class="col-12 text-top0 items-center">
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar> <q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
</div> </div>
</div> </div>
<div class="col-12 row no-margin"> <div class="col-12 row no-margin">
<q-card class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg"> <q-card class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg">
<q-list dense> <q-list dense>
@ -741,6 +757,7 @@ onMounted(async () => {
</q-list> </q-list>
</q-card> </q-card>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg"> <div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
@ -789,6 +806,7 @@ onMounted(async () => {
</q-list> </q-list>
</q-card> </q-card>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg"> <div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
@ -837,6 +855,7 @@ onMounted(async () => {
</q-list> </q-list>
</q-card> </q-card>
</div> </div>
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg"> <div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
@ -907,6 +926,7 @@ onMounted(async () => {
</q-card> </q-card>
</div> </div>
<!-- <FormComment /> --> <!-- <FormComment /> -->
<div class="row col-12 q-gutter-lg no-margin"> <div class="row col-12 q-gutter-lg no-margin">
<div class="col-12 row"> <div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg"> <div class="col-12 text-top0 row items-center q-pl-lg">
@ -970,6 +990,7 @@ onMounted(async () => {
</q-item-section> </q-item-section>
<q-item-section side> <q-item-section side>
<div class="row"> <div class="row">
<q-radio <q-radio
checked-icon="task_alt" checked-icon="task_alt"
unchecked-icon="panorama_fish_eye" unchecked-icon="panorama_fish_eye"
@ -986,6 +1007,7 @@ onMounted(async () => {
val="0" val="0"
label=" ยังไม่ได้ดำเนินการ" label=" ยังไม่ได้ดำเนินการ"
/> />
</div> </div>
</q-item-section> </q-item-section>
</q-item> </q-item>
@ -996,6 +1018,7 @@ onMounted(async () => {
</q-item-section> </q-item-section>
<q-item-section side> <q-item-section side>
<div class="row"> <div class="row">
<q-radio <q-radio
checked-icon="task_alt" checked-icon="task_alt"
unchecked-icon="panorama_fish_eye" unchecked-icon="panorama_fish_eye"
@ -1012,6 +1035,7 @@ onMounted(async () => {
val="0" val="0"
label=" ยังไม่ได้ดำเนินการ" label=" ยังไม่ได้ดำเนินการ"
/> />
</div> </div>
</q-item-section> </q-item-section>
</q-item> </q-item>
@ -1022,6 +1046,7 @@ onMounted(async () => {
</q-item-section> </q-item-section>
<q-item-section side> <q-item-section side>
<div class="row"> <div class="row">
<q-radio <q-radio
checked-icon="task_alt" checked-icon="task_alt"
:disable="!status" :disable="!status"
@ -1038,6 +1063,7 @@ onMounted(async () => {
val="0" val="0"
label=" ยังไม่ได้ดำเนินการ" label=" ยังไม่ได้ดำเนินการ"
/> />
</div> </div>
</q-item-section> </q-item-section>
</q-item> </q-item>
@ -1050,6 +1076,7 @@ onMounted(async () => {
</q-item-section> </q-item-section>
<q-item-section side> <q-item-section side>
<div class="row"> <div class="row">
<q-radio <q-radio
checked-icon="task_alt" checked-icon="task_alt"
unchecked-icon="panorama_fish_eye" unchecked-icon="panorama_fish_eye"
@ -1066,6 +1093,7 @@ onMounted(async () => {
val="0" val="0"
label=" ยังไม่ได้ดำเนินการ" label=" ยังไม่ได้ดำเนินการ"
/> />
</div> </div>
</q-item-section> </q-item-section>
</q-item> </q-item>
@ -1079,6 +1107,7 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-11 row"> <div class="col-xs-12 col-sm-11 row">
<div class="col-12 text-top2 row items-center">ผู้บังคับบัญชา</div> <div class="col-12 text-top2 row items-center">ผู้บังคับบัญชา</div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-md">
<q-select <q-select
class="col-xs-12 col-sm-8" class="col-xs-12 col-sm-8"
dense dense
@ -1088,6 +1117,7 @@ onMounted(async () => {
label="ผู้บังคับบัญชา" label="ผู้บังคับบัญชา"
disable disable
/> />
<div class="col-xs-12 col-sm-4"> <div class="col-xs-12 col-sm-4">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"

51
src/modules/05_placement/components/probation/MainDetail.vue
View file

@ -51,23 +51,30 @@ const drawer = ref<boolean>(true);
const activeTab = ref<string>(""); const activeTab = ref<string>("");
const personalId = ref<string>(route.params.personalId.toString()); const personalId = ref<string>(route.params.personalId.toString());
/**
* เปลี่ยน tab เมนู
* @param tab กำหนด tab
*/
function changeTab(tab: string){
DataStore.mainTab = tab;
activeTab.value = DataStore.mainTab;
};
/** ปุ่มกลับ */
function clickBack(){
router.push(`/probation/detail/${personalId.value}`);
DataStore.mainTab = "tab1";
};
/** เมื่อเริ่มโหลดหน้า ให้ tab เป็น tab1 */
onMounted(() => { onMounted(() => {
if (DataStore.mainTab) { if (DataStore.mainTab) {
activeTab.value = DataStore.mainTab; activeTab.value = DataStore.mainTab;
} else activeTab.value = "tab1"; } else activeTab.value = "tab1";
}); });
const changeTab = (tab: string) => {
DataStore.mainTab = tab;
activeTab.value = DataStore.mainTab;
};
const clickBack = () => {
router.push(`/probation/detail/${personalId.value}`);
DataStore.mainTab = "tab1";
};
</script> </script>
<template> <template>
<!-- <div class="toptitle text-dark col-12 row items-center">จัดการบัญชี 2</div> -->
<q-card flat bordered class="col-12"> <q-card flat bordered class="col-12">
<q-layout <q-layout
view="hHh Lpr lff" view="hHh Lpr lff"
@ -114,10 +121,6 @@ const clickBack = () => {
:active="activeTab == 'tab1'" :active="activeTab == 'tab1'"
@click="changeTab('tab1')" @click="changeTab('tab1')"
> >
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file" />
</q-item-section> -->
<q-item-section>แบบมอบหมายงาน ฯ</q-item-section> <q-item-section>แบบมอบหมายงาน ฯ</q-item-section>
</q-item> </q-item>
@ -130,10 +133,6 @@ const clickBack = () => {
:active="activeTab == 'tab2'" :active="activeTab == 'tab2'"
@click="changeTab('tab2')" @click="changeTab('tab2')"
> >
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-edit" />
</q-item-section> -->
<q-item-section> <q-item-section>
แบบบันทึกผล แบบบันทึกผล
<br /> <br />
@ -149,10 +148,6 @@ const clickBack = () => {
:active="activeTab == 'tab8'" :active="activeTab == 'tab8'"
@click="changeTab('tab8')" @click="changeTab('tab8')"
> >
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-edit" />
</q-item-section> -->
<q-item-section> <q-item-section>
แบบบันทึกผล แบบบันทึกผล
<br /> <br />
@ -169,10 +164,6 @@ const clickBack = () => {
:active="activeTab == 'tab3'" :active="activeTab == 'tab3'"
@click="changeTab('tab3')" @click="changeTab('tab3')"
> >
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-star" />
</q-item-section> -->
<q-item-section> <q-item-section>
แบบประเมินผล<br /> แบบประเมินผล<br />
<div class="text-caption text-grey-7">(ผู้บังคับบัญชา)</div> <div class="text-caption text-grey-7">(ผู้บังคับบัญชา)</div>
@ -188,10 +179,6 @@ const clickBack = () => {
:active="activeTab == 'tab4'" :active="activeTab == 'tab4'"
@click="changeTab('tab4')" @click="changeTab('tab4')"
> >
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-star" />
</q-item-section> -->
<q-item-section> <q-item-section>
แบบประเมินผล<br /> แบบประเมินผล<br />
<div class="text-caption text-grey-7">(คณะกรรมการ)</div> <div class="text-caption text-grey-7">(คณะกรรมการ)</div>
@ -207,12 +194,9 @@ const clickBack = () => {
:active="activeTab == 'tab5'" :active="activeTab == 'tab5'"
@click="changeTab('tab5')" @click="changeTab('tab5')"
> >
<!-- <q-item-section avatar style="min-width: 40px">
<q-icon size="18px" name="mdi-file-chart" />
</q-item-section> -->
<q-item-section> แบบรายงาน<br />การประเมินฯ </q-item-section> <q-item-section> แบบรายงาน<br />การประเมินฯ </q-item-section>
</q-item> </q-item>
<q-item <q-item
active-class="text-primary bg-teal-1 text-weight-medium" active-class="text-primary bg-teal-1 text-weight-medium"
clickable clickable
@ -224,6 +208,7 @@ const clickBack = () => {
> >
<q-item-section> ผลการประเมินการ ฯ </q-item-section> <q-item-section> ผลการประเมินการ ฯ </q-item-section>
</q-item> </q-item>
<q-item <q-item
active-class="text-primary bg-teal-1 text-weight-medium" active-class="text-primary bg-teal-1 text-weight-medium"
clickable clickable

101
src/modules/05_placement/components/probation/MainProbation.vue
View file

@ -34,12 +34,12 @@ const probationlist = ref<any>([]);
const filterKeyword = ref<string>(""); const filterKeyword = ref<string>("");
const fillterStatus = ref<any>([]); const fillterStatus = ref<any>([]);
const filterKeyword2 = ref<string>(""); const filterKeyword2 = ref<string>("");
const Opfillter2 = ref<any[]>([]);
const storeFn = useTransferDataStore(); const storeFn = useTransferDataStore();
const mixin = useCounterMixin(); const mixin = useCounterMixin();
const { statusProbationMain } = storeFn; const { statusProbationMain } = storeFn;
const { messageError, success, showLoader, hideLoader, dialogConfirm } = mixin; const { messageError, success, showLoader, hideLoader, dialogConfirm } = mixin;
const pagination = ref({ const pagination = ref({
sortBy: "desc", sortBy: "desc",
descending: false, descending: false,
@ -52,6 +52,8 @@ const pagination2 = ref({
page: 1, page: 1,
rowsPerPage: 10, rowsPerPage: 10,
}); });
/** ข้อมูลที่เเสดง */
const visibleColumns = ref<string[]>([ const visibleColumns = ref<string[]>([
"no", "no",
"name", "name",
@ -63,7 +65,7 @@ const visibleColumns = ref<string[]>([
"probation_status", "probation_status",
]); ]);
// หัวตาราง /** หัวตาราง */
const columns = ref<QTableProps["columns"]>([ const columns = ref<QTableProps["columns"]>([
{ {
name: "no", name: "no",
@ -139,7 +141,7 @@ const columns = ref<QTableProps["columns"]>([
}, },
]); ]);
// หัวตาราง2 /** หัวตาราง2 */
const columns2 = ref<QTableProps["columns"]>([ const columns2 = ref<QTableProps["columns"]>([
{ {
name: "no", name: "no",
@ -197,7 +199,8 @@ const columns2 = ref<QTableProps["columns"]>([
}, },
]); ]);
const ProbationMainFilter = () => { /** ฟังชั่น ฟิลเตอร์ หา status */
function ProbationMainFilter() {
const useStatus = new Set(); const useStatus = new Set();
fillterStatus.value.forEach((item: any) => { fillterStatus.value.forEach((item: any) => {
const ID = item.probation_status; const ID = item.probation_status;
@ -212,9 +215,13 @@ const ProbationMainFilter = () => {
}); });
Opfillter.value.sort((a: any, b: any) => a.id - b.id); Opfillter.value.sort((a: any, b: any) => a.id - b.id);
Opfillter2.value = Opfillter.value; Opfillter2.value = Opfillter.value;
}; }
const updateRows = (body: any) => { /**
* อัพเดท rows ตาม status
* @param body {id:? , value: ?}
*/
function updateRows(body: any) {
if (body.value !== "ทั้งหมด") { if (body.value !== "ทั้งหมด") {
const filteredRows = dataUpdate.value.filter( const filteredRows = dataUpdate.value.filter(
(item: FormMainProbation) => item.probation_status === body.value (item: FormMainProbation) => item.probation_status === body.value
@ -223,9 +230,10 @@ const updateRows = (body: any) => {
} else { } else {
rows.value = dataUpdate.value; rows.value = dataUpdate.value;
} }
}; }
const getpersonalList = async () => { /** get ข้อมูล */
async function getpersonalList() {
showLoader(); showLoader();
await http await http
.get(config.API.probationPersonalList()) .get(config.API.probationPersonalList())
@ -251,9 +259,10 @@ const getpersonalList = async () => {
.finally(() => { .finally(() => {
hideLoader(); hideLoader();
}); });
}; }
// fecth profile
const fecthlistPersonal = async () => { /** fecth profile */
async function fecthlistPersonal() {
showLoader(); showLoader();
await http await http
.get(config.API.profileOrganizRoot) .get(config.API.profileOrganizRoot)
@ -267,8 +276,14 @@ const fecthlistPersonal = async () => {
messageError($q, e); messageError($q, e);
}) })
.finally(() => {}); .finally(() => {});
}; }
const fecthlistProbation = async (id: string, data: any) => {
/**
* ส่งข้อมูลเพื่อ รับ res
* @param id string
* @param data type
*/
async function fecthlistProbation(id: string, data: any) {
try { try {
probationlist.value = []; probationlist.value = [];
const res = await http.post( const res = await http.post(
@ -283,9 +298,13 @@ const fecthlistProbation = async (id: string, data: any) => {
} finally { } finally {
hideLoader(); hideLoader();
} }
}; }
const findlist = async (id: string) => { /**
* ค้นหาข้อมูลตามไอดี
* @param id string
*/
async function findlist(id: string) {
let data: CriteriaType[] = [ let data: CriteriaType[] = [
{ criteriaType: "is_retire", criteriaValue: "false" }, { criteriaType: "is_retire", criteriaValue: "false" },
{ criteriaType: "is_probation", criteriaValue: "true" }, { criteriaType: "is_probation", criteriaValue: "true" },
@ -312,8 +331,13 @@ const findlist = async (id: string) => {
status: e.probation, status: e.probation,
})); }));
modal.value = true; modal.value = true;
}; }
const clickAdd = (id: string) => {
/**
* เพิ่มข้อมูล ผู้ทดลองปฏิบัติหน้าที่ราชการ
* @param id personal id
*/
function clickAdd(id: string) {
dialogConfirm( dialogConfirm(
$q, $q,
async () => { async () => {
@ -338,35 +362,39 @@ const clickAdd = (id: string) => {
"ยันยันการเพิ่มข้อมูล", "ยันยันการเพิ่มข้อมูล",
"ต้องการเพิ่มข้อมูลนี้หรือไม่ ?" "ต้องการเพิ่มข้อมูลนี้หรือไม่ ?"
); );
}; }
const clickClose = async () => { /** ปิด dialog */
async function clickClose() {
modal.value = false; modal.value = false;
}; }
const resetFilter = () => { /** reset ฟิลเตอร์ */
function resetFilter() {
filterKeyword.value = ""; filterKeyword.value = "";
filterRef.value.focus(); filterRef.value.focus();
}; }
const resetFilter2 = () => { /** reset ฟิลเตอร์ ใน dialog */
function resetFilter2() {
filterKeyword2.value = ""; filterKeyword2.value = "";
filterRef2.value.focus(); filterRef2.value.focus();
}; }
const paginationLabel = (start: string, end: string, total: string) => { function paginationLabel(start: string, end: string, total: string) {
if (paging.value == true) return " " + start + "-" + end + " ใน " + total; if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
else return start + "-" + end + " ใน " + total; else return start + "-" + end + " ใน " + total;
}; }
const paginationLabel2 = (start: string, end: string, total: string) => { function paginationLabel2(start: string, end: string, total: string) {
if (paging2.value == true) return " " + start + "-" + end + " ใน " + total; if (paging2.value == true) return " " + start + "-" + end + " ใน " + total;
else return start + "-" + end + " ใน " + total; else return start + "-" + end + " ใน " + total;
}; }
onMounted(async () => {
getpersonalList();
});
const Opfillter2 = ref<any[]>([]); /**
* ค้นหาตาม text
* @param val ค่าที่ค้นหา
* @param update fn
*/
function filterFn(val: string, update: any) { function filterFn(val: string, update: any) {
if (val == "") { if (val == "") {
update(() => { update(() => {
@ -381,6 +409,11 @@ function filterFn(val: string, update: any) {
}); });
} }
} }
/** get ค่า เมื่อโหลดหน้า */
onMounted(async () => {
getpersonalList();
});
</script> </script>
<template> <template>
@ -420,6 +453,7 @@ function filterFn(val: string, update: any) {
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<div> <div>
<q-btn <q-btn
@click="fecthlistPersonal" @click="fecthlistPersonal"
@ -435,6 +469,7 @@ function filterFn(val: string, update: any) {
</div> </div>
</div> </div>
<q-space /> <q-space />
<q-input <q-input
class="col-xs-12 col-sm-3 col-md-2" class="col-xs-12 col-sm-3 col-md-2"
standout standout
@ -639,4 +674,4 @@ function filterFn(val: string, update: any) {
</q-form> </q-form>
</q-card> </q-card>
</q-dialog> </q-dialog>
</template> </template>

83
src/modules/05_placement/components/probation/ProbationDetail.vue
View file

@ -8,7 +8,6 @@ import { useQuasar } from "quasar";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
const personalId = ref<string>(route.params.id as string); const personalId = ref<string>(route.params.id as string);
@ -26,7 +25,12 @@ const position_line = ref<string>("");
const position_level = ref<string>(""); const position_level = ref<string>("");
const probation_status = ref<any>(); const probation_status = ref<any>();
const probation_statusold = ref<string>(""); const probation_statusold = ref<string>("");
const pagination = ref({
sortBy: "desc",
descending: false,
page: 1,
rowsPerPage: 10,
});
const mixin = useCounterMixin(); const mixin = useCounterMixin();
const { const {
messageError, messageError,
@ -36,6 +40,8 @@ const {
date2Thai, date2Thai,
dialogConfirm, dialogConfirm,
} = mixin; } = mixin;
/** ข้อมูลที่เเสดงในตาราง */
const visibleColumns = ref<string[]>([ const visibleColumns = ref<string[]>([
"no", "no",
"date_start", "date_start",
@ -43,6 +49,8 @@ const visibleColumns = ref<string[]>([
"mentors", "mentors",
"commander", "commander",
]); ]);
/** หัวตาราง */
const columns = ref<QTableProps["columns"]>([ const columns = ref<QTableProps["columns"]>([
{ {
name: "no", name: "no",
@ -91,6 +99,7 @@ const columns = ref<QTableProps["columns"]>([
}, },
]); ]);
/** option */
const probation_statusOP = ref<any>([ const probation_statusOP = ref<any>([
{ {
id: 1, id: 1,
@ -99,12 +108,12 @@ const probation_statusOP = ref<any>([
{ {
id: 2, id: 2,
label: "พ้นการทดลองปฏิบัติหน้าที่ราชการ", label: "พ้นการทดลองปฏิบัติหน้าที่ราชการ",
disable: true disable: true,
}, },
{ {
id: 3, id: 3,
label: "ไม่พ้นการทดลองปฏิบัติหน้าที่ราชการ", label: "ไม่พ้นการทดลองปฏิบัติหน้าที่ราชการ",
disable: true disable: true,
}, },
{ {
id: 4, id: 4,
@ -121,17 +130,17 @@ const probation_statusOP = ref<any>([
{ {
id: 7, id: 7,
label: "ขยายระยะเวลาทดลองปฏิบัติหน้าที่ราชการ", label: "ขยายระยะเวลาทดลองปฏิบัติหน้าที่ราชการ",
disable: true disable: true,
}, },
{ {
id: 8, id: 8,
label: "ดึงรายชื่อไปออกคำสั่งแล้ว", label: "ดึงรายชื่อไปออกคำสั่งแล้ว",
disable: true disable: true,
}, },
]); ]);
/** get ข้อมูล งานที่ได้รับมอบหมาย */
const getAssignList = async () => { async function getAssignList() {
showLoader(); showLoader();
await http await http
.get(config.API.probationGetAssignList(personalId.value)) .get(config.API.probationGetAssignList(personalId.value))
@ -151,8 +160,10 @@ const getAssignList = async () => {
.finally(() => { .finally(() => {
hideLoader(); hideLoader();
}); });
}; }
const getpersonalList = async () => {
/** รายละเอียด ตาม id */
async function getpersonalList() {
showLoader(); showLoader();
await http await http
.get(config.API.personal(personalId.value)) .get(config.API.personal(personalId.value))
@ -170,8 +181,10 @@ const getpersonalList = async () => {
.finally(() => { .finally(() => {
hideLoader(); hideLoader();
}); });
}; }
const selectStatus = async () => {
/** เปลี่ยนสถานะ */
async function selectStatus() {
dialogConfirm( dialogConfirm(
$q, $q,
async () => { async () => {
@ -198,29 +211,28 @@ const selectStatus = async () => {
probation_status.value = probation_statusold.value; probation_status.value = probation_statusold.value;
} }
); );
}; }
// เปิดหน้ารายละเอียด
const clickSelect = (id: string) => {
router.push(`${route.fullPath}/${id}`);
};
// รีเซ็ตค่าในช่อง input /**
const resetFilter = () => { * เปิดหน้ารายละเอียด
* @param id personal id
*/
function clickSelect(id: string) {
router.push(`${route.fullPath}/${id}`);
}
/** รีเซ็ตค่าในช่อง input */
function resetFilter() {
filterKeyword.value = ""; filterKeyword.value = "";
filterRef.value.focus(); filterRef.value.focus();
}; }
const pagination = ref({ function paginationLabel(start: string, end: string, total: string){
sortBy: "desc",
descending: false,
page: 1,
rowsPerPage: 10,
});
const paginationLabel = (start: string, end: string, total: string) => {
if (paging.value == true) return " " + start + "-" + end + " ใน " + total; if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
else return start + "-" + end + " ใน " + total; else return start + "-" + end + " ใน " + total;
}; };
/** get ค่า เมื่อโหลดหน้า */
onMounted(async () => { onMounted(async () => {
await getpersonalList(); await getpersonalList();
await getAssignList(); await getAssignList();
@ -262,30 +274,39 @@ onMounted(async () => {
<q-img :src="avatarprofile" v-if="avatarprofile !== null" /> <q-img :src="avatarprofile" v-if="avatarprofile !== null" />
<q-img src="@/assets/avatar_user.jpg" v-else /> <q-img src="@/assets/avatar_user.jpg" v-else />
</div> </div>
<div class="col-xs-6 col-sm-3 row items-center"> <div class="col-xs-6 col-sm-3 row items-center">
<div class="col-12 q-pl-md"> <div class="col-12 q-pl-md">
<div class="col-12 text-top">ตำแหน่งในสายงาน</div> <div class="col-12 text-top">ตำแหน่งในสายงาน</div>
<div class="col-12 text-detail">{{ position_line }}</div> <div class="col-12 text-detail">{{ position_line }}</div>
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-2 row items-center"> <div class="col-xs-6 col-sm-2 row items-center">
<div class="col-12"> <div class="col-12">
<div class="col-12 text-top">ระดับ</div> <div class="col-12 text-top">ระดับ</div>
<div class="col-12 text-detail">{{ position_level }}</div> <div class="col-12 text-detail">{{ position_level }}</div>
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-3 row items-center"> <div class="col-xs-6 col-sm-3 row items-center">
<div class="col-12"> <div class="col-12">
<div class="col-12 text-top">สังกัด</div> <div class="col-12 text-top">สังกัด</div>
<div class="col-12 text-detail">{{ organization }}</div> <div class="col-12 text-detail">{{ organization }}</div>
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-3 row items-center"> <div class="col-xs-6 col-sm-3 row items-center">
<div class="col-12"> <div class="col-12">
<div class="col-12 text-top">สถานะการทดลองปฏิบัติหน้าที่ราชการ</div> <div class="col-12 text-top">สถานะการทดลองปฏิบัติหน้าที่ราชการ</div>
<div class="col-12 text-detail"> <div class="col-12 text-detail">
<q-select <q-select
:disable="probation_status==2 || probation_status==3 || probation_status==7 || probation_status==8" :disable="
probation_status == 2 ||
probation_status == 3 ||
probation_status == 7 ||
probation_status == 8
"
dense dense
borderless borderless
v-model="probation_status" v-model="probation_status"
@ -316,6 +337,7 @@ onMounted(async () => {
> >
<q-tooltip>เพิ่มงานที่ได้รับมอบหมาย</q-tooltip> <q-tooltip>เพิ่มงานที่ได้รับมอบหมาย</q-tooltip>
</q-btn> </q-btn>
</div> </div>
<q-space /> <q-space />
<q-input <q-input
@ -394,8 +416,7 @@ onMounted(async () => {
{{ col.value }} {{ col.value }}
</div> </div>
</q-td> </q-td>
<q-td auto-width> <q-td auto-width> </q-td>
</q-td>
</q-tr> </q-tr>
</template> </template>
<template v-slot:pagination="scope"> <template v-slot:pagination="scope">

191
src/modules/05_placement/components/probation/SummaryScore.vue
View file

@ -67,13 +67,18 @@ const result_option = reactive([
const note = ref<string>(""); const note = ref<string>("");
const date = ref<Date>(new Date()); const date = ref<Date>(new Date());
const edit = () => { /** เปิด dialog */
function edit() {
status.value = true; status.value = true;
}; }
const cancel = () => {
/** ปิด dialog */
function cancel() {
status.value = false; status.value = false;
}; }
const getReportScore = async () => {
/** get คะแนน */
async function getReportScore() {
await http.get(config.API.summaryReportDetail(assignId.value)).then((res) => { await http.get(config.API.summaryReportDetail(assignId.value)).then((res) => {
const data = res.data.data; const data = res.data.data;
develop_orientation_score.value = data.develop_orientation_score; develop_orientation_score.value = data.develop_orientation_score;
@ -106,7 +111,9 @@ const getReportScore = async () => {
pass_result.value = data.pass_result; pass_result.value = data.pass_result;
evaluate_date.value = data.evaluate_date; evaluate_date.value = data.evaluate_date;
}); });
}; }
/** get ค่า เมื่อโหลดหน้า */
onMounted(() => { onMounted(() => {
getReportScore(); getReportScore();
}); });
@ -130,7 +137,8 @@ onMounted(() => {
<q-item-section> <q-item-section>
<q-item-label> <q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1. คะแนนผลสัมฤทธิ์การทดลองปฏิบัติหน้าที่ราชการ</q-item-label> 1. คะแนนผลสัมฤทธิ์การทดลองปฏิบัติหน้าที่ราชการ</q-item-label
>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
<q-item-label style="color: gray"> <q-item-label style="color: gray">
@ -139,6 +147,7 @@ onMounted(() => {
<div class="col">ร้อยละ</div> <div class="col">ร้อยละ</div>
</div> </div>
</q-item-label> </q-item-label>
<q-item-label caption style="color: #464444"> <q-item-label caption style="color: #464444">
<div class="row text-weight-bold"> <div class="row text-weight-bold">
<div class="col">{{ achievement_score }}</div> <div class="col">{{ achievement_score }}</div>
@ -162,22 +171,28 @@ onMounted(() => {
<q-item-section> <q-item-section>
<q-item-label> <q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" /> <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2. คะแนนพฤติกรรมการปฏิบัติราชการ</q-item-label> 2. คะแนนพฤติกรรมการปฏิบัติราชการ</q-item-label
>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
<q-item-label style="color: gray"> <q-item-label style="color: gray">
<div class="row text-weight-light"> <div class="row text-weight-light">
<div class="col">คะแนน</div> <div class="col">คะแนน</div>
<div class="col">ร้อยละ</div> <div class="col">ร้อยละ</div>
</div> </div>
</q-item-label> </q-item-label>
<q-item-label caption style="color: #464444"> <q-item-label caption style="color: #464444">
<div class="row text-weight-bold"> <div class="row text-weight-bold">
<div class="col">{{ behavior_score }}</div> <div class="col">{{ behavior_score }}</div>
<div class="col">{{ behavior_percent }}</div> <div class="col">{{ behavior_percent }}</div>
</div> </div>
</q-item-label> </q-item-label>
</q-item-section> </q-item-section>
<q-item-section side v-if="behavior_result == 1"> <q-item-section side v-if="behavior_result == 1">
ผ่าน (สูงกว่าร้อยละ 60) ผ่าน (สูงกว่าร้อยละ 60)
</q-item-section> </q-item-section>
@ -192,19 +207,25 @@ onMounted(() => {
<q-list dense> <q-list dense>
<q-item dense tag="label" v-ripple> <q-item dense tag="label" v-ripple>
<q-item-section> <q-item-section>
<q-item-label class="text-black">ผลคะแนนรวมการประเมินการทดลอง</q-item-label> <q-item-label class="text-black"
>ผลคะแนนรวมการประเมินการทดลอง</q-item-label
>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
<q-item-label style="color: gray"> <q-item-label style="color: gray">
<div class="row text-weight-light"> <div class="row text-weight-light">
<div class="col">คะแนน</div> <div class="col">คะแนน</div>
<div class="col">ร้อยละ</div> <div class="col">ร้อยละ</div>
</div> </div>
</q-item-label> </q-item-label>
<q-item-label caption style="color: #464444"> <q-item-label caption style="color: #464444">
<div class="row text-weight-bold"> <div class="row text-weight-bold">
<div class="col">{{ sum_score }}</div> <div class="col">{{ sum_score }}</div>
<div class="col">{{ sum_percent }}</div> <div class="col">{{ sum_percent }}</div>
</div> </div>
</q-item-label> </q-item-label>
</q-item-section> </q-item-section>
@ -225,7 +246,11 @@ onMounted(() => {
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar> <q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar>
การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
</div> </div>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1"> <q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1"
>
<div class="col-xs-12 col-sm-11 col-md-11 q-my-sm"> <div class="col-xs-12 col-sm-11 col-md-11 q-my-sm">
<div class="row q-gutter-md q-pl-md"> <div class="row q-gutter-md q-pl-md">
<div class="col-8 text-weight-medium">หัวข้อ</div> <div class="col-8 text-weight-medium">หัวข้อ</div>
@ -237,30 +262,71 @@ onMounted(() => {
<div class="row q-gutter-md align-center q-pl-md"> <div class="row q-gutter-md align-center q-pl-md">
<div class="col-8">1. การปฐมนิเทศ</div> <div class="col-8">1. การปฐมนิเทศ</div>
<div class="col"> <div class="col">
<q-input outlined dense type="number" :disable="!status" v-model="develop_orientation_score" /> <q-input
outlined
dense
type="number"
:disable="!status"
v-model="develop_orientation_score"
/>
</div> </div>
<div class="col"> <div class="col">
<q-input outlined dense type="number" :disable="!status" v-model="develop_orientation_percent" /> <q-input
outlined
dense
type="number"
:disable="!status"
v-model="develop_orientation_percent"
/>
</div> </div>
</div> </div>
<q-separator class="q-my-xs" /> <q-separator class="q-my-xs" />
<div class="row q-gutter-md align-center q-pl-md"> <div class="row q-gutter-md align-center q-pl-md">
<div class="col-8">2. การเรียนรู้ด้วยตนเอง</div> <div class="col-8">2. การเรียนรู้ด้วยตนเอง</div>
<div class="col"> <div class="col">
<q-input dense outlined type="number" :disable="!status" v-model="develop_self_learning_score" /> <q-input
dense
outlined
type="number"
:disable="!status"
v-model="develop_self_learning_score"
/>
</div> </div>
<div class="col"> <div class="col">
<q-input outlined dense type="number" :disable="!status" v-model="develop_self_learning_percent" /> <q-input
outlined
dense
type="number"
:disable="!status"
v-model="develop_self_learning_percent"
/>
</div> </div>
</div> </div>
<q-separator class="q-my-xs" /> <q-separator class="q-my-xs" />
<div class="row q-gutter-md align-center q-pl-md"> <div class="row q-gutter-md align-center q-pl-md">
<div class="col-8">3. การอบรมสัมนาร่วมกัน</div> <div class="col-8">3. การอบรมสัมนาร่วมกัน</div>
<div class="col"> <div class="col">
<q-input outlined dense type="number" :disable="!status" v-model="develop_training_seminar_score" /> <q-input
outlined
dense
type="number"
:disable="!status"
v-model="develop_training_seminar_score"
/>
</div> </div>
<div class="col"> <div class="col">
<q-input outlined dense type="number" :disable="!status" v-model="develop_training_seminar_percent" /> <q-input
outlined
dense
type="number"
:disable="!status"
v-model="develop_training_seminar_percent"
/>
</div> </div>
</div> </div>
<q-separator class="q-my-xs" /> <q-separator class="q-my-xs" />
@ -269,10 +335,23 @@ onMounted(() => {
4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี) 4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)
</div> </div>
<div class="col"> <div class="col">
<q-input outlined dense type="number" :disable="!status" v-model="develop_other_training_score" /> <q-input
outlined
dense
type="number"
:disable="!status"
v-model="develop_other_training_score"
/>
</div> </div>
<div class="col"> <div class="col">
<q-input outlined dense type="number" :disable="!status" v-model="develop_other_training_percent" /> <q-input
outlined
dense
type="number"
:disable="!status"
v-model="develop_other_training_percent"
/>
</div> </div>
</div> </div>
@ -280,7 +359,9 @@ onMounted(() => {
<div class="col-xs-12 col-sm-11 col-md-11 q-my-sm"> <div class="col-xs-12 col-sm-11 col-md-11 q-my-sm">
<div class="row q-gutter-md q-pl-sm"> <div class="row q-gutter-md q-pl-sm">
<div class="col-8 text-weight-medium"> <div class="col-8 text-weight-medium">
<q-item-label>คะแนนผลการพัฒนาข้าราชการที่อยู่ระหว่างการทดลองปฏิบัติหน้าที่ราชการ</q-item-label> <q-item-label
>คะแนนผลการพัฒนาข้าราชการที่อยู่ระหว่างการทดลองปฏิบัติหน้าที่ราชการ</q-item-label
>
</div> </div>
<div class="col q-pl-md">{{ develop_total_score }}</div> <div class="col q-pl-md">{{ develop_total_score }}</div>
<div class="col q-pl-md">{{ develop_total_percent }}</div> <div class="col q-pl-md">{{ develop_total_percent }}</div>
@ -295,8 +376,18 @@ onMounted(() => {
ผลการพัฒนาข้าราชการที่อยู่ระหว่างการทดลองปฏิบัติหน้าที่ราชการ ผลการพัฒนาข้าราชการที่อยู่ระหว่างการทดลองปฏิบัติหน้าที่ราชการ
</div> </div>
<div class="col-12"> <div class="col-12">
<q-select class="col-12" dense v-model="develop_result" outlined :options="dev_options" option-label="label" <q-select
option-value="value" map-options emit-value :disable="!status" /> class="col-12"
dense
v-model="develop_result"
outlined
:options="dev_options"
option-label="label"
option-value="value"
map-options
emit-value
:disable="!status"
/>
</div> </div>
</div> </div>
@ -304,8 +395,18 @@ onMounted(() => {
<div class="col-12 text-top0 row items-center"> <div class="col-12 text-top0 row items-center">
เหตุผลอื่น ๆ ในการพิจารณา เหตุผลอื่น ๆ ในการพิจารณา
</div> </div>
<q-input type="textarea" outlined dense class="col-12" v-model="reason" lazy-rules autogrow hide-bottom-space <q-input
:row="3" :disable="!status" /> type="textarea"
outlined
dense
class="col-12"
v-model="reason"
lazy-rules
autogrow
hide-bottom-space
:row="3"
:disable="!status"
/>
</div> </div>
<div class="col-xs-12 col-sm-11"> <div class="col-xs-12 col-sm-11">
@ -315,8 +416,18 @@ onMounted(() => {
ผลการทดลองปฏิบัติหน้าที่ราชการ ผลการทดลองปฏิบัติหน้าที่ราชการ
</div> </div>
<div class="col-12"> <div class="col-12">
<q-select class="col-12" dense v-model="pass_result" outlined :options="result_option" option-label="name" <q-select
option-value="value" map-options emit-value :disable="!status" /> class="col-12"
dense
v-model="pass_result"
outlined
:options="result_option"
option-label="name"
option-value="value"
map-options
emit-value
:disable="!status"
/>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
@ -324,8 +435,16 @@ onMounted(() => {
วัน เดือน ปี ที่ประเมิน วัน เดือน ปี ที่ประเมิน
</div> </div>
<div class="col-12"> <div class="col-12">
<datepicker menu-class-name="modalfix" v-model="evaluate_date" :locale="'th'" autoApply :readonly="!status" <datepicker
borderless :enableTimePicker="false" week-start="0"> menu-class-name="modalfix"
v-model="evaluate_date"
:locale="'th'"
autoApply
:readonly="!status"
borderless
:enableTimePicker="false"
week-start="0"
>
<template #year="{ year }"> <template #year="{ year }">
{{ year + 543 }} {{ year + 543 }}
</template> </template>
@ -333,10 +452,22 @@ onMounted(() => {
{{ parseInt(value + 543) }} {{ parseInt(value + 543) }}
</template> </template>
<template #trigger> <template #trigger>
<q-input outlined dense :disable="!status" class="full-width datepicker" :model-value="evaluate_date != null ? date2Thai(evaluate_date) : null <q-input
" :rules="[(val) => !!val || `${'วัน เดือน ปี ที่ประเมิน'}`]"> outlined
dense
:disable="!status"
class="full-width datepicker"
:model-value="
evaluate_date != null ? date2Thai(evaluate_date) : null
"
:rules="[(val) => !!val || `${'วัน เดือน ปี ที่ประเมิน'}`]"
>
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> <q-icon
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon> </q-icon>
</template> </template>
</q-input> </q-input>

27
src/modules/05_placement/components/probation/SummarySurvey.vue
View file

@ -6,7 +6,7 @@ import { useRoute, useRouter } from "vue-router";
import { useProbationDataStore } from "@/modules/05_placement/storeProbation"; import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
import criterion from "@/modules/05_placement/components/Other/Criterion.vue" import criterion from "@/modules/05_placement/components/Other/Criterion.vue";
const probationStore = useProbationDataStore(); const probationStore = useProbationDataStore();
const { ratingColors } = probationStore; const { ratingColors } = probationStore;
const $q = useQuasar(); const $q = useQuasar();
@ -45,12 +45,10 @@ const result_option = ref<any>([
const note = ref<string>(""); const note = ref<string>("");
const date = ref<Date>(new Date()); const date = ref<Date>(new Date());
const classBordered = ref<string>("");
onMounted(() => { /** ดึง ข้อมูลแบบสำรวจ */
getSurveyData(); async function getSurveyData() {
});
const getSurveyData = async () => {
await http await http
.get(config.API.summarySurveyDetail(assignId.value)) .get(config.API.summarySurveyDetail(assignId.value))
.then((res: any) => { .then((res: any) => {
@ -63,11 +61,12 @@ const getSurveyData = async () => {
} }
}) })
.catch((e) => { .catch((e) => {
messageError($q,e) messageError($q, e);
}); });
}; }
const classBordered = ref<string>("");
const save = async () => { /** save ข้อมูล */
async function save(){
await myForm.value!.validate().then((result: boolean) => { await myForm.value!.validate().then((result: boolean) => {
if (result && answer3.value !== 0) { if (result && answer3.value !== 0) {
const data = { const data = {
@ -93,11 +92,17 @@ const save = async () => {
} }
}); });
}; };
/** ถ้าเป็น 0 ใส่ class */
watch(answer3, () => { watch(answer3, () => {
if (answer3.value == 0) { if (answer3.value == 0) {
classBordered.value = "border_custom"; classBordered.value = "border_custom";
} else classBordered.value = ""; } else classBordered.value = "";
}); });
/** get ค่า เมื่อโหลดหน้า */
onMounted(() => {
getSurveyData();
});
</script> </script>
<template> <template>
@ -124,6 +129,7 @@ watch(answer3, () => {
/> />
</div> </div>
</div> </div>
<div class="col-12 row q-mt-md"> <div class="col-12 row q-mt-md">
<div class="col-12 text-top0 items-center"> <div class="col-12 text-top0 items-center">
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar> <q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar>
@ -150,6 +156,7 @@ watch(answer3, () => {
ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
</div> </div>
<q-space /> <q-space />
<q-rating <q-rating
:disable="!status" :disable="!status"
v-model="answer3" v-model="answer3"