fix: load ทดลองงาน
This commit is contained in:
setthawutttty
parent
e9504b30b1
commit
a6170c0891
5 changed files with 658 additions and 31 deletions
|
|
@ -34,6 +34,7 @@ const props = defineProps({
|
|||
getSurveyData: Function,
|
||||
});
|
||||
const isData = defineModel<boolean>("isData", { required: true });
|
||||
const isLoad = defineModel<boolean>("isLoad", { required: true });
|
||||
const dataSurvey = defineModel<any>("dataSurvey", { required: true });
|
||||
|
||||
const status = ref<boolean>(true);
|
||||
|
|
@ -53,7 +54,7 @@ async function save() {
|
|||
answer3: answer3.value,
|
||||
};
|
||||
dialogConfirm($q, async () => {
|
||||
showLoader();
|
||||
isLoad.value = true;
|
||||
await http
|
||||
.post(config.API.summarySurveyDetail(store.assignId), data)
|
||||
.then(async () => {
|
||||
|
|
@ -115,6 +116,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
:readonly="!status"
|
||||
label="ความคิดเห็น"
|
||||
class="bg-white"
|
||||
|
|
@ -125,6 +127,7 @@ onMounted(() => {
|
|||
type="textarea"
|
||||
:rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="120px" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -135,6 +138,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
:readonly="!status"
|
||||
label="ความคิดเห็น"
|
||||
class="bg-white"
|
||||
|
|
@ -145,6 +149,7 @@ onMounted(() => {
|
|||
type="textarea"
|
||||
:rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="120px" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -154,7 +159,7 @@ onMounted(() => {
|
|||
ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
|
||||
</div>
|
||||
<q-space />
|
||||
<q-btn-group outline>
|
||||
<q-btn-group outline v-if="!isLoad">
|
||||
<q-btn
|
||||
v-for="(item, index) in 5"
|
||||
:disable="!status"
|
||||
|
|
@ -171,6 +176,7 @@ onMounted(() => {
|
|||
</q-tooltip>
|
||||
</q-btn>
|
||||
</q-btn-group>
|
||||
<q-skeleton v-else type="QInput" height="40px" width="200px" />
|
||||
</div>
|
||||
<div class="col-12 q-mt-md">
|
||||
<q-separator size="3px" color="grey-2" />
|
||||
|
|
@ -218,10 +224,10 @@ onMounted(() => {
|
|||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-separator v-if="status" />
|
||||
<q-separator v-if="status && !isLoad" />
|
||||
|
||||
<q-card-actions align="right" v-if="status">
|
||||
<q-btn label="บันทึก" color="secondary" type="submit"
|
||||
<q-card-actions align="right" v-if="status && !isLoad">
|
||||
<q-btn label="บันทึก" color="secondary" type="submit" :loading="isLoad"
|
||||
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
|
||||
>
|
||||
</q-card-actions>
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ const dev_options = defineModel<any>("dev_options", { required: true });
|
|||
const result_option = defineModel<any>("result_option", { required: true });
|
||||
const status = ref<boolean>(false);
|
||||
|
||||
const isLoad = ref<boolean>(false);
|
||||
const formData = ref<ProbationReportType>({
|
||||
develop_orientation_score: 0,
|
||||
develop_self_learning_score: 0,
|
||||
|
|
@ -89,7 +90,7 @@ async function clickdownloadFile() {
|
|||
}
|
||||
|
||||
async function getData() {
|
||||
showLoader();
|
||||
isLoad.value = true;
|
||||
http
|
||||
.get(
|
||||
config.API.summaryReportDetail(store.assignId) +
|
||||
|
|
@ -133,14 +134,13 @@ async function getData() {
|
|||
formData.value.reason = data.reason;
|
||||
formData.value.pass_result = data.pass_result;
|
||||
formData.value.evaluate_date = data.evaluate_date;
|
||||
hideLoader();
|
||||
isLoad.value = false;
|
||||
})
|
||||
.catch((e) => {
|
||||
messageError($q, e);
|
||||
isLoad.value = false;
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
.finally(() => {});
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
|
|
@ -191,13 +191,26 @@ onMounted(async () => {
|
|||
|
||||
<q-item-label caption style="color: #464444">
|
||||
<div class="row text-weight-bold">
|
||||
<div class="col">{{ formData.achievement_score }}</div>
|
||||
<div class="col">{{ formData.achievement_percent }}</div>
|
||||
<div class="col" v-if="!isLoad">
|
||||
{{ formData.achievement_score }}
|
||||
</div>
|
||||
<div class="col" v-else><q-skeleton width="40px" /></div>
|
||||
<div class="col" v-if="!isLoad">
|
||||
{{ formData.achievement_percent }}
|
||||
</div>
|
||||
<div class="col" v-else><q-skeleton width="40px" /></div>
|
||||
</div>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section side v-if="formData.achievement_result == 1">
|
||||
<q-item-section side v-if="isLoad">
|
||||
<q-skeleton width="120px" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section
|
||||
side
|
||||
v-else-if="!isLoad && formData.achievement_result == 1"
|
||||
>
|
||||
ผ่าน (สูงกว่าร้อยละ 60)
|
||||
</q-item-section>
|
||||
<q-item-section side v-else>
|
||||
|
|
@ -224,13 +237,24 @@ onMounted(async () => {
|
|||
</q-item-label>
|
||||
<q-item-label caption style="color: #464444">
|
||||
<div class="row text-weight-bold">
|
||||
<div class="col">{{ formData.behavior_score }}</div>
|
||||
<div class="col">{{ formData.behavior_percent }}</div>
|
||||
<div class="col" v-if="!isLoad">
|
||||
{{ formData.behavior_score }}
|
||||
</div>
|
||||
<div class="col" v-else><q-skeleton width="40px" /></div>
|
||||
<div class="col" v-if="!isLoad">
|
||||
{{ formData.behavior_percent }}
|
||||
</div>
|
||||
<div class="col" v-else><q-skeleton width="40px" /></div>
|
||||
</div>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section side v-if="formData.behavior_result == 1">
|
||||
<q-item-section side v-if="isLoad">
|
||||
<q-skeleton width="120px" />
|
||||
</q-item-section>
|
||||
<q-item-section
|
||||
side
|
||||
v-else-if="!isLoad && formData.behavior_result == 1"
|
||||
>
|
||||
ผ่าน (สูงกว่าร้อยละ 60)
|
||||
</q-item-section>
|
||||
<q-item-section side v-else>
|
||||
|
|
@ -257,13 +281,22 @@ onMounted(async () => {
|
|||
</q-item-label>
|
||||
<q-item-label caption style="color: #464444">
|
||||
<div class="row text-weight-bold">
|
||||
<div class="col">{{ formData.sum_score }}</div>
|
||||
<div class="col">{{ formData.sum_percent }}</div>
|
||||
<div class="col" v-if="!isLoad">{{ formData.sum_score }}</div>
|
||||
<div class="col" v-else><q-skeleton width="40px" /></div>
|
||||
<div class="col" v-if="!isLoad">
|
||||
{{ formData.sum_percent }}
|
||||
</div>
|
||||
<div class="col" v-else><q-skeleton width="40px" /></div>
|
||||
</div>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section side v-if="Number(formData.sum_percent) >= 60">
|
||||
<q-item-section side v-if="isLoad">
|
||||
<q-skeleton width="120px" />
|
||||
</q-item-section>
|
||||
<q-item-section
|
||||
side
|
||||
v-else-if="!isLoad && Number(formData.sum_percent) >= 60"
|
||||
>
|
||||
ผ่าน (สูงกว่าร้อยละ 60)
|
||||
</q-item-section>
|
||||
<q-item-section side v-else>
|
||||
|
|
@ -296,22 +329,26 @@ onMounted(async () => {
|
|||
<div class="col-8">1. การปฐมนิเทศ</div>
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
outlined
|
||||
dense
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_orientation_score"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
outlined
|
||||
dense
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_orientation_percent"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -320,22 +357,26 @@ onMounted(async () => {
|
|||
<div class="col-8">2. การเรียนรู้ด้วยตนเอง</div>
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
dense
|
||||
outlined
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_self_learning_score"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
outlined
|
||||
dense
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_self_learning_percent"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -344,22 +385,26 @@ onMounted(async () => {
|
|||
<div class="col-8">3. การอบรมสัมนาร่วมกัน</div>
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
outlined
|
||||
dense
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_training_seminar_score"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
outlined
|
||||
dense
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_training_seminar_percent"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
<q-separator class="q-my-xs" />
|
||||
|
|
@ -367,22 +412,26 @@ onMounted(async () => {
|
|||
<div class="col-8">4. การอบรมอื่นๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</div>
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
outlined
|
||||
dense
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_other_training_score"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
outlined
|
||||
dense
|
||||
type="number"
|
||||
:readonly="!status"
|
||||
v-model="formData.develop_other_training_percent"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -394,10 +443,18 @@ onMounted(async () => {
|
|||
>คะแนนผลการพัฒนาข้าราชการที่อยู่ระหว่างการทดลองปฏิบัติหน้าที่ราชการ</q-item-label
|
||||
>
|
||||
</div>
|
||||
<div class="col q-pl-md">{{ formData.develop_total_score }}</div>
|
||||
<div class="col q-pl-md">
|
||||
<div class="col q-pl-md" v-if="!isLoad">
|
||||
{{ formData.develop_total_score }}
|
||||
</div>
|
||||
<div class="col" v-else>
|
||||
<q-skeleton width="100px" />
|
||||
</div>
|
||||
<div class="col q-pl-md" v-if="!isLoad">
|
||||
{{ formData.develop_total_percent }}
|
||||
</div>
|
||||
<div class="col" v-else>
|
||||
<q-skeleton width="100px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
|
|
@ -410,6 +467,7 @@ onMounted(async () => {
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<q-select
|
||||
v-if="!isLoad"
|
||||
class="col-12"
|
||||
dense
|
||||
v-model="formData.develop_result"
|
||||
|
|
@ -421,6 +479,7 @@ onMounted(async () => {
|
|||
emit-value
|
||||
:readonly="!status"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -429,6 +488,7 @@ onMounted(async () => {
|
|||
เหตุผลอื่น ๆ ในการพิจารณา
|
||||
</div>
|
||||
<q-input
|
||||
v-if="!isLoad"
|
||||
type="textarea"
|
||||
outlined
|
||||
dense
|
||||
|
|
@ -440,6 +500,7 @@ onMounted(async () => {
|
|||
:row="3"
|
||||
:readonly="!status"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-11">
|
||||
|
|
@ -450,6 +511,7 @@ onMounted(async () => {
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<q-select
|
||||
v-if="!isLoad"
|
||||
class="col-12"
|
||||
dense
|
||||
v-model="formData.pass_result"
|
||||
|
|
@ -461,6 +523,7 @@ onMounted(async () => {
|
|||
emit-value
|
||||
:readonly="!status"
|
||||
/>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
|
|
@ -469,6 +532,7 @@ onMounted(async () => {
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<datepicker
|
||||
v-if="!isLoad"
|
||||
v-model="formData.evaluate_date"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
|
|
@ -507,6 +571,7 @@ onMounted(async () => {
|
|||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
<q-skeleton v-else type="QInput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ import type {
|
|||
} from "@/modules/15_probationReport/interface/Main";
|
||||
|
||||
import genReport from "@/plugins/genreport";
|
||||
import SkeletonTemplate from "@/modules/15_probationReport/components/SkeletonTemplate.vue";
|
||||
|
||||
const dataProbation = defineModel<FileType[]>("dataProbation", {
|
||||
required: true,
|
||||
|
|
@ -1069,8 +1070,12 @@ function updateAppointMent() {
|
|||
}
|
||||
}
|
||||
|
||||
const isLoad = ref<boolean>(false);
|
||||
|
||||
/** เมื่อโหลดหน้า เรียกใช้งานฟังชั่น */
|
||||
onMounted(async () => {
|
||||
isLoad.value = true;
|
||||
|
||||
const promises = [
|
||||
getAssignNew(dataStore.formData.profileId),
|
||||
getLaw(dataStore.formData.profileId),
|
||||
|
|
@ -1084,14 +1089,15 @@ onMounted(async () => {
|
|||
if (probationStore.assignId !== undefined) {
|
||||
promises.push(getAssign());
|
||||
}
|
||||
showLoader();
|
||||
await Promise.all(promises)
|
||||
.then(() => {})
|
||||
.then(() => {
|
||||
isLoad.value = false;
|
||||
})
|
||||
.catch((e) => {
|
||||
messageError($q, e);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
isLoad.value = false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1117,8 +1123,7 @@ onMounted(async () => {
|
|||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-dark">
|
||||
<div v-if="!isLoad" class="col-12 text-dark">
|
||||
<div class="row col-12">
|
||||
<div class="row col-12 q-gutter-lg">
|
||||
<div class="col-12">
|
||||
|
|
@ -2803,6 +2808,7 @@ onMounted(async () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<SkeletonTemplate v-else />
|
||||
</div>
|
||||
</q-form>
|
||||
</template>
|
||||
|
|
|
|||
544
src/modules/15_probationReport/components/SkeletonTemplate.vue
Normal file
544
src/modules/15_probationReport/components/SkeletonTemplate.vue
Normal file
|
|
@ -0,0 +1,544 @@
|
|||
<template>
|
||||
<div class="col-12 text-dark">
|
||||
<div class="row col-12">
|
||||
<div class="row col-12 q-gutter-lg">
|
||||
<div class="col-12">
|
||||
<div class="row q-col-gutter-sm q-mb-sm">
|
||||
<div class="col-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-top0 items-center">
|
||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
|
||||
ผู้ทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top0 items-center">
|
||||
ระยะเวลาการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<q-separator size="3px" color="grey-2" />
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top0 items-center">
|
||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar>
|
||||
ผู้ดูแลการทดลองปฏิบัติหน้าที่ราชการ (อาจมีได้มากกว่า 1 คน)
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<q-separator size="3px" color="grey-2" />
|
||||
</div>
|
||||
<!-- 3.1 -->
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top0 items-center">
|
||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
|
||||
ผลการปฏิบัติงาน
|
||||
</div>
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
3.1 ชื่องาน/ภารกิจงานที่มอบหมาย (ควรมีมากกว่า 1 ภารกิจงาน)
|
||||
</div>
|
||||
<div class="col-12 row q-gutter-sm">
|
||||
<q-card flat bordered class="col-12 q-pa-sm bg-grey-1">
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="90px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
<q-skeleton type="QIput" height="90px" />
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
<q-card flat bordered class="col-12 q-pa-sm bg-grey-1">
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="90px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
<q-skeleton type="QIput" height="90px" />
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 3.2 -->
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
3.2 ความรู้ความสามารถและทักษะ (ตามที่ก.ก.กําหนด)
|
||||
</div>
|
||||
<q-card bordered flat class="col-12 row q-pa-md bg-grey-1">
|
||||
<div class="row col-12 q-gutter-lg">
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
ความรู้ความสามารถในการปฏิบัติงาน
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-11 q-my-xs">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-11 q-my-xs">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-11 q-my-xs">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
ความรู้เรื่องกฎหมายและกฎระเบียบ (ไม่เกิน 20 หัวข้อ)
|
||||
</div>
|
||||
<q-card
|
||||
flat
|
||||
bordered
|
||||
class="col-12 q-pa-md q-mt-sm"
|
||||
style="max-height: 500px; overflow-y: scroll"
|
||||
>
|
||||
<q-skeleton height="400px" />
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">
|
||||
กฎหมายอื่น ๆ ที่เกี่ยวข้องกับการปฏิบัติงาน
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">ทักษะ</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
3.3 สมรรถนะ (ตามที่ ก.ก. กําหนด)
|
||||
</div>
|
||||
<q-card bordered flat class="col-12 row q-pa-md bg-grey-1">
|
||||
<div class="row col-12 q-gutter-lg">
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">สมรรถนะหลัก</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">สมรรถนะประจํากลุ่มงาน</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
3.4 พฤติกรรมที่จําเป็นสําหรับการปฏิบัติงาน<span
|
||||
class="text-weight-regular q-pl-sm"
|
||||
>
|
||||
( ได้แก่ ความประพฤติ ความมีคุณธรรมจริยธรรม การรักษาวินัย )</span
|
||||
>
|
||||
</div>
|
||||
<q-card bordered flat class="col-12 row q-pa-md bg-grey-1">
|
||||
<div class="row col-12 q-gutter-lg">
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">ความประพฤติ ได้แก่</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12 column q-ml-md">
|
||||
<li>ให้บริการประชาชน หรือผู้รับบริการด้วยอธัยาศัยดี</li>
|
||||
<li>มีความรับผิดชอบในการปฏิบัติงาน</li>
|
||||
<li>
|
||||
ให้บริการประชาชน หรือผู้รับบริการด้วยความรวดเร็ว
|
||||
เอาใจใส่เป็นมาตรฐานเดียวกัน
|
||||
</li>
|
||||
<li>
|
||||
ตั้งใจปฏิบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">ความมีคุณธรรมจริยธรรม ได้แก่</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12 column q-ml-md">
|
||||
<li>
|
||||
อุทิศตน
|
||||
และเสียสละเวลาในการปฏิบัติงานอย่างเต็มกำลังความสามารถ
|
||||
</li>
|
||||
<li>มีจิตสำนึกที่ดี ปฏิบัติงานด้วยความซื่อสัตย์ สุจริต</li>
|
||||
<li>
|
||||
ยึดมั่นในสถาบันพระมหากษัตริย์ และไม่กระทำการใดๆ
|
||||
อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ ศาสนา
|
||||
และพระมหากษัตริย์
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">การรักษาวินัย ได้แก่</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12 column q-ml-md">
|
||||
<li>มีความรับผิดชอบในการรักษาเวลาทำงาน</li>
|
||||
<li>
|
||||
แต่งกายในการปฏิบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ
|
||||
</li>
|
||||
<li>
|
||||
ไม่กระทำการใดๆ อันเป็นการเสื่อมเกียรติ
|
||||
และศักดิ์ศรีของความเป็นข้าราชการ
|
||||
</li>
|
||||
<li>
|
||||
ไม่กระทำการใดๆ
|
||||
อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน
|
||||
</li>
|
||||
<li>
|
||||
ปฏิบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
3.5 อื่น ๆ (ถ้ามี)
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
3.6 ผลผลิตของงานที่คาดหวังและตัวชี้วัดความสําเร็จของงาน
|
||||
</div>
|
||||
<div class="col-12 row q-gutter-md">
|
||||
<q-card flat bordered class="col-12 q-pa-sm bg-grey-1">
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-skeleton type="QIput" height="90px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
<q-skeleton type="QIput" height="90px" />
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<q-separator size="3px" color="grey-2" />
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top0 items-center">
|
||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">4</q-avatar>
|
||||
การพัฒนาผู้ทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2">
|
||||
ผู้ทดลองปฏิบัติหน้าที่ราชการต้องเข้าร่วมในการปฐมนิเทศ
|
||||
และอบรมหลักสูตรต่าง ๆ ภายในระยะเวลาทดลองปฏิบัติหน้าที่ราชการ
|
||||
ดังนี้
|
||||
</div>
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
4.1 การปฐมนิเทศเพื่อให้มีความรู้เกี่ยวกับหน่วยงาน/ส่วนราชการ
|
||||
</div>
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
4.2
|
||||
การเรียนรู้ด้วยตนเองเพื่อให้มีความรู้เกี่ยวกับกฎหมายกฎระเบียบแบบแผนของทางราชการ
|
||||
</div>
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
4.3
|
||||
การอบรมสัมมนาร่วมกันเพื่อปลูกฝังการประพฤติปฏิบัติตนเป็นข้าราชการที่ดี
|
||||
</div>
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
4.4 การอบรมอื่น ๆ ที่หน่วยงานกำหนด (ถ้ามี)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<q-separator size="3px" color="grey-2" />
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top0 items-center">
|
||||
<q-avatar class="bg-grey-2 q-mr-sm" size="28px">5</q-avatar>
|
||||
การประเมินผลการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
5.1
|
||||
ประเมินผลการทดลองปฏิบัติหน้าที่ราชการโดยคณะกรรมการประเมินผลการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
5.2 รายละเอียดการประเมินประกอบด้วย 2 ส่วนคือ
|
||||
</div>
|
||||
<div class="col-12 row q-gutter-md">
|
||||
<q-card flat bordered class="col-12 q-pa-md bg-grey-1">
|
||||
<div class="col-12 text-top2">การรักษาวินัย ได้แก่</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12 column q-ml-md">
|
||||
<li>ความรู้ความสามารถที่ ก.ก. กำหนด</li>
|
||||
<li>ทักษะที่ ก.ก. กำหนด</li>
|
||||
<li>สมรรถนะตามที่ ก.ก. กำหนด</li>
|
||||
<li>ความสามารถในการเรียนรู้งานในตำแหน่ง</li>
|
||||
<li>ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</li>
|
||||
<li>ความสำเร็จของงานที่ได้รับมอบหมาย</li>
|
||||
<li>
|
||||
อื่น ๆ (ถ้ามี)
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
5.3
|
||||
ข้อมูลที่ใช้ประกอบการประเมินผลการทดลองปฏิบัติหน้าที่ราชการประกอบด้วย
|
||||
</div>
|
||||
<div class="col-12 row q-gutter-md">
|
||||
<q-card flat bordered class="col-12 q-pa-md bg-grey-1">
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12 column q-ml-md">
|
||||
<li>
|
||||
บันทึกผลการทดลองปฏิบัติหน้าที่ราชการของผู้ดูแลการทดลองปฏิบัติหน้าที่ราชการ
|
||||
และผู้บังคับบัญา
|
||||
</li>
|
||||
<li>
|
||||
แบบประเมินผลการทดลองปฏิบัติหน้าที่ราชการของผู้บังคับบัญชา
|
||||
</li>
|
||||
<li>รายงานผลการพัฒนาตามที่สำนักงาน ก.ก. กำหนด</li>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
5.3 สัดส่วนของคะแนน และมาตรฐานการประเมิน
|
||||
</div>
|
||||
<div class="col-12 row q-gutter-md">
|
||||
<q-card flat bordered class="col-12 q-pa-md bg-grey-1">
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-12 column q-ml-md">
|
||||
<li>สัดส่วนของคะแนนการทดลองปฏิบัติหน้าที่ราชการ</li>
|
||||
<div class="q-pl-lg">
|
||||
ส่วนที่ 1
|
||||
คะแนนผลสัมฤทธิ์ของการทดลองปฏิบัติหน้าที่ราชการร้อยละ 50
|
||||
</div>
|
||||
<div class="q-pl-lg">
|
||||
ส่วนที่ 2 คะแนนพฤติกรรมของผู้ทดลองปฏิบัติหน้าที่ราชการร้อยละ
|
||||
50
|
||||
</div>
|
||||
<div class="q-pl-lg">
|
||||
มาตรฐานการประเมินแต่ละส่วนต้องได้คะแนนไม่ต่ำกว่าร้อยละ 60
|
||||
</div>
|
||||
<li>
|
||||
สัดส่วนคะแนนการพัฒนาข้าราชการที่อยู่ระหว่างการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</li>
|
||||
<div class="q-pl-lg">
|
||||
คะแนนรวมของการพัฒนาจะต้องไม่น้อยกว่าร้อยละ 60
|
||||
</div>
|
||||
<div>
|
||||
<span style="text-decoration: underline">หมายเหตุ</span>
|
||||
ให้นำคะแนนรวมทั้ง 2
|
||||
ส่วนมารวมกันแล้วต้องได้คะแนนไม่น้อยกว่าร้อยละ 60
|
||||
จึงถือว่าผ่านการประเมินการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<q-separator size="3px" color="grey-2" />
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top0 items-center">
|
||||
การลงชื่อเพื่อมอบหมายงานและรับมอบหมายงานในการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
ผู้ทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
ผู้ดูแลการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
ผู้บังคับบัญชาผู้มอบหมายงาน
|
||||
</div>
|
||||
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 row" style="display: none">
|
||||
<div class="col-12 text-top2 row items-center">
|
||||
<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
|
||||
ประธานกรรมการ
|
||||
</div>
|
||||
<div class="col-12 row q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-skeleton type="QIput" height="40px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -22,6 +22,7 @@ const { showLoader, hideLoader, messageError } = mixin;
|
|||
|
||||
const dataSurvey = ref<any>(null);
|
||||
const isData = ref<boolean>(true);
|
||||
const isLoad = ref<boolean>(false);
|
||||
const dataProbation = ref<FileType[]>([]);
|
||||
const dataResult1 = ref<FileType[]>([]);
|
||||
const dataResult2 = ref<FileType[]>([]);
|
||||
|
|
@ -44,11 +45,15 @@ const result_option = reactive([
|
|||
/** ดึง ข้อมูลแบบสำรวจ */
|
||||
async function getSurveyData() {
|
||||
isData.value = true;
|
||||
showLoader();
|
||||
|
||||
await http
|
||||
.get(config.API.summaryDetail())
|
||||
.then(async (res: any) => {
|
||||
const data = await res.data.result.data;
|
||||
if (data) {
|
||||
isLoad.value = true;
|
||||
}
|
||||
|
||||
isData.value = true;
|
||||
store.assignId = res.data.result.assignId;
|
||||
if (res.data.result.assignId) {
|
||||
|
|
@ -75,13 +80,13 @@ async function getSurveyData() {
|
|||
}
|
||||
if (data !== null) {
|
||||
dataSurvey.value = data;
|
||||
isLoad.value = false;
|
||||
}
|
||||
hideLoader();
|
||||
})
|
||||
.catch((e) => {
|
||||
// messageError($q, e);
|
||||
isData.value = false;
|
||||
hideLoader();
|
||||
isLoad.value = false;
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -167,6 +172,7 @@ onMounted(async () => {
|
|||
<SurveyPage
|
||||
v-model:is-data="isData"
|
||||
v-model:data-survey="dataSurvey"
|
||||
v-model:is-load="isLoad"
|
||||
:get-survey-data="getSurveyData"
|
||||
/>
|
||||
</q-tab-panel>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue