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

Merge branch 'NiceDev' into develop

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-01-08 14:25:06 +07:00
commit 5686d287c5
1 changed files with 642 additions and 531 deletions
Download patch file Download diff file Expand all files Collapse all files

597
src/modules/06_evaluate/components/EvaluateStepMain.vue
View file

@ -1,51 +1,55 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, onMounted, watch } from "vue" import { ref, reactive, onMounted, watch } from "vue";
import { useRouter, useRoute } from "vue-router" import { useRouter, useRoute } from "vue-router";
import { useQuasar } from "quasar" import { useQuasar } from "quasar";
import http from "@/plugins/http" import http from "@/plugins/http";
import config from "@/app.config" import config from "@/app.config";
/** import Type*/ /** import Type*/
import type { FormSpec, FormCommand, FormCommandRef } from "@/modules/06_evaluate/interface/evalute" import type {
PersonInformation,
FormSpec,
FormCommand,
FormCommandRef,
} from "@/modules/06_evaluate/interface/evalute";
/** import Components*/ /** import Components*/
import Stepper from "@/modules/06_evaluate/components/Stepper.vue" import Stepper from "@/modules/06_evaluate/components/Stepper.vue";
import Step1 from "@/modules/06_evaluate/components/step/step1.vue" import Step1 from "@/modules/06_evaluate/components/step/step1.vue"; // 1.ตรวจสอบคุณสมบัติ
import Step2 from "@/modules/06_evaluate/components/step/step2.vue" import Step2 from "@/modules/06_evaluate/components/step/step2.vue"; // 2.จัดเตรียมเอกสารเล่ม 1
import Step3 from "@/modules/06_evaluate/components/step/step3.vue" import Step3 from "@/modules/06_evaluate/components/step/step3.vue"; // 3.ตรวจสอบเอกสารเล่ม 1
import Step4 from "@/modules/06_evaluate/components/step/step4.vue" import Step4 from "@/modules/06_evaluate/components/step/step4.vue"; // 4.รอตรวจสอบคุณสมบัติ
import Step5 from "@/modules/06_evaluate/components/step/step5.vue" import Step5 from "@/modules/06_evaluate/components/step/step5.vue"; // 5.ประกาศบนเว็บไซต์
import Step6 from "@/modules/06_evaluate/components/step/step6.vue" import Step6 from "@/modules/06_evaluate/components/step/step6.vue"; // 6.จัดเตรียมเอกสารเล่ม 2
import Step7 from "@/modules/06_evaluate/components/step/step7.vue" import Step7 from "@/modules/06_evaluate/components/step/step7.vue"; // 7.รอพิจารณาผลการประเมิน 2
import Step8 from "@/modules/06_evaluate/components/step/step8.vue" import Step8 from "@/modules/06_evaluate/components/step/step8.vue"; // 8.ตรวจสอบความถูกต้องของเอกสารเล่ม 2
import Step9 from "@/modules/06_evaluate/components/step/step9.vue" import Step9 from "@/modules/06_evaluate/components/step/step9.vue"; // 9.เสร็จสิ้น
import ViewStep1 from "@/modules/06_evaluate/components/viewstep/viewStep1.vue"; // ข้อมูลส่วนตัว
import ViewStep1 from "@/modules/06_evaluate/components/viewstep/viewStep1.vue" import ViewStep3 from "@/modules/06_evaluate/components/viewstep/viewStep3.vue"; //
import ViewStep3 from "@/modules/06_evaluate/components/viewstep/viewStep3.vue" import ViewStep7 from "@/modules/06_evaluate/components/viewstep/viewStep7.vue"; //
import ViewStep7 from "@/modules/06_evaluate/components/viewstep/viewStep7.vue" import PopupHistory from "@/modules/06_evaluate/components/viewstep/popupHistory.vue"; // ประวัติการประเมิน
import PopupHistory from "@/modules/06_evaluate/components/viewstep/popupHistory.vue"
/** import Store*/ /** import Store*/
import { useEvaluateStore } from "@/modules/06_evaluate/store" import { useEvaluateStore } from "@/modules/06_evaluate/store";
import { useCounterMixin } from "@/stores/mixin" import { useCounterMixin } from "@/stores/mixin";
/** use*/ /** use*/
const router = useRouter() const router = useRouter();
const route = useRoute() const route = useRoute();
const store = useEvaluateStore() const store = useEvaluateStore();
const mixin = useCounterMixin() const mixin = useCounterMixin();
const $q = useQuasar() const $q = useQuasar();
const { showLoader, hideLoader, messageError, dialogConfirm } = mixin const { showLoader, hideLoader, messageError, dialogConfirm } = mixin;
const externalLink = "https://accreditation.ocsc.go.th/accreditation/search/curriculum" const externalLink =
"https://accreditation.ocsc.go.th/accreditation/search/curriculum";
const showLoadStatus = ref<boolean>(false) const showLoadStatus = ref<boolean>(false);
const modalHistory = ref<boolean>(false) const modalHistory = ref<boolean>(false);
function onClickPopupHistory() { function onClickPopupHistory() {
modalHistory.value = !modalHistory.value modalHistory.value = !modalHistory.value;
} }
/** function NextToStep*/ /** function NextToStep*/
@ -55,24 +59,16 @@ async function onCilckNextStep() {
? await saveStep1 ? await saveStep1
: store.step === 3 : store.step === 3
? await saveStep3 ? await saveStep3
: store.step === 4
? await saveStep4
: store.step === 5
? await saveStep5
: store.step === 7 : store.step === 7
? await saveStep7 ? await saveStep7
: store.step === 8 : null;
? await saveStep8
: store.step === 9
? await saveStep9
: null
store.step === 2 || store.step === 6 store.step === 2 || store.step === 6
? validateForm() ? validateForm()
: store.step == 3 || store.step == 7 : store.step == 3 || store.step == 7
? dialogConfirm( ? dialogConfirm(
$q, $q,
() => { () => {
functionCreateDoc?.() functionCreateDoc?.();
}, },
"ยืนยันการยื่นเอกสาร", "ยืนยันการยื่นเอกสาร",
"ต้องการยืนยันการยื่นเอกสารใช่หรือไม่? หากยืนยันแล้วคุณจะไม่สามารถกลับมาแก้ไขเอกสารได้อีก" "ต้องการยืนยันการยื่นเอกสารใช่หรือไม่? หากยืนยันแล้วคุณจะไม่สามารถกลับมาแก้ไขเอกสารได้อีก"
@ -81,80 +77,70 @@ async function onCilckNextStep() {
dialogConfirm( dialogConfirm(
$q, $q,
async () => { async () => {
showLoader() showLoader();
await functionCreateDoc?.() await functionCreateDoc?.();
}, },
"ยืนยันการดำเนินการ", "ยืนยันการดำเนินการ",
"ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?" "ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?"
) );
} }
/** function validateForm Step 2,4*/ /** function validateForm Step 2,4*/
async function validateForm() { async function validateForm() {
store.checkFileupload = !store.checkFileupload store.checkFileupload = !store.checkFileupload;
const emptyValues = downloadFileRef.value.filter((e: any) => e === "") const emptyValues = downloadFileRef.value.filter((e: string) => e === "");
const hasError = [] const hasError = [];
for (const key in formCommandRef) { for (const key in formCommandRef) {
if (Object.prototype.hasOwnProperty.call(formCommandRef, key)) { if (Object.prototype.hasOwnProperty.call(formCommandRef, key)) {
const property = formCommandRef[key] const property = formCommandRef[key];
if (property.value && typeof property.value.validate === "function") { if (property.value && typeof property.value.validate === "function") {
const isValid = property.value.validate() const isValid = property.value.validate();
hasError.push(isValid) hasError.push(isValid);
} }
} }
} }
if (hasError.every(result => result === true)) { if (hasError.every((result) => result === true)) {
if (emptyValues.length > 0 && store.statusUpload === true) { if (emptyValues.length > 0 && store.statusUpload === true) {
console.log("There are empty values in the array.") console.log("There are empty values in the array.");
} else if (store.step === 2) { } else if (store.step === 2) {
if (store.statusUpload === false) { if (store.statusUpload === false) {
saveStep2() saveStep2();
} else { } else {
nextTostep3() nextTostep3();
} }
} else { } else {
if (store.statusUpload === false) { if (store.statusUpload === false) {
saveStep6() saveStep6();
} else { } else {
nextTostep7() nextTostep7();
} }
} }
} }
} }
const pdfSrc = ref<any>() const pdfSrc = ref<any>();
const urlDownloadFile = ref<string>("") const urlDownloadFile = ref<string>("");
/**
* function update ลิงก์ PDF
* @param url ลิงก์ PDF
* @param urlDownload ลิงก์ดาวน์โหลด
*/
async function updateFilePDF(url: any, urlDownload: string) { async function updateFilePDF(url: any, urlDownload: string) {
pdfSrc.value = url pdfSrc.value = url;
urlDownloadFile.value = urlDownload urlDownloadFile.value = urlDownload;
} }
// /** function เช็คการยื่นข้อประเมิน*/ /**
// async function fetchCheckStatus() { * function เช็ตสถานะขั้ยตอน
// showLoader(); * @param id idประเมิน
// await http */
// .get(config.API.evaluationCheckStatus())
// .then((res) => {
// const data = res.data.result;
// const id =
// route.params.type === "expert" ? data.expertId : data.specialExpertId;
// router.push(`/evaluate/detail/${route.params.type}/${id}`);
// })
// .catch((err) => {
// messageError($q, err);
// })
// .finally(() => {
// hideLoader();
// });
// }
async function fetchCheckStep(id: string) { async function fetchCheckStep(id: string) {
showLoadStatus.value = false showLoadStatus.value = false;
if (id) { if (id) {
await http await http
.get(config.API.evaluationCheckStep(id)) .get(config.API.evaluationCheckStep(id))
.then(res => { .then((res) => {
const data = res.data.result const data = res.data.result;
let step = let step =
data.step === "CHECK_SPEC" data.step === "CHECK_SPEC"
@ -175,18 +161,18 @@ async function fetchCheckStep(id: string) {
? 8 ? 8
: data.step === "DONE" : data.step === "DONE"
? 9 ? 9
: 1 : 1;
store.currentStep = step store.currentStep = step;
store.step = step store.step = step;
}) })
.catch(err => { .catch((err) => {
messageError($q, err) messageError($q, err);
}) })
.finally(() => { .finally(() => {
showLoadStatus.value = true showLoadStatus.value = true;
}) });
} else (store.step = 1), (store.currentStep = 1) } else (store.step = 1), (store.currentStep = 1);
} }
/** STEP 1*/ /** STEP 1*/
@ -223,20 +209,27 @@ async function fetchDataStep1(id: string) {
}); });
} }
/**
* function อัปเดทคุณสมบัติ
* @param data ข้อมูลคุณสมบัติ
*/
async function updateCheckSpec(data: FormSpec) { async function updateCheckSpec(data: FormSpec) {
formSpec.isEducationalQft = data.isEducationalQft formSpec.isEducationalQft = data.isEducationalQft;
formSpec.isGovermantServiceHtr = data.isGovermantServiceHtr formSpec.isGovermantServiceHtr = data.isGovermantServiceHtr;
formSpec.isOperatingExp = data.isOperatingExp formSpec.isOperatingExp = data.isOperatingExp;
formSpec.isMinPeriodOfTenure = data.isMinPeriodOfTenure formSpec.isMinPeriodOfTenure = data.isMinPeriodOfTenure;
formSpec.isHaveSpecificQft = data.isHaveSpecificQft formSpec.isHaveSpecificQft = data.isHaveSpecificQft;
formSpec.isHaveProLicense = data.isHaveProLicense formSpec.isHaveProLicense = data.isHaveProLicense;
formSpec.isHaveMinPeriodOrHoldPos = data.isHaveMinPeriodOrHoldPos formSpec.isHaveMinPeriodOrHoldPos = data.isHaveMinPeriodOrHoldPos;
} }
/**
* funciton อัปเดทข้อมูลส่วนตัว
* @param data ข้อมูลส่วนตัว
*/
function updateFormDetail(data: any) { function updateFormDetail(data: any) {
formDetail.value = data formDetail.value = data;
} }
/** function บันทักตรวจสอบคุณสมบัติ*/
async function saveStep1() { async function saveStep1() {
const salaries = formDetail.value.trainings.map((e: any) => ({ const salaries = formDetail.value.trainings.map((e: any) => ({
amount: e.amount, amount: e.amount,
@ -250,7 +243,7 @@ async function saveStep1() {
salaryClass: e.salaryClass ? e.salaryClass : "", salaryClass: e.salaryClass ? e.salaryClass : "",
salaryRef: e.salaryRef ? e.salaryRef : "", salaryRef: e.salaryRef ? e.salaryRef : "",
salaryStatus: e.salaryStatus ? e.salariesStatus : "", salaryStatus: e.salaryStatus ? e.salariesStatus : "",
})) }));
const educations = formDetail.value.educations.map((e: any) => ({ const educations = formDetail.value.educations.map((e: any) => ({
country: e.country, country: e.country,
@ -268,14 +261,14 @@ async function saveStep1() {
isEducation: e.isEducation, isEducation: e.isEducation,
other: e.other, other: e.other,
startDate: e.startDate, startDate: e.startDate,
})) }));
const evaluateType = route.params.type.toString() const evaluateType = route.params.type.toString();
const form = { const form = {
userId: formDetail.value.id, userId: formDetail.value.id,
citizenId: formDetail.value.citizenId, citizenId: formDetail.value.citizenId,
prefix: formDetail.value.prefix, prefix: formDetail.value.prefix,
fullName: `${formDetail.value.firstName} ${formDetail.value.lastName}`, fullName: `${formDetail.value.firstName} ${formDetail.value.lastName}.`,
position: formDetail.value.position, position: formDetail.value.position,
oc: formDetail.value.oc, oc: formDetail.value.oc,
salary: formDetail.value.salary.toString(), salary: formDetail.value.salary.toString(),
@ -298,24 +291,24 @@ async function saveStep1() {
salaries: [...salaries], salaries: [...salaries],
trainings: [...formDetail.value.trainings], trainings: [...formDetail.value.trainings],
assessments: [...formDetail.value.assessments], assessments: [...formDetail.value.assessments],
} };
await http await http
.post(config.API.evaluationCheckspec(), form) .post(config.API.evaluationCheckspec(), form)
.then(res => { .then((res) => {
const id = res.data.result.id const id = res.data.result.id;
router.push(`/evaluate/detail/${route.params.type}/${id}`) router.push(`/evaluate/detail/${route.params.type}/${id}`);
}) })
.catch(err => { .catch((err) => {
messageError($q, err) messageError($q, err);
}) })
.finally(() => { .finally(() => {
hideLoader() hideLoader();
}) });
} }
/** STEP 2*/ /** STEP 2*/
const statusUpload = ref<boolean>(false) const statusUpload = ref<boolean>(false);
const formCommand = reactive<FormCommand>({ const formCommand = reactive<FormCommand>({
commanderFullname: "", commanderFullname: "",
commanderPosition: "", commanderPosition: "",
@ -324,20 +317,20 @@ const formCommand = reactive<FormCommand>({
author: "", author: "",
subject: "", subject: "",
assignedPosition: "", assignedPosition: "",
}) });
const commanderFullnameRef = ref<object | null>(null) const commanderFullnameRef = ref<object | null>(null);
const commanderPositionRef = ref<object | null>(null) const commanderPositionRef = ref<object | null>(null);
const commanderAboveFullnameRef = ref<object | null>(null) const commanderAboveFullnameRef = ref<object | null>(null);
const commanderAbovePositionRef = ref<object | null>(null) const commanderAbovePositionRef = ref<object | null>(null);
const fileEvaluation1Ref = ref<object | null>(null) const fileEvaluation1Ref = ref<object | null>(null);
const fileEvaluation2Ref = ref<object | null>(null) const fileEvaluation2Ref = ref<object | null>(null);
const fileEvaluation3Ref = ref<object | null>(null) const fileEvaluation3Ref = ref<object | null>(null);
const fileEvaluation4Ref = ref<object | null>(null) const fileEvaluation4Ref = ref<object | null>(null);
const fileEvaluation5Ref = ref<object | null>(null) const fileEvaluation5Ref = ref<object | null>(null);
const fileEvaluation6Ref = ref<object | null>(null) const fileEvaluation6Ref = ref<object | null>(null);
const performanceRef = ref<object | null>(null) const performanceRef = ref<object | null>(null);
const performanceOwnerRef = ref<object | null>(null) const performanceOwnerRef = ref<object | null>(null);
const assignedPositionRef = ref<object | null>(null) const assignedPositionRef = ref<object | null>(null);
const formCommandRef: FormCommandRef = { const formCommandRef: FormCommandRef = {
commanderFullname: commanderFullnameRef, commanderFullname: commanderFullnameRef,
commanderPosition: commanderPositionRef, commanderPosition: commanderPositionRef,
@ -352,34 +345,38 @@ const formCommandRef: FormCommandRef = {
performance: performanceRef, performance: performanceRef,
performanceOwner: performanceOwnerRef, performanceOwner: performanceOwnerRef,
assignedPosition: assignedPositionRef, assignedPosition: assignedPositionRef,
} };
const downloadFileRef = ref<any>() const downloadFileRef = ref<any>();
/**
* function อัปเดท ผลงาน,ผู้เซ็นเอกสาร, Ref
* @param val ผู้เซ็นเอกสาร
* @param ref validate
*/
function updateformCommand(val: any, ref: any) { function updateformCommand(val: any, ref: any) {
formCommand.commanderFullname = val.commanderFullname formCommand.commanderFullname = val.commanderFullname;
formCommand.commanderPosition = val.commanderPosition formCommand.commanderPosition = val.commanderPosition;
formCommand.commanderAboveFullname = val.commanderAboveFullname formCommand.commanderAboveFullname = val.commanderAboveFullname;
formCommand.commanderAbovePosition = val.commanderAbovePosition formCommand.commanderAbovePosition = val.commanderAbovePosition;
formCommand.author = val.author formCommand.author = val.author;
formCommand.subject = val.subject formCommand.subject = val.subject;
formCommand.assignedPosition = val.assignedPosition formCommand.assignedPosition = val.assignedPosition;
commanderFullnameRef.value = ref.commanderFullnameRef commanderFullnameRef.value = ref.commanderFullnameRef;
commanderPositionRef.value = ref.commanderPositionRef commanderPositionRef.value = ref.commanderPositionRef;
commanderAboveFullnameRef.value = ref.commanderAboveFullnameRef commanderAboveFullnameRef.value = ref.commanderAboveFullnameRef;
commanderAbovePositionRef.value = ref.commanderAbovePositionRef commanderAbovePositionRef.value = ref.commanderAbovePositionRef;
fileEvaluation1Ref.value = ref.fileEvaluation1Ref fileEvaluation1Ref.value = ref.fileEvaluation1Ref;
fileEvaluation2Ref.value = ref.fileEvaluation2Ref fileEvaluation2Ref.value = ref.fileEvaluation2Ref;
fileEvaluation3Ref.value = ref.fileEvaluation3Ref fileEvaluation3Ref.value = ref.fileEvaluation3Ref;
fileEvaluation4Ref.value = ref.fileEvaluation4Ref fileEvaluation4Ref.value = ref.fileEvaluation4Ref;
fileEvaluation5Ref.value = ref.fileEvaluation5Ref fileEvaluation5Ref.value = ref.fileEvaluation5Ref;
fileEvaluation6Ref.value = ref.fileEvaluation6Ref fileEvaluation6Ref.value = ref.fileEvaluation6Ref;
downloadFileRef.value = ref.downloadFile downloadFileRef.value = ref.downloadFile;
performanceRef.value = ref.performance performanceRef.value = ref.performance;
performanceOwnerRef.value = ref.performanceOwner performanceOwnerRef.value = ref.performanceOwner;
assignedPositionRef.value = ref.assignedPosition assignedPositionRef.value = ref.assignedPosition;
statusUpload.value = ref.statusUpload statusUpload.value = ref.statusUpload;
} }
/** function บันทึกข้อมูล ผลงานม,ผู้เซ็นเอกสาร*/
async function saveStep2() { async function saveStep2() {
const body = { const body = {
commanderFullname: formCommand.commanderFullname, commanderFullname: formCommand.commanderFullname,
@ -388,76 +385,80 @@ async function saveStep2() {
commanderAbovePosition: formCommand.commanderAbovePosition, commanderAbovePosition: formCommand.commanderAbovePosition,
author: formCommand.author, author: formCommand.author,
subject: formCommand.subject, subject: formCommand.subject,
} };
dialogConfirm( dialogConfirm(
$q, $q,
async () => { async () => {
statusUpload.value = true statusUpload.value = true;
store.statusUpload = statusUpload.value store.statusUpload = statusUpload.value;
showLoader() showLoader();
await http await http
.put(config.API.evaluationUpdateAuthor(route.params.id.toString(), "director"), body) .put(
config.API.evaluationUpdateAuthor(
route.params.id.toString(),
"director"
),
body
)
.then(() => { .then(() => {
route.params.id && fetchCheckStep(route.params.id.toString()) route.params.id && fetchCheckStep(route.params.id.toString());
}) })
.catch(err => { .catch((err) => {
messageError($q, err) messageError($q, err);
}) })
.finally(() => { .finally(() => {
hideLoader() hideLoader();
}) });
}, },
"ยืนยันการบันทึกข้อมูล", "ยืนยันการบันทึกข้อมูล",
"ต้องการยืนยันการบันทึกข้อมูลนี้ใช่หรือไม่?" "ต้องการยืนยันการบันทึกข้อมูลนี้ใช่หรือไม่?"
) );
} }
/** function ดำเนินการต่อไป 3.ตรวจสอบเอกสารเล่ม 1*/
async function nextTostep3() { async function nextTostep3() {
dialogConfirm( dialogConfirm(
$q, $q,
async () => { async () => {
showLoader() showLoader();
await http await http
.put(config.API.evaluationPreparedoc(route.params.id.toString(), "approve")) .put(
config.API.evaluationPreparedoc(route.params.id.toString(), "approve")
)
.then(() => { .then(() => {
route.params.id && fetchCheckStep(route.params.id.toString()) route.params.id && fetchCheckStep(route.params.id.toString());
}) })
.catch(err => { .catch((err) => {
messageError($q, err) messageError($q, err);
}) })
.finally(() => { .finally(() => {
hideLoader() hideLoader();
}) });
}, },
"ยืนยันการดำเนินการ", "ยืนยันการดำเนินการ",
"ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?" "ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?"
) );
} }
/** STEP3*/ /** STEP3*/
/** function ยืนยันการยื่นเอกสารไปยัง 4.รอตรวจสอบคุณสมบัติ*/
async function saveStep3() { async function saveStep3() {
showLoader() showLoader();
await http await http
.put(config.API.evaluationCheckdoc(route.params.id.toString(), "approve")) .put(config.API.evaluationCheckdoc(route.params.id.toString(), "approve"))
.then(() => { .then(() => {
route.params.id && fetchCheckStep(route.params.id.toString()) route.params.id && fetchCheckStep(route.params.id.toString());
}) })
.catch(err => { .catch((err) => {
messageError($q, err) messageError($q, err);
}) })
.finally(() => { .finally(() => {
hideLoader() hideLoader();
}) });
}
async function saveStep4() {
console.log("Save 4")
}
async function saveStep5() {
console.log("Save 5")
} }
/** STEP 6*/ /** STEP 6*/
/** function บันทึกข้อมูล ผลงานม,ผู้เซ็นเอกสาร*/
async function saveStep6() { async function saveStep6() {
const body = { const body = {
commanderAboveFullnameDoc2: formCommand.commanderAboveFullname, commanderAboveFullnameDoc2: formCommand.commanderAboveFullname,
@ -467,92 +468,107 @@ async function saveStep6() {
authorDoc2: formCommand.author, authorDoc2: formCommand.author,
subjectDoc2: formCommand.subject, subjectDoc2: formCommand.subject,
assignedPosition: formCommand.assignedPosition, assignedPosition: formCommand.assignedPosition,
} };
dialogConfirm( dialogConfirm(
$q, $q,
async () => { async () => {
statusUpload.value = true statusUpload.value = true;
store.statusUpload = statusUpload.value store.statusUpload = statusUpload.value;
showLoader() showLoader();
await http await http
.put(config.API.evaluationUpdateAuthor(route.params.id.toString(), "director2"), body) .put(
config.API.evaluationUpdateAuthor(
route.params.id.toString(),
"director2"
),
body
)
.then(() => { .then(() => {
route.params.id && fetchCheckStep(route.params.id.toString()) route.params.id && fetchCheckStep(route.params.id.toString());
}) })
.catch(err => { .catch((err) => {
messageError($q, err) messageError($q, err);
}) })
.finally(() => { .finally(() => {
hideLoader() hideLoader();
}) });
}, },
"ยืนยันการบันทึกข้อมูล", "ยืนยันการบันทึกข้อมูล",
"ต้องการยืนยันการบันทึกข้อมูลนี้ใช่หรือไม่?" "ต้องการยืนยันการบันทึกข้อมูลนี้ใช่หรือไม่?"
) );
} }
/** function ดำเนินการต่อไป 7.รอพิจารณาผลการประเมิน 2*/
async function nextTostep7() { async function nextTostep7() {
dialogConfirm( dialogConfirm(
$q, $q,
async () => { async () => {
showLoader() showLoader();
await http await http
.put(config.API.evaluationCheckdocV2(route.params.id.toString())) .put(config.API.evaluationCheckdocV2(route.params.id.toString()))
.then(() => { .then(() => {
route.params.id && fetchCheckStep(route.params.id.toString()) route.params.id && fetchCheckStep(route.params.id.toString());
}) })
.catch(err => { .catch((err) => {
messageError($q, err) messageError($q, err);
}) })
.finally(() => { .finally(() => {
hideLoader() hideLoader();
}) });
}, },
"ยืนยันการดำเนินการ", "ยืนยันการดำเนินการ",
"ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?" "ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?"
) );
} }
/** STEP 7*/ /** STEP 7*/
/** function ยืนยันการยื่นเอกสารไปยัง 8.ตรวจสอบความถูกต้องของเอกสารเล่ม 2
*/
async function saveStep7() { async function saveStep7() {
showLoader() showLoader();
await http await http
.put(config.API.evaluationPreparedocV2(route.params.id.toString())) .put(config.API.evaluationPreparedocV2(route.params.id.toString()))
.then(() => { .then(() => {
route.params.id && fetchCheckStep(route.params.id.toString()) route.params.id && fetchCheckStep(route.params.id.toString());
}) })
.catch(() => {}) .catch(() => {})
.finally(() => { .finally(() => {
hideLoader() hideLoader();
}) });
}
async function saveStep8() {
console.log("Save 8")
}
async function saveStep9() {
console.log("Save 9")
} }
/** function callblck ทำงานเมื่อมีการเปลี่ยน Step*/
watch( watch(
() => store.step, () => store.step,
() => { () => {
if (route.params.id) { if (route.params.id) {
const id = route.params.id.toString() const id = route.params.id.toString();
store.step === 1 && fetchDataStep1(id) store.step === 1 && fetchDataStep1(id);
} }
} }
) );
/** Hook lifecycle*/
onMounted(async () => { onMounted(async () => {
route.params.id && fetchCheckStep(route.params.id.toString()) route.params.id && fetchCheckStep(route.params.id.toString());
route.name === "evaluate-add" && (showLoadStatus.value = true) && store.step === 1 route.name === "evaluate-add" &&
}) (showLoadStatus.value = true) &&
store.step === 1;
});
</script> </script>
<template> <template>
<div class="col-12 row justify-center"> <div class="col-12 row justify-center">
<div class="col-xs-12 col-sm-12 col-md-11"> <div class="col-xs-12 col-sm-12 col-md-11">
<div class="toptitle text-white col-12 row items-center"> <div class="toptitle text-white col-12 row items-center">
<q-btn icon="mdi-arrow-left" unelevated round dense flat color="primary" class="q-mr-sm" @click="router.go(-1)" /> <q-btn
icon="mdi-arrow-left"
unelevated
round
dense
flat
color="primary"
class="q-mr-sm"
@click="router.go(-1)"
/>
<div>ประเมินบุคคล</div> <div>ประเมินบุคคล</div>
</div> </div>
</div> </div>
@ -562,8 +578,19 @@ onMounted(async () => {
<q-card bordered class="col-12 row caedNone q-pa-md q-col-gutter-md"> <q-card bordered class="col-12 row caedNone q-pa-md q-col-gutter-md">
<div class="col-xs-12 col-sm-3"> <div class="col-xs-12 col-sm-3">
<div class="toptitle"> <div class="toptitle">
{{ route.params.type === "expert" ? "ประเมินชำนาญการ" : "ประเมินชำนาญการพิเศษ" }} {{
<q-btn flat round dense color="primary" icon="history" @click="onClickPopupHistory"> route.params.type === "expert"
? "ประเมินชำนาญการ"
: "ประเมินชำนาญการพิเศษ"
}}
<q-btn
flat
round
dense
color="primary"
icon="history"
@click="onClickPopupHistory"
>
<q-tooltip>ประวัติการประเมิน</q-tooltip> <q-tooltip>ประวัติการประเมิน</q-tooltip>
</q-btn> </q-btn>
</div> </div>
@ -573,39 +600,86 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-9" v-if="showLoadStatus"> <div class="col-xs-12 col-sm-9" v-if="showLoadStatus">
<div class="col-12 row"> <div class="col-12 row">
<div class="col-9"> <div class="col-9">
<div class="toptitle">{{ store.step }}.{{ store.title[store.step - 1] }}</div> <div class="toptitle">
{{ store.step }}.{{ store.title[store.step - 1] }}
</div>
</div> </div>
<div class="col-3 text-right"> <div class="col-3 text-right">
<q-btn v-if="store.step === 1" :href="externalLink" target="_blank" outline color="blue" no-caps> ตรวจสอบคุณสมบัติกับ ก.พ. </q-btn> <q-btn
v-if="store.step === 1"
:href="externalLink"
target="_blank"
outline
color="blue"
no-caps
>
ตรวจสอบคุณสมบัติกับ ก.พ.
</q-btn>
</div> </div>
</div> </div>
<div class="row q-col-gutter-md col-12"> <div class="row q-col-gutter-md col-12">
<div <div
:class=" :class="
store.step === 2 || store.step === 4 || store.step === 5 || store.step === 6 || store.step === 8 || store.step === 9 store.step === 2 ||
store.step === 4 ||
store.step === 5 ||
store.step === 6 ||
store.step === 8 ||
store.step === 9
? 'col-xs-12 col-sm-12 row' ? 'col-xs-12 col-sm-12 row'
: 'col-xs-12 col-sm-5 row' : 'col-xs-12 col-sm-5 row'
" "
> >
<q-card flat bordered class="col-12 q-pa-md"> <q-card flat bordered class="col-12 q-pa-md">
<q-card-section> <q-card-section>
<Step1 v-if="store.step === 1" @update:spec="updateCheckSpec" :data="formDataStep1" /> <Step1
<Step2 v-if="store.step === 2" @update:form="updateformCommand" /> v-if="store.step === 1"
<Step3 v-if="store.step === 3" @update:file="updateFilePDF" /> @update:spec="updateCheckSpec"
:data="formDataStep1"
/>
<Step2
v-if="store.step === 2"
@update:form="updateformCommand"
/>
<Step3
v-if="store.step === 3"
@update:file="updateFilePDF"
/>
<Step4 v-if="store.step === 4" /> <Step4 v-if="store.step === 4" />
<Step5 v-if="store.step === 5" /> <Step5 v-if="store.step === 5" />
<Step6 v-if="store.step === 6" @update:form="updateformCommand" /> <Step6
<Step7 v-if="store.step === 7" @update:file="updateFilePDF" /> v-if="store.step === 6"
@update:form="updateformCommand"
/>
<Step7
v-if="store.step === 7"
@update:file="updateFilePDF"
/>
<Step8 v-if="store.step === 8" /> <Step8 v-if="store.step === 8" />
<Step9 v-if="store.step === 9" /> <Step9 v-if="store.step === 9" />
</q-card-section> </q-card-section>
</q-card> </q-card>
</div> </div>
<div class="col-xs-12 col-sm-7 row" v-if="store.step === 1 || store.step === 3 || store.step === 7"> <div
class="col-xs-12 col-sm-7 row"
v-if="store.step === 1 || store.step === 3 || store.step === 7"
>
<div class="col-12"> <div class="col-12">
<ViewStep1 v-if="store.step === 1" @update:formDeital="updateFormDetail" :data="formDataStep1" /> <ViewStep1
<ViewStep3 v-if="store.step === 3 && pdfSrc" :pdfSrc="pdfSrc" :urlDownloadFile="urlDownloadFile" /> v-if="store.step === 1"
<ViewStep7 v-if="store.step === 7 && pdfSrc" :pdfSrc="pdfSrc" :urlDownloadFile="urlDownloadFile" /> @update:formDeital="updateFormDetail"
:data="formDataStep1"
/>
<ViewStep3
v-if="store.step === 3 && pdfSrc"
:pdfSrc="pdfSrc"
:urlDownloadFile="urlDownloadFile"
/>
<ViewStep7
v-if="store.step === 7 && pdfSrc"
:pdfSrc="pdfSrc"
:urlDownloadFile="urlDownloadFile"
/>
</div> </div>
</div> </div>
</div> </div>
@ -622,15 +696,48 @@ onMounted(async () => {
store.step !== 9 store.step !== 9
" "
unelevated unelevated
:label="store.step === 2 || store.step === 6 ? 'บันทึกข้อมูล' : 'ดำเนินการต่อ'" :label="
store.step === 2 || store.step === 6
? 'บันทึกข้อมูล'
: 'ดำเนินการต่อ'
"
color="public" color="public"
@click="onCilckNextStep()" @click="onCilckNextStep()"
/> />
<q-btn v-else-if="store.step >= store.currentStep && (store.step == 3 || store.step == 7)" unelevated label="ยื่นเอกการ" color="public" @click="onCilckNextStep()" /> <q-btn
v-else-if="
store.step >= store.currentStep &&
(store.step == 3 || store.step == 7)
"
unelevated
label="ยื่นเอกการ"
color="public"
@click="onCilckNextStep()"
/>
<q-btn v-if="store.step >= store.currentStep && store.step == 2 && store.statusUpload" unelevated label="ดำเนินการต่อ" color="public" @click="onCilckNextStep()" /> <q-btn
<q-btn v-if="store.step >= store.currentStep && store.step == 6 && store.statusUpload" unelevated label="ดำเนินการต่อ" color="public" @click="onCilckNextStep()" /> v-if="
store.step >= store.currentStep &&
store.step == 2 &&
store.statusUpload
"
unelevated
label="ดำเนินการต่อ"
color="public"
@click="onCilckNextStep()"
/>
<q-btn
v-if="
store.step >= store.currentStep &&
store.step == 6 &&
store.statusUpload
"
unelevated
label="ดำเนินการต่อ"
color="public"
@click="onCilckNextStep()"
/>
</div> </div>
</div> </div>
</q-card> </q-card>
@ -638,7 +745,11 @@ onMounted(async () => {
</div> </div>
</div> </div>
<PopupHistory :modal="modalHistory" :close="onClickPopupHistory" :id="store.evaluateId" /> <PopupHistory
:modal="modalHistory"
:close="onClickPopupHistory"
:id="store.evaluateId"
/>
</template> </template>
<style> <style>
.q-stepper--vertical .q-stepper__step-inner { .q-stepper--vertical .q-stepper__step-inner {