Merge branch 'NiceDev' into develop

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-08-26 11:45:40 +07:00
commit bb79dded69
5 changed files with 70 additions and 295 deletions

View file

@ -167,7 +167,7 @@ async function fetchCheckStep(id: string) {
store.step = step;
})
.catch((err) => {
// messageError($q, err);
messageError($q, err);
})
.finally(() => {
showLoadStatus.value = true;
@ -232,6 +232,7 @@ function updateFormDetail(data: any) {
formDetail.value = data;
console.log("🚀 ~ updateFormDetail ~ data:", data);
}
/** function เช็คการการคุณสมบัติ*/
function checkSelectForm() {
const isTrue = Object.keys(formSpec).find((key) => formSpec[key] === true);
@ -247,6 +248,7 @@ function checkSelectForm() {
)
: dialogMessageNotify($q, "กรุณาเลือกคุณสมบัติ");
}
/** function บันทักตรวจสอบคุณสมบัติ*/
async function saveStep1() {
const salaries = formDetail.value.salaries.map((e: any) => ({

View file

@ -1,29 +1,19 @@
<script setup lang="ts">
import { ref, reactive, watch, onMounted } from "vue";
import { useRouter, useRoute } from "vue-router";
import { reactive, onMounted } from "vue";
import { useRouter } from "vue-router";
import { useCounterMixin } from "@/stores/mixin";
import { useQuasar } from "quasar";
import type { FormRef } from "@/modules/06_evaluate/interface/evalute";
import http from "@/plugins/http";
import config from "@/app.config";
import genReport from "@/plugins/genreport";
const router = useRouter();
const route = useRoute();
const profile = ref<any>();
const $q = useQuasar();
const mixin = useCounterMixin();
const {
dialogConfirm,
messageError,
showLoader,
hideLoader,
date2Thai,
success,
} = mixin;
const { dialogConfirm, messageError, showLoader, hideLoader } = mixin;
const formData = reactive<any>({
const formData = reactive({
subject: "",
author: "",
commanderFullname: "",
@ -32,77 +22,9 @@ const formData = reactive<any>({
commanderAbovePosition: "",
});
const subjectRef = ref<Object | null>(null);
const authorRef = ref<Object | null>(null);
const commanderFullnameRef = ref<Object | null>(null);
const commanderPositionRef = ref<Object | null>(null);
const commanderAboveFullnameRef = ref<Object | null>(null);
const commanderAbovePositionRef = ref<Object | null>(null);
/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
const objectRef: FormRef = {
subject: subjectRef,
author: authorRef,
commanderFullname: commanderFullnameRef,
commanderPosition: commanderPositionRef,
commanderAboveFullname: commanderAboveFullnameRef,
commanderAbovePosition: commanderAbovePositionRef,
};
const files = [
{
id: "file1",
fileName: "แบบพิจารณาคุณสมบัติบุคคล",
pathName: "1-แบบพิจารณาคุณสมบัติบุคคล",
tp: "EV1_005",
templateName: "template-1",
nameFile: "แบบพิจารณาคุณสมบัติบุคคล",
},
{
id: "file2",
fileName: "แบบแสดงรายละเอียดการเสนอผลงาน",
pathName: "2-แบบแสดงรายละเอียดการเสนอผลงาน",
tp: "EV1_006",
templateName: "template-2",
nameFile: "แบบแสดงรายละเอียดการเสนอผลงาน",
},
{
id: "file3",
fileName:
"แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
pathName:
"3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
tp: "EV1_007",
templateName: "template-3",
nameFile:
"แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
},
{
id: "file4",
fileName: "แบบประเมินคุณลักษณะบุคคล",
pathName: "4-แบบประเมินคุณลักษณะบุคคล",
tp: "EV1_008",
templateName: "template-4",
nameFile: "แบบประเมินคุณลักษณะบุคคล",
},
{
id: "file5",
fileName: "แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)",
pathName: "5-แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)",
tp: "EV1_009",
templateName: "template-5",
nameFile: "แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)",
},
{
id: "file6",
fileName: "ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
pathName: "6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
tp: "EV1_010",
templateName: "template-6",
nameFile: "ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
},
];
/**
* นยนการบนทกขอม
*/
function onSubmit() {
dialogConfirm($q, () => {
showLoader();
@ -114,149 +36,42 @@ function onSubmit() {
.catch((err) => {
messageError($q, err);
})
.finally(async () => {
await close();
await hideLoader();
.finally(() => {
hideLoader();
});
});
}
/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */
function validateForm() {
const hasError = [];
for (const key in objectRef) {
if (Object.prototype.hasOwnProperty.call(objectRef, key)) {
const property = objectRef[key];
if (property.value && typeof property.value.validate === "function") {
const isValid = property.value.validate();
hasError.push(isValid);
}
}
}
if (hasError.every((result) => result === true)) {
onSubmit();
} else {
}
}
/**
* funcion ดาวนโหลดไฟล
* @param tp templatname
* @param templateName
* @param fileName ไฟล
* fetch รายช งคบบญชาชนต,
*/
async function onClickDowloadFile(
tp: string,
templateName: string,
fileName: string
) {
function getData() {
showLoader();
let educations: any = [];
if (profile.value != null) {
profile.value.educations.map((e: any) => {
educations.push({
educationLevel: e.educationLevel ?? "",
finishYear:
e.finishDate == null
? ""
: new Date(e.finishDate).getFullYear() + 543,
institute: e.institute ?? "",
});
});
}
let certificates: any = [];
if (profile.value != null) {
profile.value.certificates.map((e: any) => {
certificates.push({
certificateNo: e.certificateNo ?? "",
certificateType: e.certificateType ?? "",
issuer: e.issuer ?? "",
});
});
}
let salaries: any = [];
if (profile.value != null) {
profile.value.salaries.map((e: any) => {
salaries.push({
date: e.date == null ? "" : date2Thai(new Date(e.date)),
position: e.position ?? "",
amount: e.amount ?? "",
});
});
}
let trainings: any = [];
if (profile.value != null) {
profile.value.trainings.map((e: any) => {
trainings.push({
yearly: e.yearly ?? "",
startDate: e.startDate == null ? "" : date2Thai(new Date(e.startDate)),
endDate: e.endDate == null ? "" : date2Thai(new Date(e.endDate)),
name: e.name ?? "",
topic: e.topic ?? "",
});
});
}
const data = Object.assign(
{ educations: educations },
{ certificates: certificates },
{ salaries: salaries },
{ trainings: trainings },
{ fullName: profile.value == null ? "" : profile.value.fullName },
{ position: profile.value == null ? "" : profile.value.position },
{ positionLevel: profile.value == null ? "" : profile.value.positionLevel },
{ posNo: profile.value == null ? "" : profile.value.posNo },
{ oc: profile.value == null ? "" : profile.value.oc },
{
birthDate:
profile.value == null ? "" : date2Thai(profile.value.birthDate),
},
{ govAge: profile.value == null ? "" : profile.value.govAge },
{
positionLevelNew:
profile.value == null
? ""
: profile.value.type == "EXPERT"
? "ชำนาญการ"
: "ชำนาญการพิเศษ",
},
tp === "EV1_005" || tp === "EV1_007" ? { organizationName: "-" } : null,
tp === "EV1_007" ? { positionName: "-" } : null,
tp === "EV1_007" ? { positionLeaveName: "-" } : null
);
const body = {
template: tp,
reportName: templateName,
data: data,
};
await genReport(body, fileName); //
}
function getData(){
showLoader()
http
.get(config.API.orgSearchCommander())
.then((res)=>{
const data = res.data.result
formData.author = data.fullname
formData.commanderFullname = data.commanderFullname
formData.commanderPosition = data.commanderPosition
formData.commanderAboveFullname = data.commanderAboveFullname
formData.commanderAbovePosition = data.commanderAbovePosition
})
.catch((e)=>{
messageError($q,e)
}).finally(()=>{
hideLoader()
})
.get(config.API.orgSearchCommander())
.then(async (res) => {
const data = await res.data.result;
formData.author = data.fullname;
formData.commanderFullname = data.commanderFullname;
formData.commanderPosition = data.commanderPosition;
formData.commanderAboveFullname = data.commanderAboveFullname;
formData.commanderAbovePosition = data.commanderAbovePosition;
})
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
}
onMounted(()=>{
getData()
})
onMounted(() => {
getData();
});
</script>
<template>
<q-form @submit.prevent="validateForm">
<q-form greedy @submit.prevent @validation-success="onSubmit">
<div class="col-12 row justify-center">
<div class="col-xs-12 col-sm-12 col-md-11 q-mb-sm">
<div class="toptitle text-white col-12 row items-center">
@ -295,7 +110,7 @@ onMounted(()=>{
outlined
label="ชื่อผลงาน"
v-model="formData.subject"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
lazy-rules
hide-bottom-space
/>
@ -307,7 +122,7 @@ onMounted(()=>{
v-model="formData.author"
label="เจ้าของผลงาน"
:rules="[
(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`,
(val:string) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`,
]"
lazy-rules
hide-bottom-space
@ -332,26 +147,24 @@ onMounted(()=>{
</div>
<div class="row col-12 q-col-gutter-sm q-pa-sm">
<q-input
ref="commanderFullnameRef"
dense
class="col-xs-12 col-sm-6 inputgreen"
outlined
label="ชื่อ-นามสกุล"
v-model="formData.commanderFullname"
:rules="[
(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
]"
lazy-rules
hide-bottom-space
/>
<q-input
ref="commanderPositionRef"
class="col-xs-12 col-sm-6 inputgreen"
dense
outlined
v-model="formData.commanderPosition"
label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules
hide-bottom-space
/>
@ -365,26 +178,22 @@ onMounted(()=>{
</div>
<div class="row col-12 q-col-gutter-md q-pa-sm">
<q-input
ref="commanderAboveFullnameRef"
dense
class="col-xs-12 col-sm-6 inputgreen"
outlined
v-model="formData.commanderAboveFullname"
label="ชื่อ-นามสกุล"
:rules="[
(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
]"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules
hide-bottom-space
/>
<q-input
ref="commanderAbovePositionRef"
class="col-xs-12 col-sm-6 inputgreen"
dense
outlined
v-model="formData.commanderAbovePosition"
label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules
hide-bottom-space
/>
@ -394,51 +203,6 @@ onMounted(()=>{
</div>
</q-card>
</div>
<!-- <div class="col-12">
<q-card bordered>
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
ดาวนโหลดเอกสาร
</div>
<div class="col-12"><q-separator /></div>
<q-list
v-for="file in files"
:key="file.id"
class="full-width"
bordered
>
<q-item clickable v-ripple>
<q-item-section class="text-grey-9">{{
file.fileName
}}</q-item-section>
<q-item-section avatar>
<div class="row">
<div>
<q-btn
dense
flat
round
size="12px"
color="blue"
icon="mdi-download"
@click="
onClickDowloadFile(
file.tp,
file.templateName,
file.nameFile
)
"
>
<q-tooltip>ดาวนโหลดไฟล</q-tooltip>
</q-btn>
</div>
</div>
</q-item-section>
</q-item>
</q-list>
</q-card>
</div> -->
</div>
<q-separator />

View file

@ -156,10 +156,16 @@ const files = [
* function ดาวนโหลดไฟล
* @param fileName อไฟล
*/
async function downloadFile(fileName: string) {
async function downloadFile(fileName: string) {
showLoader();
await http
.get(config.API.loadFileDocument("ประเมินเชี่ยวชาญ", evaluateId.value, fileName))
.get(
config.API.loadFileDocument(
"ประเมินเชี่ยวชาญ",
evaluateId.value,
fileName
)
)
.then((res) => {
if (fileName === "1-แบบพิจารณาคุณสมบัติบุคคล") {
downloadFile1.value = res.data.downloadUrl;
@ -215,7 +221,6 @@ const files = [
});
}
function onSubmit() {
dialogConfirm($q, () => {
showLoader();
@ -439,7 +444,9 @@ onMounted(() => {
getData();
downloadFile("1-แบบพิจารณาคุณสมบัติบุคคล");
downloadFile("2-แบบแสดงรายละเอียดการเสนอผลงาน");
downloadFile("3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)");
downloadFile(
"3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)"
);
downloadFile("4-แบบประเมินคุณลักษณะบุคคล");
downloadFile("5-แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)");
downloadFile("6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)");
@ -487,7 +494,7 @@ onMounted(() => {
outlined
label="ชื่อผลงาน"
v-model="formData.subject"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
lazy-rules
hide-bottom-space
/>
@ -500,7 +507,7 @@ onMounted(() => {
v-model="formData.author"
label="เจ้าของผลงาน"
:rules="[
(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`,
(val:string) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`,
]"
lazy-rules
hide-bottom-space
@ -533,7 +540,7 @@ onMounted(() => {
label="ชื่อ-นามสกุล"
v-model="formData.commanderFullname"
:rules="[
(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
]"
lazy-rules
hide-bottom-space
@ -546,7 +553,7 @@ onMounted(() => {
outlined
v-model="formData.commanderPosition"
label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules
hide-bottom-space
/>
@ -568,7 +575,7 @@ onMounted(() => {
v-model="formData.commanderAboveFullname"
label="ชื่อ-นามสกุล"
:rules="[
(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
]"
lazy-rules
hide-bottom-space
@ -581,7 +588,7 @@ onMounted(() => {
outlined
v-model="formData.commanderAbovePosition"
label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules
hide-bottom-space
/>
@ -648,7 +655,7 @@ onMounted(() => {
accept=".pdf"
:rules="
downloadFile1 === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
? [(val:string) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
@ -735,7 +742,7 @@ onMounted(() => {
hide-bottom-space
:rules="
downloadFile2 === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
? [(val:string) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
@ -823,7 +830,7 @@ onMounted(() => {
accept=".pdf"
:rules="
downloadFile3 === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
? [(val:string) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
@ -909,7 +916,7 @@ onMounted(() => {
hide-bottom-space
:rules="
downloadFile5 === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
? [(val:string) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
@ -994,7 +1001,7 @@ onMounted(() => {
accept=".pdf"
:rules="
downloadFile4 === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
? [(val:string) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
@ -1079,7 +1086,7 @@ onMounted(() => {
accept=".pdf"
:rules="
downloadFile6 === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
? [(val:string) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>

View file

@ -118,15 +118,16 @@ async function onCkilckDelete(id: string) {
showLoader();
await http
.delete(config.API.evaluationByid(id))
.then(() => {
success($q, "ลบข้อมูลสำเร็จ");
.then(async () => {
await props.fetchData?.();
await success($q, "ลบข้อมูลสำเร็จ");
})
.catch((err) => {
messageError($q, err);
hideLoader();
})
.finally(() => {
props.fetchData?.();
hideLoader();
});
});
}

View file

@ -46,6 +46,7 @@ async function checkUser() {
.get(config.API.profilePosition())
.then(async (res) => {
const data = res.data.result;
if (data.avatarName) {
await getImg(data.profileId, data.avatarName);
} else {
@ -79,7 +80,7 @@ function getImg(id: string, pathName: string) {
profileImg.value = res.data.downloadUrl;
})
.catch((e) => {
messageError($q, e);
// messageError($q, e);
})
.finally(() => {});
}