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

Merge branch 'develop' into dev-tee

Browse source
This commit is contained in:
setthawutttty 2023-09-26 16:09:18 +07:00
commit 576831410a
11 changed files with 974 additions and 1466 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -76,7 +76,7 @@ const edit = () => {
const cancel = () => {
status.value = false;
fecthAssign()
fecthAssign();
};
const props = defineProps({
@ -89,8 +89,6 @@ const list2_1 = probationStore.behavior_no1;
const list2_2 = probationStore.behavior_no2;
const list2_3 = probationStore.behavior_no3;
const fecthAssign = async () => {
showLoader();
await http
@ -105,7 +103,9 @@ 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 =
probationStore.director.name +
` (${probationStore.director.PositionLineName}, ${probationStore.director.PositionLevelName}, ${probationStore.director.Oc})`;
})
.catch((e) => {
messageError($q, e);
@ -269,8 +269,6 @@ onMounted(async () => {
fetchEvaluate();
}
});
</script>
<template>
@ -309,8 +307,28 @@ onMounted(async () => {
<div class="row col-12 q-gutter-lg">
<div class="col-12 row">
<div class="col-12 text-top0 row items-center">
<div class="col-12 row text-top0">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ทดลองปฏิบัติหน้าที่ราชการ {{ probationStore.person.name }}
</div>
<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">
<span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span>
{{ probationStore.person.PositionLineName }}
</div>
<div class="col-12">
<span class="text-top0 q-pl-sm">ระดับ</span>
{{ probationStore.person.PositionLevelName }}
</div>
<div class="col-12">
<span class="text-top0 q-pl-sm">สังกัด</span>
{{ probationStore.person.Oc }}
</div>
</div>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
วันเริ่มทดลองปฏิบัติหน้าที่ราชการ ตั้งแต่วันที่
การทดลองปฎิบัติหน้าที่ราชการ ตั้งแต่วันที่
<span class="text-black q-px-sm">{{
date2Thai(assign.date_start)
}}</span>
@ -321,6 +339,7 @@ onMounted(async () => {
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
แบบประเมินผล
<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + evaluate_no
}}</span>
@ -1109,6 +1128,7 @@ onMounted(async () => {
</div>
</div>
</div>
<!-- <Footer /> -->
<q-toolbar class="text-primary" v-if="routeName == 'FormEvaluateAdd'">
<q-space />

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

@ -79,7 +79,9 @@ const fecthAssign = async (id: string) => {
assign.value = res.data.data.assign;
commander.value = res.data.data.commander;
option.value.push(commander.value);
Autherise.value = commander.value.name;
Autherise.value =
res.data.data.commander.name +
` (${res.data.data.commander.PositionLineName}, ${res.data.data.commander.PositionLevelName}, ${res.data.data.commander.Oc})`;
evaluate_no.value = res.data.data.evaluate_no;
start_date.value = res.data.data.start_date;
date_finish.value = res.data.data.end_date;
@ -303,8 +305,26 @@ onMounted(async () => {
<div class="row col-12 q-gutter-lg">
<div class="col-12 row">
<div class="col-12 text-top0 row items-center">
<div class="col-12 row text-top0">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ทดลองปฏิบัติหน้าที่ราชการ {{ person.name }}
</div>
<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">
<span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span>
{{ person.PositionLineName }}
</div>
<div class="col-12">
<span class="text-top0 q-pl-sm">ระดับ</span>
{{ person.PositionLevelName }}
</div>
<div class="col-12">
<span class="text-top0 q-pl-sm">สังกัด</span> {{ person.Oc }}
</div>
</div>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
วันเริ่มทดลองปฏิบัติหน้าที่ราชการ ตั้งแต่วันที่
การทดลองปฎิบัติหน้าที่ราชการ ตั้งแต่วันที่
<span class="text-black q-px-sm">{{
date2Thai(assign.date_start)
}}</span>
@ -315,6 +335,7 @@ onMounted(async () => {
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
แบบประเมินผล
<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + round
}}</span>

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

@ -36,7 +36,7 @@ const edit = () => {
};
const cancel = () => {
status.value = false;
fecthAssign()
fecthAssign();
};
const evaluate_no = ref<number>();
const evaluate_id = ref<string>("");
@ -442,8 +442,27 @@ onMounted(async () => {
<div class="row col-12 q-gutter-lg">
<div class="col-12 row">
<div class="col-12 text-top0 row items-center">
<div class="col-12 row text-top0">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ทดลองปฏิบัติหน้าที่ราชการ {{ probationStore.person.name }}
</div>
<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">
<span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span>
{{ probationStore.person.PositionLineName }}
</div>
<div class="col-12">
<span class="text-top0 q-pl-sm">ระดับ</span>
{{ probationStore.person.PositionLevelName }}
</div>
<div class="col-12">
<span class="text-top0 q-pl-sm">สังกัด</span>
{{ probationStore.person.Oc }}
</div>
</div>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
วันเริ่มทดลองปฏิบัติหน้าที่ราชการ ตั้งแต่วันที่
การทดลองปฎิบัติหน้าที่ราชการ ตั้งแต่วันที่
<span class="text-black q-px-sm">{{
date2Thai(assign.date_start)
}}</span>
@ -454,6 +473,7 @@ onMounted(async () => {
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
แบบประเมินผล
<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + evaluate_no
}}</span>
@ -1147,9 +1167,7 @@ onMounted(async () => {
<div class="row col-12 q-gutter-lg no-margin justify-center">
<div class="col-xs-12 col-sm-11 row justify-center">
<div class="col-12 text-top0 items-center">
สรุปผลการพัฒนา
</div>
<div class="col-12 text-top0 items-center">สรุปผลการพัฒนา</div>
<div class="col-12">
<q-select
:disable="!status"

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

File diff suppressed because it is too large Load diff

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

@ -92,15 +92,17 @@ const fecthFormdata = async () => {
await fecthAssignoutput(res.data.data);
await fectFormfull();
})
.catch((e: any) => {})
.catch((e: any) => { })
.finally(() => {
if (props.action == "edit") {
fecthFormRound();
}
});
};
const fectFormfull = async () => {
Autherise.value = probationStore.director.name;
Autherise.value = probationStore.director.name + ` (${probationStore.director.PositionLineName}, ${probationStore.director.PositionLevelName}, ${probationStore.director.Oc})`;
list1_1.value = probationStore.assignOutput;
evaluate_expenct_level.value = await probationStore.assignOutput.map(
(e: any) => ({
@ -114,6 +116,7 @@ const fectFormfull = async () => {
checkArray.value = list1_1.value.length;
fecthFormRound();
};
const fecthFormRound = async () => {
try {
let data = await dataArr.value;
@ -334,14 +337,7 @@ onMounted(async () => {
<div class="toptitle text-dark col-12 row items-center q-gutter-md">
<div>แบบบันทึกผล (ผู้ดูเเล)</div>
<div v-if="status == false">
<q-btn
dense
flat
round
color="primary"
@click="edit()"
icon="mdi-pencil-outline"
>
<q-btn dense flat round color="primary" @click="edit()" icon="mdi-pencil-outline">
<q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn>
</div>
@ -349,24 +345,32 @@ onMounted(async () => {
<q-btn dense flat round color="red" @click="cancel()" icon="mdi-undo">
<q-tooltip>ยกเลิก</q-tooltip>
</q-btn>
<q-btn
dense
flat
round
class="q-ml-md"
color="public"
@click="savaForm()"
icon="mdi-content-save-outline"
>
<q-btn dense flat round class="q-ml-md" color="public" @click="savaForm()" icon="mdi-content-save-outline">
<q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn>
</div>
</div>
<div class="col-12 row q-gutter-lg">
<div class="col-12 row">
<div class="col-12 row text-top0">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ทดลองปฏิบัติหน้าที่ราชการ {{ probationStore.person.name }}
</div>
<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"><span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span> {{
probationStore.person.PositionLineName }}</div>
<div class="col-12"><span class="text-top0 q-pl-sm">ระดับ</span> {{ probationStore.person.PositionLevelName }}
</div>
<div class="col-12"><span class="text-top0 q-pl-sm">สังกัด</span> {{ probationStore.person.Oc }}</div>
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
วันเริ่มทดลองปฏิบัติหน้าที่ราชการ ตั้งแต่วันที่
การทดลองปฎิบัติหน้าที่ราชการ<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + assign.round_no
}}</span> ตั้งแต่วันที่
<span class="text-black q-px-sm">
{{ date2Thai(assign.date_start) }}
</span>
@ -377,7 +381,7 @@ onMounted(async () => {
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
<span class="text-primary q-pr-sm">
บันทึกผล<span class="text-primary q-pr-sm">
{{ "ครั้งที่ " + evaluate_no }}
</span>
ระหว่างวันที่
@ -410,27 +414,15 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
ผลผลิตของงานที่คาดหวัง
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list1_1" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.output_desc }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="evaluate_expenct_level[i].level"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="evaluate_expenct_level[i].level" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -457,37 +449,16 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
ผลผลิตของงานที่เกิดขึ้นจริง
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list1_2" :key="i">
<q-item dense tag="label" v-ripple v-if="i < checkArray">
<q-item-section>
<q-input
outlined
dense
v-model="evaluate_ouptut[i].text"
lazy-rules
autogrow
hide-bottom-space
:row="1"
:rules="evaluate_ouptutRules"
:disable="!status"
/>
<q-input outlined dense v-model="evaluate_ouptut[i].text" lazy-rules autogrow hide-bottom-space :row="1"
:rules="evaluate_ouptutRules" :disable="!status" />
</q-item-section>
<q-item-section side>
<q-rating
v-model="evaluate_ouptut[i].level"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="evaluate_ouptut[i].level" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -517,19 +488,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.2. ความรู้ความสามารถ</q-item-label
>
1.2. ความรู้ความสามารถ</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="knowledge_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="knowledge_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -557,19 +520,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.3. ทักษะ</q-item-label
>
1.3. ทักษะ</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="skill_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="skill_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -597,19 +552,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.4. สมมรถนะ</q-item-label
>
1.4. สมมรถนะ</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="competency_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="competency_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -637,19 +584,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.5. ความสามารถในการเรียนรู้งาน</q-item-label
>
1.5. ความสามารถในการเรียนรู้งาน</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="learn_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="learn_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -678,19 +617,11 @@ onMounted(async () => {
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.6.
ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label
>
ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="apply_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="apply_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -718,55 +649,29 @@ onMounted(async () => {
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.7 อื่นๆ
<q-checkbox
class="q-ml-sm"
dense
v-model="etc"
@click="
(achievement_other.text = ''),
(achievement_other.level = 0)
"
:disable="!status"
/></q-item-label>
<q-checkbox class="q-ml-sm" dense v-model="etc" @click="
(achievement_other.text = ''),
(achievement_other.level = 0)
" :disable="!status" /></q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-card>
<q-card
v-if="etc"
class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg"
>
<q-card v-if="etc" class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg">
<q-list dense>
<q-item dense tag="label" v-ripple>
<q-item-section class="q-ml-md">
<q-item-label>
<q-input
v-model="achievement_other.text"
label="กรอกอื่นๆ"
dense
lazy-rules
autogrow
hide-bottom-space
outlined
class="bg-white"
:rules="[
<q-input v-model="achievement_other.text" label="กรอกอื่นๆ" dense lazy-rules autogrow hide-bottom-space
outlined class="bg-white" :rules="[
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
]"
:disable="!status"
/>
]" :disable="!status" />
</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="achievement_other.level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="achievement_other.level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -795,39 +700,18 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
จุดเด่น (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="achievement_strength_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
label="กรอกจุดเด่น"
hide-bottom-space
:row="5"
:rules="achievement_strengthRules"
ref="achievement_strengthRef"
:disable="!status"
/>
<q-input outlined dense v-model="achievement_strength_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5" :rules="achievement_strengthRules"
ref="achievement_strengthRef" :disable="!status" />
</div>
<div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="achievement_improve_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
hide-bottom-space
label="กรอกสิ่งที่ควรปรับปรุง"
:row="5"
ref="achievement_inproveRef"
:disable="!status"
/>
<q-input outlined dense v-model="achievement_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
ref="achievement_inproveRef" :disable="!status" />
</div>
</div>
<div class="row col-12 q-gutter-lg no-margin">
@ -840,27 +724,15 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.1 ความประพฤติ
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list2_1" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="conduct_level[i]"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="conduct_level[i]" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -888,27 +760,15 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.2 ความมีคุณธรรมจริยธรรม
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list2_2" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="moral_level[i]"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="moral_level[i]" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -936,27 +796,15 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.3 การรักษาวินัย
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list2_3" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="discipline_level[i]"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="discipline_level[i]" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -983,50 +831,23 @@ onMounted(async () => {
<div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.4 อื่นๆ
<q-checkbox
class="q-ml-sm"
dense
v-model="etc2"
@click="(behavio_orther.text = ''), (behavio_orther.level = 0)"
:disable="!status"
/>
<q-checkbox class="q-ml-sm" dense v-model="etc2"
@click="(behavio_orther.text = ''), (behavio_orther.level = 0)" :disable="!status" />
</div>
<q-card
v-if="etc2"
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card v-if="etc2" flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense>
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>
<q-input
v-model="behavio_orther.text"
label="กรอกอื่นๆ"
dense
lazy-rules
autogrow
hide-bottom-space
outlined
class="bg-white"
:rules="[
<q-input v-model="behavio_orther.text" label="กรอกอื่นๆ" dense lazy-rules autogrow hide-bottom-space
outlined class="bg-white" :rules="[
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
]"
:disable="!status"
/>
]" :disable="!status" />
</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="behavio_orther.level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="behavio_orther.level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -1054,39 +875,18 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
จุดเด่น (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="behavior_strength_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
label="กรอกจุดเด่น"
hide-bottom-space
:row="5"
:rules="behavio_strengthRules"
ref="behavio_strengthRef"
:disable="!status"
/>
<q-input outlined dense v-model="behavior_strength_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5" :rules="behavio_strengthRules"
ref="behavio_strengthRef" :disable="!status" />
</div>
<div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="behavior_improve_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
hide-bottom-space
label="กรอกสิ่งที่ควรปรับปรุง"
:row="5"
ref="behavio_inproveRef"
:disable="!status"
/>
<q-input outlined dense v-model="behavior_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
ref="behavio_inproveRef" :disable="!status" />
</div>
</div>
</div>
@ -1096,11 +896,7 @@ onMounted(async () => {
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
</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">
<q-list dense>
<q-item dense tag="label" v-ripple>
<q-item-section>
@ -1108,22 +904,10 @@ onMounted(async () => {
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="orientation"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="orientation"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="orientation" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="orientation" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
@ -1134,22 +918,10 @@ onMounted(async () => {
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="self_learning"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="self_learning"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="self_learning" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="self_learning" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
@ -1160,50 +932,24 @@ onMounted(async () => {
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="training_seminar"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="training_seminar"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="training_seminar" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="training_seminar" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
<q-separator class="q-my-xs" />
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label
>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label
>
<q-item-label>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label>
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="other_training"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="other_training"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
@ -1217,27 +963,11 @@ onMounted(async () => {
ผู้บังคับบัญชา/ผู้มอบหมายงาน
</div>
<div class="col-12 row q-col-gutter-md">
<q-select
class="col-xs-12 col-sm-8"
dense
v-model="Autherise"
outlined
:options="option"
label="ผู้บังคับบัญชา"
option-label="name"
disable
/>
<q-select class="col-xs-12 col-sm-8" dense v-model="Autherise" outlined :options="option"
label="ผู้บังคับบัญชา" option-label="name" disable />
<div class="col-xs-12 col-sm-4">
<datepicker
menu-class-name="modalfix"
v-model="dateAutherise"
:locale="'th'"
autoApply
borderless
:enableTimePicker="false"
week-start="0"
:readonly="!status"
>
<datepicker menu-class-name="modalfix" v-model="dateAutherise" :locale="'th'" autoApply borderless
:enableTimePicker="false" week-start="0" :readonly="!status">
<template #year="{ year }">
{{ year + 543 }}
</template>
@ -1245,23 +975,11 @@ onMounted(async () => {
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input
outlined
dense
class="full-width datepicker col-3"
:model-value="
dateAutherise != null ? date2Thai(dateAutherise) : null
"
:label="`${'ลงวันที่'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
:disable="!status"
>
<q-input outlined dense class="full-width datepicker col-3" :model-value="dateAutherise != null ? date2Thai(dateAutherise) : null
" :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
:disable="!status">
<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>
</template>
</q-input>
@ -1271,10 +989,7 @@ onMounted(async () => {
</div>
</div>
</div>
<q-toolbar
class="text-primary"
v-if="routeName == 'probationFormAddresult'"
>
<q-toolbar class="text-primary" v-if="routeName == 'probationFormAddresult'">
<q-space />
<q-btn label="บันทึก" color="secondary" @click="savaForm" />
</q-toolbar>

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

File diff suppressed because it is too large Load diff

20
src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAddCommander.vue
View file

@ -97,7 +97,7 @@ const fecthFormdata = async (id: string) => {
person.value = res.data.data.person;
assign.value = res.data.data.assign;
option.value.push(res.data.data.director);
Autherise.value = res.data.data.director.name;
Autherise.value = res.data.data.director.name + ` (${res.data.data.director.PositionLineName}, ${res.data.data.director.PositionLevelName}, ${res.data.data.director.Oc})`;
list1_1.value = res.data.data.assign_output;
res.data.data.assign_output.forEach((e: any) => {
@ -368,9 +368,23 @@ onMounted(async () => {
<div class="row col-12 no-margin q-px-md q-pt-md">
<div class="row col-12 q-gutter-lg">
<div class="col-12 row">
<div class="col-12 row text-top0">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ทดลองปฏิบัติหน้าที่ราชการ {{person.name}}
</div>
<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"><span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span> {{ person.PositionLineName }}</div>
<div class="col-12"><span class="text-top0 q-pl-sm">ระดับ</span> {{ person.PositionLevelName }} </div>
<div class="col-12"><span class="text-top0 q-pl-sm">สังกัด</span> {{ person.Oc }}</div>
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
วันเริ่มทดลองปฎิบัติหน้าที่ราชการ ตั้งแต่วันที่
การทดลองปฎิบัติหน้าที่ราชการ<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + assign.round_no
}}</span> ตั้งแต่วันที่
<span class="text-black q-px-sm">{{
date2Thai(assign.date_start)
}}</span>
@ -381,7 +395,7 @@ onMounted(async () => {
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
<span class="text-primary q-pr-sm">{{
บันทึกผล<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + round
}}</span>
ระหว่างวันที่

517
src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue
View file

@ -41,12 +41,12 @@ const evaluate_no = ref<number>(1);
const dataArr = ref<any>();
const checkArray = ref<number>(0);
const list1_1 = ref<any>([]);
const list1_1 = ref<any>([]);
const option = ref<any>([]);
// part 1
const evaluate_expenct_level = ref<any>([ { id: "1", label: "ผลผลิตของงานที่คาดหวัง 1", level: 0 } ]);
const evaluate_ouptut = ref<any>([ { level: 0, text: "" } ]);
const evaluate_expenct_level = ref<any>([{ id: "1", label: "ผลผลิตของงานที่คาดหวัง 1", level: 0 }]);
const evaluate_ouptut = ref<any>([{ level: 0, text: "" }]);
const knowledge_level = ref<number>(0);
const skill_level = ref<number>(0);
const competency_level = ref<number>(0);
@ -104,7 +104,7 @@ const fecthFormdata = async () => {
await fecthAssignoutput(res.data.data);
await fectFormfull();
})
.catch((e: any) => {})
.catch((e: any) => { })
.finally(() => {
if (props.action == "edit") {
fecthFormRound();
@ -112,7 +112,7 @@ const fecthFormdata = async () => {
});
};
const fectFormfull = async () => {
Autherise.value = probationStore.director.name;
Autherise.value = probationStore.director.name + ` (${probationStore.director.PositionLineName}, ${probationStore.director.PositionLevelName}, ${probationStore.director.Oc})`;
list1_1.value = probationStore.assignOutput;
evaluate_expenct_level.value = await probationStore.assignOutput.map(
(e: any) => ({
@ -343,14 +343,7 @@ onMounted(async () => {
<div class="toptitle text-dark col-12 row items-center q-gutter-md">
<div>แบบบันทึกผล (ผู้บังคับบัญชา)</div>
<div v-if="status == false">
<q-btn
dense
flat
round
color="primary"
@click="edit()"
icon="mdi-pencil-outline"
>
<q-btn dense flat round color="primary" @click="edit()" icon="mdi-pencil-outline">
<q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn>
</div>
@ -358,24 +351,33 @@ onMounted(async () => {
<q-btn dense flat round color="red" @click="cancel()" icon="mdi-undo">
<q-tooltip>ยกเลิก</q-tooltip>
</q-btn>
<q-btn
dense
flat
round
class="q-ml-md"
color="public"
@click="savaForm()"
icon="mdi-content-save-outline"
>
<q-btn dense flat round class="q-ml-md" color="public" @click="savaForm()" icon="mdi-content-save-outline">
<q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn>
</div>
</div>
<div class="col-12 row q-gutter-lg">
<div class="col-12 row">
<div class="col-12 row text-top0">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
ผู้ทดลองปฏิบัติหน้าที่ราชการ {{ probationStore.person.name }}
</div>
<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"><span class="text-top0 q-pl-sm">ตำแหน่งในสายงาน</span> {{
probationStore.person.PositionLineName }}</div>
<div class="col-12"><span class="text-top0 q-pl-sm">ระดับ</span> {{ probationStore.person.PositionLevelName }}
</div>
<div class="col-12"><span class="text-top0 q-pl-sm">สังกัด</span> {{ probationStore.person.Oc }}</div>
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
วันเริ่มทดลองปฏิบัติหน้าที่ราชการ ตั้งแต่วันที่
การทดลองปฎิบัติหน้าที่ราชการ<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + assign.round_no
}}</span> ตั้งแต่วันที่
<span class="text-black q-px-sm">{{
date2Thai(assign.date_start)
}}</span>
@ -386,7 +388,7 @@ onMounted(async () => {
</div>
<div class="col-12 text-top0 row items-center">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
<span class="text-primary q-pr-sm">{{
บันทึกผล<span class="text-primary q-pr-sm">{{
"ครั้งที่ " + evaluate_no
}}</span>
ระหว่างวันที่
@ -415,27 +417,15 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
ผลผลิตของงานที่คาดหวัง
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list1_1" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.output_desc }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="evaluate_expenct_level[i].level"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="evaluate_expenct_level[i].level" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -462,37 +452,16 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
ผลผลิตของงานที่เกิดขึ้นจริง
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list1_2" :key="i">
<q-item dense tag="label" v-ripple v-if="i < checkArray">
<q-item-section>
<q-input
outlined
dense
v-model="evaluate_ouptut[i].text"
lazy-rules
autogrow
hide-bottom-space
:row="1"
:rules="evaluate_ouptutRules"
:disable="!status"
/>
<q-input outlined dense v-model="evaluate_ouptut[i].text" lazy-rules autogrow hide-bottom-space :row="1"
:rules="evaluate_ouptutRules" :disable="!status" />
</q-item-section>
<q-item-section side>
<q-rating
v-model="evaluate_ouptut[i].level"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="evaluate_ouptut[i].level" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -522,19 +491,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.2. ความรู้ความสามารถ</q-item-label
>
1.2. ความรู้ความสามารถ</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="knowledge_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="knowledge_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -562,19 +523,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.3. ทักษะ</q-item-label
>
1.3. ทักษะ</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="skill_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="skill_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -602,19 +555,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.4. สมมรถนะ</q-item-label
>
1.4. สมมรถนะ</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="competency_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="competency_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -642,19 +587,11 @@ onMounted(async () => {
<q-item-section>
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.5. ความสามารถในการเรียนรู้งาน</q-item-label
>
1.5. ความสามารถในการเรียนรู้งาน</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="learn_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="learn_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -683,19 +620,11 @@ onMounted(async () => {
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.6.
ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label
>
ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="apply_level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="apply_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -723,55 +652,29 @@ onMounted(async () => {
<q-item-label>
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
1.7 อื่นๆ
<q-checkbox
class="q-ml-sm"
dense
v-model="etc"
@click="
(achievement_other.text = ''),
(achievement_other.level = 0)
"
:disable="!status"
/></q-item-label>
<q-checkbox class="q-ml-sm" dense v-model="etc" @click="
(achievement_other.text = ''),
(achievement_other.level = 0)
" :disable="!status" /></q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-card>
<q-card
v-if="etc"
class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg"
>
<q-card v-if="etc" class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg">
<q-list dense>
<q-item dense tag="label" v-ripple>
<q-item-section class="q-ml-md">
<q-item-label>
<q-input
v-model="achievement_other.text"
label="กรอกอื่นๆ"
dense
lazy-rules
autogrow
hide-bottom-space
outlined
class="bg-white"
:rules="[
<q-input v-model="achievement_other.text" label="กรอกอื่นๆ" dense lazy-rules autogrow hide-bottom-space
outlined class="bg-white" :rules="[
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
]"
:disable="!status"
/>
]" :disable="!status" />
</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="achievement_other.level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="achievement_other.level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -800,39 +703,18 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
จุดเด่น (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="achievement_strength_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
label="กรอกจุดเด่น"
hide-bottom-space
:row="5"
:rules="achievement_strengthRules"
ref="achievement_strengthRef"
:disable="!status"
/>
<q-input outlined dense v-model="achievement_strength_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5" :rules="achievement_strengthRules"
ref="achievement_strengthRef" :disable="!status" />
</div>
<div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="achievement_improve_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
hide-bottom-space
label="กรอกสิ่งที่ควรปรับปรุง"
:row="5"
ref="achievement_inproveRef"
:disable="!status"
/>
<q-input outlined dense v-model="achievement_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
ref="achievement_inproveRef" :disable="!status" />
</div>
</div>
@ -848,27 +730,15 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.1 ความประพฤติ
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list2_1" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="conduct_level[i]"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="conduct_level[i]" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -896,27 +766,15 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.2 ความมีคุณธรรมจริยธรรม
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list2_2" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="moral_level[i]"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="moral_level[i]" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -944,27 +802,15 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.3 การรักษาวินัย
</div>
<q-card
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense v-for="(list, i) in list2_3" :key="i">
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>{{ list.label }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="discipline_level[i]"
:val="list.id"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="discipline_level[i]" :val="list.id" max="5" size="sm" color="grey"
:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -991,50 +837,23 @@ onMounted(async () => {
<div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
2.4 อื่นๆ
<q-checkbox
class="q-ml-sm"
dense
v-model="etc2"
@click="(behavio_orther.text = ''), (behavio_orther.level = 0)"
:disable="!status"
/>
<q-checkbox class="q-ml-sm" dense v-model="etc2"
@click="(behavio_orther.text = ''), (behavio_orther.level = 0)" :disable="!status" />
</div>
<q-card
v-if="etc2"
flat
bordered
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
>
<q-card v-if="etc2" flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
<q-list dense>
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label>
<q-input
v-model="behavio_orther.text"
label="กรอกอื่นๆ"
dense
lazy-rules
autogrow
hide-bottom-space
outlined
class="bg-white"
:rules="[
<q-input v-model="behavio_orther.text" label="กรอกอื่นๆ" dense lazy-rules autogrow hide-bottom-space
outlined class="bg-white" :rules="[
(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
]"
:disable="!status"
/>
]" :disable="!status" />
</q-item-label>
</q-item-section>
<q-item-section side>
<q-rating
v-model="behavio_orther.level"
max="5"
size="sm"
color="grey"
:color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม"
:disable="!status"
>
<q-rating v-model="behavio_orther.level" max="5" size="sm" color="grey" :color-selected="ratingColors"
label="ระดับการประเมินพฤติกรรม" :disable="!status">
<template v-slot:tip-1>
<q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
</template>
@ -1063,39 +882,18 @@ onMounted(async () => {
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
จุดเด่น (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="behavior_strength_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
label="กรอกจุดเด่น"
hide-bottom-space
:row="5"
:rules="behavio_strengthRules"
ref="behavio_strengthRef"
:disable="!status"
/>
<q-input outlined dense v-model="behavior_strength_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5" :rules="behavio_strengthRules"
ref="behavio_strengthRef" :disable="!status" />
</div>
<div class="col-12 row">
<div class="col-12 text-top0 row items-center q-pl-lg">
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
</div>
<q-input
outlined
dense
v-model="behavior_improve_desc"
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules
type="textarea"
hide-bottom-space
label="กรอกสิ่งที่ควรปรับปรุง"
:row="5"
ref="behavio_inproveRef"
:disable="!status"
/>
<q-input outlined dense v-model="behavior_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
ref="behavio_inproveRef" :disable="!status" />
</div>
</div>
</div>
@ -1108,11 +906,7 @@ onMounted(async () => {
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
</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">
<q-list dense>
<q-item dense tag="label" v-ripple>
<q-item-section>
@ -1120,22 +914,10 @@ onMounted(async () => {
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="orientation"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="orientation"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="orientation" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="orientation" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
@ -1146,22 +928,10 @@ onMounted(async () => {
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="self_learning"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="self_learning"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="self_learning" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="self_learning" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
@ -1172,50 +942,24 @@ onMounted(async () => {
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="training_seminar"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="training_seminar"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="training_seminar" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="training_seminar" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
<q-separator class="q-my-xs" />
<q-item dense tag="label" v-ripple>
<q-item-section>
<q-item-label
>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label
>
<q-item-label>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label>
</q-item-section>
<q-item-section side>
<div class="row">
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="other_training"
val="1"
label="ดำเนินการเเล้ว"
:disable="!status"
/>
<q-radio
checked-icon="task_alt"
unchecked-icon="panorama_fish_eye"
v-model="other_training"
val="0"
label=" ยังไม่ได้ดำเนินการ"
:disable="!status"
/>
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training" val="1"
label="ดำเนินการเเล้ว" :disable="!status" />
<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training" val="0"
label=" ยังไม่ได้ดำเนินการ" :disable="!status" />
</div>
</q-item-section>
</q-item>
@ -1232,27 +976,11 @@ onMounted(async () => {
ผู้บังคับบัญชา/ผู้มอบหมายงาน
</div>
<div class="col-12 row q-col-gutter-md">
<q-select
class="col-xs-12 col-sm-8"
dense
v-model="Autherise"
outlined
:options="option"
label="ผู้บังคับบัญชา"
option-label="name"
disable
/>
<q-select class="col-xs-12 col-sm-8" dense v-model="Autherise" outlined :options="option"
label="ผู้บังคับบัญชา" option-label="name" disable />
<div class="col-xs-12 col-sm-4">
<datepicker
menu-class-name="modalfix"
v-model="dateAutherise"
:locale="'th'"
autoApply
borderless
:enableTimePicker="false"
week-start="0"
:readonly="!status"
>
<datepicker menu-class-name="modalfix" v-model="dateAutherise" :locale="'th'" autoApply borderless
:enableTimePicker="false" week-start="0" :readonly="!status">
<template #year="{ year }">
{{ year + 543 }}
</template>
@ -1260,23 +988,11 @@ onMounted(async () => {
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input
outlined
dense
class="full-width datepicker col-3"
:model-value="
dateAutherise != null ? date2Thai(dateAutherise) : null
"
:label="`${'ลงวันที่'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
:disable="!status"
>
<q-input outlined dense class="full-width datepicker col-3" :model-value="dateAutherise != null ? date2Thai(dateAutherise) : null
" :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
:disable="!status">
<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>
</template>
</q-input>
@ -1286,10 +1002,7 @@ onMounted(async () => {
</div>
</div>
</div>
<q-toolbar
class="text-primary"
v-if="routeName == 'probationFormAddresult'"
>
<q-toolbar class="text-primary" v-if="routeName == 'probationFormAddresult'">
<q-space />
<q-btn label="บันทึก" color="secondary" @click="savaForm" />
</q-toolbar>