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

เพิ่มข้อความ ตัวเลขคะเเนน q-rating tooltip()

Browse source
This commit is contained in:
setthawutttty 2023-09-12 17:35:16 +07:00
parent 6bbf5b5716
commit e435cb1929
7 changed files with 918 additions and 518 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -134,7 +134,7 @@ const fecthAssign = async () => {
start_date.value = res.data.data.start_date;
date_finish.value = res.data.data.end_date;
}
Autherise.value = res.data.data.commander.name
Autherise.value = res.data.data.commander.name;
})
.catch((e) => {
messageError($q, e);
@ -414,19 +414,19 @@ const save = () => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -454,19 +454,19 @@ const save = () => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -494,19 +494,19 @@ const save = () => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -534,19 +534,19 @@ const save = () => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -575,19 +575,19 @@ const save = () => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -615,19 +615,19 @@ const save = () => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -692,19 +692,19 @@ const save = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -747,19 +747,19 @@ const save = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -795,19 +795,19 @@ const save = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -843,19 +843,19 @@ const save = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -913,19 +913,19 @@ const save = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>

139
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
View file

@ -162,11 +162,7 @@ const knowledge_level = ref<number>(0);
const knowledge_levelRules = [
(val: any) => (val && val.length > 0) || "กรุณากรอกข้อมูลสิ่งที่ควรปรับปรุง",
];
const ArrayCountbotton = [
orientation,
self_learning,
training_seminar,
];
const ArrayCountbotton = [orientation, self_learning, training_seminar];
const variablesToWatch = [
knowledge_level,
skill_level,
@ -408,19 +404,19 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -453,19 +449,19 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -498,19 +494,19 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -543,19 +539,19 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -589,19 +585,19 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -634,19 +630,19 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -712,19 +708,19 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -768,19 +764,23 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -817,19 +817,23 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -867,19 +871,23 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -940,19 +948,23 @@ const getBordered = (i: boolean) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -1112,12 +1124,7 @@ const getBordered = (i: boolean) => {
</q-item-section>
</q-item>
<q-separator class="q-my-xs" />
<q-item
dense
tag="label"
v-ripple
>
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label
>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด

84
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
View file

@ -533,19 +533,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -574,19 +574,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -614,19 +614,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -691,19 +691,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -752,19 +752,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -800,19 +800,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -848,19 +848,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -918,19 +918,19 @@ const putformData = () => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -1366,7 +1366,9 @@ const putformData = () => {
hide-bottom-space
class="full-width datepicker col-3"
:model-value="
commander.dated != null ? date2Thai(commander.dated) : null
commander.dated != null
? date2Thai(commander.dated)
: null
"
:label="`${'ลงวันที่'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"

104
src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
View file

@ -514,19 +514,19 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -559,19 +559,19 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -603,19 +603,19 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -678,19 +678,19 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -740,19 +740,23 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -788,19 +792,23 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -836,19 +844,23 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -906,19 +918,23 @@ watch(lengthdiscipline_level, (newLength) => {
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip
>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -1307,7 +1323,11 @@ watch(lengthdiscipline_level, (newLength) => {
map-options
emit-value
hide-bottom-space
:rules="[(val) => val !== null && val !== undefined || 'กรุณาเลือกสรุปผลการพัฒนา']"
:rules="[
(val) =>
(val !== null && val !== undefined) ||
'กรุณาเลือกสรุปผลการพัฒนา',
]"
ref="selectResult1"
/>
</div>
@ -1335,7 +1355,7 @@ watch(lengthdiscipline_level, (newLength) => {
hide-bottom-space
:rules="[
(val) =>
val !== null && val !== undefined ||
(val !== null && val !== undefined) ||
'กรุณาเลือกสรุปผลการประเมินผลทดลองปฎิบัติหน้าที่ราชการ',
]"
ref="selectResult2"

121
src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
View file

@ -513,20 +513,21 @@ const editData = async (data: any) => {
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -572,19 +573,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -615,19 +616,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -655,19 +656,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -695,19 +696,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -735,19 +736,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -776,19 +777,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -892,19 +893,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -989,19 +990,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -1037,19 +1038,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -1085,19 +1086,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>
@ -1155,19 +1156,19 @@ const editData = async (data: any) => {
:disable="!status"
>
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</q-item-section>

825
src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
View file

File diff suppressed because it is too large Load diff

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

@ -84,8 +84,8 @@ const save = async () => {
messageError($q, e);
})
.finally(() => {
getSurveyData()
})
getSurveyData();
});
});
} else if (answer3.value == 0) {
classBordered.value = "border_custom";
@ -110,8 +110,17 @@ watch(answer3, () => {
คุณคิดเห็นอย่างไรกับการทดลองปฏิบัติหน้าที่ราชการ?
</div>
<div class="col-12">
<q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer1"
type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
<q-input
:disable="!status"
label="ความคิดเห็น"
class="bg-white"
dense
borderless
outlined
v-model="answer1"
type="textarea"
:rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
/>
</div>
</div>
<div class="col-12 row q-mt-md">
@ -120,8 +129,17 @@ watch(answer3, () => {
ปัญหาและอุปสรรคที่พบระหว่างการทดลองปฏิบัติหน้าที่ราชการ
</div>
<div class="col-12">
<q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer2"
type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
<q-input
:disable="!status"
label="ความคิดเห็น"
class="bg-white"
dense
borderless
outlined
v-model="answer2"
type="textarea"
:rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
/>
</div>
</div>
@ -131,22 +149,29 @@ watch(answer3, () => {
ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
</div>
<q-space />
<q-rating :disable="!status" v-model="answer3" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม">
<q-rating
:disable="!status"
v-model="answer3"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
>
<template v-slot:tip-1>
<q-tooltip>ไม่พึงพอใจ</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
<template v-slot:tip-2>
<q-tooltip>ค่อนข้างพึงพอใจ</q-tooltip>
<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
</template>
<template v-slot:tip-3>
<q-tooltip>พึงพอใจ</q-tooltip>
<q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
</template>
<template v-slot:tip-4>
<q-tooltip>พึงพอใจมาก</q-tooltip>
<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
</template>
<template v-slot:tip-5>
<q-tooltip>พึงพอใจมากที่สุด</q-tooltip>
<q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
</template>
</q-rating>
</div>