From a446f95e5b8b23077c2abb6635c01169fd5eb7a8 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Tue, 26 Sep 2023 16:42:05 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B8=9F=E0=B8=AD=E0=B8=A3=E0=B9=8C=E0=B8=A1=E0=B8=97=E0=B8=94?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=AD=E0=B8=87=E0=B8=87=E0=B8=B2=E0=B8=99=E0=B9=80?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../probation/FormEvaluation/FormEvaluate.vue |    6 +-
 .../FormEvaluation/FormEvaluateAdd.vue        |    6 +-
 .../FormEvaluation/FormEvaluateScore copy.vue | 1604 -----------------
 .../FormEvaluation/FormEvaluateScore.vue      |    6 +-
 .../FormEvaluation/FormEvaluateScoreAdd.vue   |    6 +-
 5 files changed, 16 insertions(+), 1612 deletions(-)
 delete mode 100644 src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue

diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
index 471b59e0a..350a858a0 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
@@ -328,7 +328,9 @@ onMounted(async () => {
           </div>
 
           <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>
@@ -339,7 +341,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>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
index 1df082674..2a526ffd3 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
@@ -324,7 +324,9 @@ onMounted(async () => {
                 </div>
               </div>
               <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>
@@ -335,7 +337,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>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue
deleted file mode 100644
index 5b9982674..000000000
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue	
+++ /dev/null
@@ -1,1604 +0,0 @@
-<script setup lang="ts">
-import { ref, watch, computed, onMounted } from "vue";
-import { useQuasar } from "quasar";
-import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
-import { useCounterMixin } from "@/stores/mixin";
-import { useRouter, useRoute } from "vue-router";
-import http from "@/plugins/http";
-import config from "@/app.config";
-import criterion from "@/modules/05_placement/components/Other/Criterion.vue";
-
-const router = useRouter();
-const routeName = router.currentRoute.value.name;
-const $q = useQuasar();
-const probationStore = useProbationDataStore();
-const { ratingColors } = probationStore;
-const { assign } = probationStore;
-const mixin = useCounterMixin();
-const {
-  date2Thai,
-  notifyError,
-  messageError,
-  showLoader,
-  hideLoader,
-  dateToISO,
-  success,
-  dialogConfirm,
-} = mixin;
-const route = useRoute();
-const assignId = ref<string>(route.params.form.toString());
-const personalId = ref<string>(route.params.personalId.toString());
-
-const edit = () => {
-  status.value = true;
-};
-const cancel = () => {
-  status.value = false;
-};
-const evaluate_no = ref<number>();
-const evaluate_id = ref<string>("");
-const start_date = ref<Date>(new Date());
-const date_finish = ref<Date>(new Date());
-const status = ref<boolean>(true);
-const chairman = ref<any>([]);
-const commander = ref<any>([]);
-const mentors = ref<any>([{ name: "" }, { name: "" }]);
-const dataArr = ref<any>();
-const props = defineProps({
-  tab: String,
-  data: Object,
-  action: String,
-});
-
-onMounted(async () => {
-  if (props.tab && props.action == "edit") {
-    evaluate_no.value = Number(props.tab.charAt(4));
-    dataArr.value = await props.data;
-    await fetchEvaluate();
-    await fecthAssign();
-  }
-});
-
-watch(props, async () => {
-  if (props.tab && props.action == "edit") {
-    evaluate_no.value = Number(props.tab.charAt(4));
-    dataArr.value = await props.data;
-    await fetchEvaluate();
-    await fecthAssign();
-  }
-});
-
-const fecthAssign = async () => {
-  showLoader();
-  await http
-    .get(config.API.evaluateChairman(assignId.value))
-    .then(async (res: any) => {
-      if (props.action == "add") {
-        assign.value = res.data.data.assign;
-        evaluate_no.value = res.data.data.evaluate_no;
-        start_date.value = res.data.data.start_date;
-        date_finish.value = res.data.data.end_date;
-        chairman.value = res.data.data.chairman;
-        commander.value = res.data.data.commander;
-        mentors.value = res.data.data.mentors;
-      }
-      chairman.value = res.data.data.chairman;
-      commander.value = res.data.data.commander;
-      mentors.value = res.data.data.mentors;
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      if (props.action == "edit") {
-        fetchEvaluate();
-      }
-      hideLoader();
-    });
-};
-
-const fetchEvaluate = async () => {
-  // showLoader();
-  try {
-    let data = await dataArr.value;
-    evaluate_id.value = data.id;
-    start_date.value = data.date_start;
-    date_finish.value = data.date_finish;
-    learn_level.value = data.knowledge_level;
-    apply_level.value = data.apply_level;
-    success_level.value = data.success_level;
-    achievement_other.value.text = data.achievement_other_desc;
-    achievement_other.value.level = data.achievement_other_level;
-    conduct_level.value[0] = data.conduct1_level;
-    conduct_level.value[1] = data.conduct2_level;
-    conduct_level.value[2] = data.conduct3_level;
-    conduct_level.value[3] = data.conduct4_level;
-    moral_level.value[0] = data.moral1_level;
-    moral_level.value[1] = data.moral2_level;
-    moral_level.value[2] = data.moral3_level;
-    discipline_level.value[0] = data.discipline1_level;
-    discipline_level.value[1] = data.discipline2_level;
-    discipline_level.value[2] = data.discipline3_level;
-    discipline_level.value[3] = data.discipline4_level;
-    discipline_level.value[4] = data.discipline5_level;
-    behavio_orther.value.text = data.behavior_other_desc;
-    behavio_orther.value.level = data.behavior_other_level;
-    orientation.value = data.develop_orientation_score;
-    self_learning.value = data.develop_self_learning_score;
-    training_seminar.value = data.develop_training_seminar_score;
-    other_training.value = data.develop_other_training_score;
-    orientation_percent.value = data.develop_orientation_percent;
-    self_learning_percent.value = data.develop_self_learning_percent;
-    training_seminar_percent.value = data.develop_training_seminar_percent;
-    other_training_percent.value = data.develop_other_training_percent;
-    develop_result.value = data.develop_result;
-    evaluate_result.value = data.evaluate_result;
-
-    if (
-      data.achievement_other_desc !== "" &&
-      data.achievement_other_level !== null
-    ) {
-      etc.value = true;
-    } else etc.value = false;
-    if (data.behavior_other_desc !== "" && data.behavior_other_level !== null) {
-      etc2.value = true;
-    } else etc2.value = false;
-
-    status.value = false;
-    // setTimeout(() => {
-    //   hideLoader();
-    // }, 1000);
-  } catch (error) {
-    // hideLoader();
-  }
-};
-
-const list2_1 = probationStore.behavior_no1;
-const list2_2 = probationStore.behavior_no2;
-const list2_3 = probationStore.behavior_no3;
-
-// part 1
-const learn_level = ref<number>(0);
-const apply_level = ref<number>(0);
-const success_level = ref<number>(0);
-const etc = ref<any>(false);
-const achievement_other = ref<any>({ text: "", level: 0 });
-// part 2
-const conduct_level = ref<any>([]);
-const moral_level = ref<any>([]);
-const discipline_level = ref<any>([]);
-const etc2 = ref<any>(false); // checkBox 2.4
-const behavio_orther = ref<any>({ text: "", level: 0 });
-
-// part 3
-const orientation = ref<number>(0);
-const self_learning = ref<number>(0);
-const training_seminar = ref<number>(0);
-const other_training = ref<number>(0);
-const orientation_percent = ref<number>(0);
-const self_learning_percent = ref<number>(0);
-const training_seminar_percent = ref<number>(0);
-const other_training_percent = ref<number>(0);
-const develop_result = ref<any>();
-const evaluate_result = ref<any>();
-const evaluate_result_option = ref<any>([
-  { name: "ผ่าน", value: 1 },
-  { name: "ไม่ผ่าน", value: 0 },
-]);
-
-const develop_result_option = ref<any>([
-  { name: "ผ่าน (สูงกว่าร้อยละ 60)", value: 1 },
-  { name: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
-]);
-// footer
-const dateAutherise = ref<any>(new Date());
-// const option = ref<any>([]);
-
-// score
-const score1 = computed(() => {
-  if (
-    etc.value === true &&
-    achievement_other.value.text !== undefined &&
-    achievement_other.value.level !== undefined
-  ) {
-    return (
-      learn_level.value +
-      apply_level.value +
-      success_level.value +
-      achievement_other.value.level
-    );
-  }
-  return learn_level.value + apply_level.value + success_level.value;
-});
-const achievement_score_total: any = computed(() => {
-  if (
-    etc.value === true &&
-    achievement_other.value.text !== undefined &&
-    achievement_other.value.level !== undefined
-  ) {
-    return 20;
-  }
-  return 15;
-});
-const achievement_result: any = computed(() => {
-  if (percent_score1.value > 60) {
-    return 1;
-  }
-  return 0;
-});
-const score2 = computed(() => {
-  let sum_conduct = conduct_level.value.reduce(
-    (sum: number, level: number) => sum + level,
-    0
-  );
-  let sum_moral = moral_level.value.reduce(
-    (sum: number, level: number) => sum + level,
-    0
-  );
-  let sum_discipline = discipline_level.value.reduce(
-    (sum: number, level: number) => sum + level,
-    0
-  );
-  if (
-    etc2.value === true &&
-    behavio_orther.value.text !== undefined &&
-    behavio_orther.value.level !== undefined
-  ) {
-    return (
-      sum_conduct + sum_moral + sum_discipline + behavio_orther.value.level
-    );
-  } else return sum_conduct + sum_moral + sum_discipline;
-});
-const behavior_score_total: any = computed(() => {
-  if (
-    etc2.value === true &&
-    behavio_orther.value.text !== undefined &&
-    behavio_orther.value.level !== undefined
-  ) {
-    return 65;
-  } else return 60;
-});
-const behavior_result: any = computed(() => {
-  if (percent_score2.value > 60) {
-    return 1;
-  }
-  return 0;
-});
-const percent_score1: any = computed(() => {
-  let num = 0;
-  if (etc.value === true) {
-    num = 20;
-  } else num = 15;
-  let percent1 = (score1.value / num) * 100;
-  return percent1.toFixed(2);
-});
-const percent_score2: any = computed(() => {
-  let num = 0;
-  if (etc2.value === true) {
-    num = 65;
-  } else num = 60;
-  let percent2 = (score2.value / num) * 100;
-  return percent2.toFixed(2);
-});
-const percent_sum: any = computed(() => {
-  let sum = (Number(percent_score1.value) + Number(percent_score2.value)) / 2;
-  return sum.toFixed(2);
-});
-const score4 = computed(() => {
-  return (
-    Number(orientation.value) +
-    Number(self_learning.value) +
-    Number(training_seminar.value) +
-    Number(other_training.value)
-  );
-});
-const score5 = computed(() => {
-  return (
-    Number(orientation_percent.value) +
-    Number(self_learning_percent.value) +
-    Number(training_seminar_percent.value) +
-    Number(other_training_percent.value)
-  );
-});
-
-const savaForm = () => {
-  let hasError = false;
-  if (
-    learn_level.value === 0 ||
-    apply_level.value === 0 ||
-    success_level.value === 0 ||
-    conduct_level.value.length < 4 ||
-    moral_level.value.length < 3 ||
-    discipline_level.value.length < 5 ||
-    orientation.value === null ||
-    self_learning.value === null ||
-    training_seminar.value === null
-  ) {
-    hasError = true;
-  } else if (
-    (etc.value == true &&
-      (achievement_other.value.text === undefined ||
-        achievement_other.value.text == "" ||
-        achievement_other.value.level == undefined ||
-        achievement_other.value.level === 0)) ||
-    (etc2.value == true &&
-      (behavio_orther.value.text === undefined ||
-        behavio_orther.value.text == "" ||
-        behavio_orther.value.level === undefined ||
-        behavio_orther.value.level == 0))
-  ) {
-    hasError = true;
-  } else putformData();
-
-  if (hasError === true) {
-    notifyError($q, "กรุณากรอกข้อมูลให้ครบ");
-  }
-};
-
-const putformData = () => {
-  const data = {
-    evaluate_no: evaluate_no.value,
-    start_date: start_date.value,
-    date_finish: date_finish.value,
-    knowledge_level: learn_level.value,
-    apply_level: apply_level.value,
-    success_level: success_level.value,
-    achievement_other: achievement_other.value,
-    conduct1_level: conduct_level.value[0],
-    conduct2_level: conduct_level.value[1],
-    conduct3_level: conduct_level.value[2],
-    conduct4_level: conduct_level.value[3],
-    moral1_level: moral_level.value[0],
-    moral2_level: moral_level.value[1],
-    moral3_level: moral_level.value[2],
-    discipline1_level: discipline_level.value[0],
-    discipline2_level: discipline_level.value[1],
-    discipline3_level: discipline_level.value[2],
-    discipline4_level: discipline_level.value[3],
-    discipline5_level: discipline_level.value[4],
-    behavior_orther: behavio_orther.value,
-    develop_orientation_score: Number(orientation.value),
-    develop_self_learning_score: Number(self_learning.value),
-    develop_training_seminar_score: Number(training_seminar.value),
-    develop_other_training_score: Number(other_training.value),
-    develop_orientation_percent: Number(orientation_percent.value),
-    develop_self_learning_percent: Number(self_learning_percent.value),
-    develop_training_seminar_percent: Number(training_seminar_percent.value),
-    develop_other_training_percent: Number(other_training_percent.value),
-    achievement_score: Number(score1.value),
-    achievement_percent: Number(percent_score1.value),
-    achievement_score_total: Number(achievement_score_total.value),
-    achievement_result: Number(achievement_result.value),
-    behavior_score: Number(score2.value),
-    behavior_percent: Number(percent_score2.value),
-    behavior_score_total: Number(behavior_score_total.value),
-    behavior_result: Number(behavior_result.value),
-    sum_score: Number(score1.value) + Number(score2.value),
-    sum_percent: percent_sum.value,
-    chairman_dated: dateToISO(dateAutherise.value),
-    develop_result: Number(develop_result.value),
-    evaluate_result: Number(evaluate_result.value),
-  };
-
-  dialogConfirm($q, async () => {
-    await http
-      .put(
-        config.API.editFormEvaluateChairman(assignId.value, evaluate_id.value),
-        data
-      )
-      .then((res: any) => {
-        status.value = false;
-        success($q, "บันทึกสำเร็จ");
-        router.push(`/probation/detail/${personalId.value}/${assignId.value}`);
-      })
-      .catch((e: any) => {
-        messageError($q, e);
-      });
-  });
-};
-</script>
-
-<template>
-  <div class="row col-12 no-margin q-pa-sm">
-    <div class="toptitle text-dark col-12 row items-center q-gutter-md">
-      <div>แบบประเมินผล (คณะกรรมการ)</div>
-      <!-- <q-space /> -->
-      <div v-if="status == false">
-        <q-btn
-          dense
-          flat
-          round
-          color="primary"
-          @click="edit()"
-          icon="mdi-pencil-outline"
-        >
-          <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-        </q-btn>
-      </div>
-      <div v-else>
-        <q-btn dense flat round color="red" @click="cancel()" icon="mdi-undo">
-          <q-tooltip>ยกเลิก</q-tooltip>
-        </q-btn>
-        <q-btn
-          dense
-          class="q-ml-sm"
-          flat
-          round
-          color="public"
-          @click="savaForm()"
-          icon="mdi-content-save-outline"
-        >
-          <q-tooltip>บันทึกข้อมูล</q-tooltip>
-        </q-btn>
-      </div>
-    </div>
-    <div class="row col-12 q-gutter-lg">
-      <div class="col-12 row">
-        <div class="col-12 text-top0 row items-center">
-          <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-          วันเริ่มทดลองปฏิบัติหน้าที่ราชการ ตั้งแต่วันที่
-          <span class="text-black q-px-sm">{{
-            date2Thai(assign.date_start)
-          }}</span>
-          ถึงวันที่
-          <span class="text-black q-px-sm">{{
-            date2Thai(assign.date_finish)
-          }}</span>
-        </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>
-          ระหว่างวันที่
-          <span class="text-black q-px-sm">{{ date2Thai(start_date) }}</span>
-          ถึงวันที่
-          <span class="text-black q-px-sm">{{ date2Thai(date_finish) }}</span>
-        </div>
-        <div class="col-12 q-pt-md">
-          <q-separator size="3px" color="grey-2" />
-        </div>
-        <criterion />
-        <div class="col-12 q-pt-md">
-          <q-separator size="3px" color="grey-2" />
-        </div>
-      </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">1</q-avatar>
-          ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
-        </div>
-      </div>
-      <div class="col-12 row no-margin">
-        <q-card 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>
-                <q-item-label>
-                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                  1.1. ความสามารถในการเรียนรู้งาน</q-item-label
-                >
-              </q-item-section>
-              <q-item-section side>
-                <q-rating
-                  v-model="learn_level"
-                  max="5"
-                  size="sm"
-                  :disable="!status"
-                  color="grey"
-                  :color-selected="ratingColors"
-                  label="ระดับการประเมินพฤติกรรม"
-                >
-                  <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                  </template>
-                </q-rating>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card>
-
-        <q-card 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>
-                <q-item-label>
-                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                  1.2.
-                  ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label
-                >
-              </q-item-section>
-              <q-item-section side>
-                <q-rating
-                  v-model="apply_level"
-                  max="5"
-                  size="sm"
-                  color="grey"
-                  :disable="!status"
-                  :color-selected="ratingColors"
-                  label="ระดับการประเมินพฤติกรรม"
-                >
-                  <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                  </template>
-                </q-rating>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card>
-
-        <q-card 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>
-                <q-item-label>
-                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                  1.3. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label
-                >
-              </q-item-section>
-              <q-item-section side>
-                <q-rating
-                  v-model="success_level"
-                  max="5"
-                  :disable="!status"
-                  size="sm"
-                  color="grey"
-                  :color-selected="ratingColors"
-                  label="ระดับการประเมินพฤติกรรม"
-                >
-                  <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                  </template>
-                </q-rating>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card>
-
-        <q-card 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>
-                <q-item-label>
-                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                  1.4 อื่นๆ
-                  <q-checkbox
-                    class="q-ml-sm"
-                    dense
-                    :disable="!status"
-                    v-model="etc"
-                    @click="
-                      (achievement_other.text = ''),
-                        (achievement_other.level = 0)
-                    "
-                /></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-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
-                    :disable="!status"
-                    hide-bottom-space
-                    outlined
-                    class="bg-white"
-                    :rules="[
-                      (val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
-                    ]"
-                  />
-                </q-item-label>
-              </q-item-section>
-              <q-item-section side>
-                <q-rating
-                  v-model="achievement_other.level"
-                  max="5"
-                  size="sm"
-                  color="grey"
-                  :disable="!status"
-                  :color-selected="ratingColors"
-                  label="ระดับการประเมินพฤติกรรม"
-                >
-                  <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                  </template>
-                  <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                  </template>
-                </q-rating>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card>
-
-        <div class="text-top0 col-xs-12 col-sm-11 q-px-lg">
-          <div class="row col-12 justify-between q-pa-sm">
-            <div class="text-black">คะแนนรวมผลสัมฤทธิ์ของการทดลองฯ</div>
-            <div class="text-weight-bold text-black">{{ score1 }}</div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Part 2 -->
-      <div class="row col-12 q-gutter-lg no-margin">
-        <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>
-            พฤติกรรมของผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
-          </div>
-          <div class="col-12 text-top0 row items-center q-pl-md">
-            <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-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"
-                    :disable="!status"
-                    color="grey"
-                    :color-selected="ratingColors"
-                    label="ระดับการประเมินพฤติกรรม"
-                  >
-                    <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                    </template>
-                  </q-rating>
-                </q-item-section>
-              </q-item>
-              <q-separator class="q-my-xs" v-if="i + 1 < list2_1.length" />
-            </q-list>
-          </q-card>
-        </div>
-        <div class="col-12 row">
-          <div class="col-12 text-top0 row items-center q-pl-md">
-            <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-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"
-                    :disable="!status"
-                    max="5"
-                    size="sm"
-                    color="grey"
-                    :color-selected="ratingColors"
-                    label="ระดับการประเมินพฤติกรรม"
-                  >
-                    <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                    </template>
-                  </q-rating>
-                </q-item-section>
-              </q-item>
-              <q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
-            </q-list>
-          </q-card>
-        </div>
-        <div class="col-12 row">
-          <div class="col-12 text-top0 row items-center q-pl-md">
-            <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-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"
-                    :disable="!status"
-                    max="5"
-                    size="sm"
-                    color="grey"
-                    :color-selected="ratingColors"
-                    label="ระดับการประเมินพฤติกรรม"
-                  >
-                    <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                    </template>
-                  </q-rating>
-                </q-item-section>
-              </q-item>
-              <q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
-            </q-list>
-          </q-card>
-        </div>
-        <div class="col-12 row">
-          <div class="col-12 text-top0 row items-center q-pl-md">
-            <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-            2.4 อื่นๆ
-            <q-checkbox
-              class="q-ml-sm"
-              dense
-              v-model="etc2"
-              :disable="!status"
-              @click="(behavio_orther.text = ''), (behavio_orther.level = 0)"
-            />
-          </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-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
-                      :disable="!status"
-                      autogrow
-                      hide-bottom-space
-                      outlined
-                      class="bg-white"
-                      :rules="[
-                        (val) => (val && val.length > 0) || 'กรุณากรอกข้อความ',
-                      ]"
-                    />
-                  </q-item-label>
-                </q-item-section>
-                <q-item-section side>
-                  <q-rating
-                    v-model="behavio_orther.level"
-                    max="5"
-                    size="sm"
-                    :disable="!status"
-                    color="grey"
-                    :color-selected="ratingColors"
-                    label="ระดับการประเมินพฤติกรรม"
-                  >
-                    <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
-                    </template>
-                    <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
-                    </template>
-                  </q-rating>
-                </q-item-section>
-              </q-item>
-            </q-list>
-          </q-card>
-        </div>
-        <div class="text-top0 col-xs-12 col-sm-11 q-pt-sm q-px-md q-my-none">
-          <div class="row col-12 justify-between q-py-sm">
-            <div class="text-black">คะแนนรวมพฤติกรรมการปฏิบัติราชการ</div>
-            <div class="text-weight-bold text-black">{{ score2 }}</div>
-          </div>
-        </div>
-      </div>
-      <!-- <Part2 /> -->
-
-      <!-- Part 3 -->
-      <!-- ผลการประเมิน -->
-      <div class="row col-12 q-pt-lg q-px-lg no-margin">
-        <div class="col-12 row justify-center">
-          <div class="col-12 text-top0 items-center">
-            <q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
-            ผลการประเมิน
-          </div>
-        </div>
-        <q-card class="text-top0 col-12">
-          <q-list dense>
-            <q-item dense tag="label" v-ripple>
-              <q-item-section>
-                <q-item-label>
-                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                  3.1.
-                  ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ</q-item-label
-                >
-              </q-item-section>
-              <q-item-section>
-                <q-item-label style="color: gray">
-                  <div class="row text-weight-light">
-                    <div class="col">คะแนน</div>
-                    <div class="col">ร้อยละ</div>
-                  </div>
-                </q-item-label>
-                <q-item-label caption style="color: #464444">
-                  <div class="row text-weight-bold">
-                    <div class="col">{{ score1 }}</div>
-                    <div class="col">{{ percent_score1 }}</div>
-                  </div>
-                </q-item-label>
-              </q-item-section>
-
-              <q-item-section side v-if="percent_score1 > 60">
-                ผ่าน (สูงกว่าร้อยละ 60)
-              </q-item-section>
-              <q-item-section side v-else>
-                ไม่ผ่าน (ต่ำกว่าร้อยละ 60)
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card>
-        <q-card class="text-top0 col-12">
-          <q-list dense>
-            <q-item dense tag="label" v-ripple>
-              <q-item-section>
-                <q-item-label>
-                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                  3.2. พฤติกรรมของผู้ทดลองปฏิบัติบัติหน้าที่ราชการ</q-item-label
-                >
-              </q-item-section>
-              <q-item-section>
-                <q-item-label style="color: gray">
-                  <div class="row text-weight-light">
-                    <div class="col">คะแนน</div>
-                    <div class="col">ร้อยละ</div>
-                  </div>
-                </q-item-label>
-                <q-item-label caption style="color: #464444">
-                  <div class="row text-weight-bold">
-                    <div class="col">{{ score2 }}</div>
-                    <div class="col">{{ percent_score2 }}</div>
-                  </div>
-                </q-item-label>
-              </q-item-section>
-
-              <q-item-section side v-if="percent_score2 > 60">
-                ผ่าน (สูงกว่าร้อยละ 60)
-              </q-item-section>
-              <q-item-section side v-else>
-                ไม่ผ่าน (ต่ำกว่าร้อยละ 60)
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card>
-        <q-card class="text-top0 col-12">
-          <q-list dense>
-            <q-item dense tag="label" v-ripple>
-              <q-item-section>
-                <q-item-label class="text-black"> ผลคะแนนรวม</q-item-label>
-              </q-item-section>
-              <q-item-section>
-                <q-item-label style="color: gray">
-                  <div class="row text-weight-light">
-                    <div class="col">คะแนน</div>
-                    <div class="col">ร้อยละ</div>
-                  </div>
-                </q-item-label>
-                <q-item-label caption style="color: #464444">
-                  <div class="row text-weight-bold">
-                    <div class="col">{{ score1 + score2 }}</div>
-                    <div class="col">{{ percent_sum }}</div>
-                  </div>
-                </q-item-label>
-              </q-item-section>
-
-              <q-item-section side v-if="percent_sum > 60">
-                ผ่าน (สูงกว่าร้อยละ 60)
-              </q-item-section>
-              <q-item-section side v-else>
-                ไม่ผ่าน (ต่ำกว่าร้อยละ 60)
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-card>
-      </div>
-
-      <!-- Part 4 -->
-      <div class="row col-12 q-pt-lg q-px-lg no-margin">
-        <div class="col-12 row justify-center">
-          <div class="col-12 text-top0 items-center">
-            <q-avatar class="bg-grey-2 q-mr-sm" size="28px">4</q-avatar>
-            การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
-          </div>
-          <q-card
-            flat
-            bordered
-            class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1"
-          >
-            <div class="col-xs-12 col-sm-11 col-md-11 q-my-sm">
-              <div class="row q-gutter-md q-pl-md">
-                <div class="col-8 text-weight-medium">หัวข้อ</div>
-                <div class="col">คะแนน</div>
-                <div class="col">ร้อยละ</div>
-              </div>
-            </div>
-            <q-separator class="q-my-xs" />
-            <div class="row q-gutter-md align-center q-pl-md">
-              <div class="col-8">1. การปฐมนิเทศ</div>
-              <div class="col">
-                <q-input
-                  outlined
-                  dense
-                  type="number"
-                  :disable="!status"
-                  v-model="orientation"
-                />
-              </div>
-              <div class="col">
-                <q-input
-                  outlined
-                  dense
-                  type="number"
-                  :disable="!status"
-                  v-model="orientation_percent"
-                />
-              </div>
-            </div>
-            <q-separator class="q-my-xs" />
-            <div class="row q-gutter-md align-center q-pl-md">
-              <div class="col-8">2. การเรียนรู้ด้วยตนเอง</div>
-              <div class="col">
-                <q-input
-                  dense
-                  outlined
-                  type="number"
-                  :disable="!status"
-                  v-model="self_learning"
-                />
-              </div>
-              <div class="col">
-                <q-input
-                  outlined
-                  dense
-                  type="number"
-                  :disable="!status"
-                  v-model="self_learning_percent"
-                />
-              </div>
-            </div>
-            <q-separator class="q-my-xs" />
-            <div class="row q-gutter-md align-center q-pl-md">
-              <div class="col-8">3. การอบรมสัมนาร่วมกัน</div>
-              <div class="col">
-                <q-input
-                  outlined
-                  dense
-                  type="number"
-                  :disable="!status"
-                  v-model="training_seminar"
-                />
-              </div>
-              <div class="col">
-                <q-input
-                  outlined
-                  dense
-                  type="number"
-                  :disable="!status"
-                  v-model="training_seminar_percent"
-                />
-              </div>
-            </div>
-            <q-separator class="q-my-xs" />
-            <div class="row q-gutter-md align-center q-pl-md">
-              <div class="col-8">
-                4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)
-              </div>
-              <div class="col">
-                <q-input
-                  outlined
-                  dense
-                  type="number"
-                  :disable="!status"
-                  v-model="other_training"
-                />
-              </div>
-              <div class="col">
-                <q-input
-                  outlined
-                  dense
-                  type="number"
-                  :disable="!status"
-                  v-model="other_training_percent"
-                />
-              </div>
-            </div>
-            <q-separator class="q-my-xs" />
-            <div class="col-xs-12 col-sm-11 col-md-11 q-my-sm">
-              <div class="row q-gutter-md q-pl-sm">
-                <div class="col-8 text-weight-medium">
-                  <q-item-label> ผลคะแนนรวม</q-item-label>
-                </div>
-                <div class="col q-pl-md">{{ score4 }}</div>
-                <div class="col q-pl-md">{{ score5 }}</div>
-              </div>
-            </div>
-            <!-- <q-list dense>
-              <q-item dense tag="label" v-ripple>
-                <q-item-section>
-                  <q-item-label>1. การปฐมนิเทศ</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="orientation"
-                      val="1"
-                      label="ดำเนินการเเล้ว"
-                    />
-                    <q-radio
-                      checked-icon="task_alt"
-                      unchecked-icon="panorama_fish_eye"
-                      v-model="orientation"
-                      val="0"
-                      label=" ยังไม่ได้ดำเนินการ"
-                    />
-                  </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>2. การเรียนรู้ด้วยตนเอง</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="self_learning"
-                      val="1"
-                      label="ดำเนินการเเล้ว"
-                    />
-                    <q-radio
-                      checked-icon="task_alt"
-                      unchecked-icon="panorama_fish_eye"
-                      v-model="self_learning"
-                      val="0"
-                      label=" ยังไม่ได้ดำเนินการ"
-                    />
-                  </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>3. การอบรมสัมนาร่วมกัน</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="training_seminar"
-                      val="1"
-                      label="ดำเนินการเเล้ว"
-                    />
-                    <q-radio
-                      checked-icon="task_alt"
-                      unchecked-icon="panorama_fish_eye"
-                      v-model="training_seminar"
-                      val="0"
-                      label=" ยังไม่ได้ดำเนินการ"
-                    />
-                  </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-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="ดำเนินการเเล้ว"
-                    />
-                    <q-radio
-                      checked-icon="task_alt"
-                      unchecked-icon="panorama_fish_eye"
-                      v-model="other_training"
-                      val="0"
-                      label=" ยังไม่ได้ดำเนินการ"
-                    />
-                  </div>
-                </q-item-section>
-              </q-item>
-            </q-list> -->
-          </q-card>
-        </div>
-      </div>
-
-      <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">
-            <!-- <q-avatar class="bg-grey-2 q-mr-sm" size="28px">5</q-avatar> -->
-            สรุปผลการพัฒนา
-          </div>
-          <div class="col-12">
-            <q-select
-              :disable="!status"
-              class="col-xs-12"
-              dense
-              v-model="develop_result"
-              outlined
-              :options="develop_result_option"
-              option-label="name"
-              option-value="value"
-              label="เลือกสรุปผลการพัฒนา"
-              map-options
-              emit-value
-            />
-          </div>
-        </div>
-      </div>
-
-      <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">
-            <!-- <q-avatar class="bg-grey-2 q-mr-sm" size="28px">5</q-avatar> -->
-            สรุปผล การประเมินผลทดลองปฏิบัติหน้าที่ราชการ
-          </div>
-          <div class="col-12">
-            <q-select
-              :disable="!status"
-              class="col-xs-12"
-              dense
-              v-model="evaluate_result"
-              outlined
-              :options="evaluate_result_option"
-              option-label="name"
-              option-value="value"
-              label="เลือกสรุปผล การประเมินผลทดลองปฏิบัติหน้าที่ราชการ"
-              map-options
-              emit-value
-            />
-          </div>
-        </div>
-      </div>
-
-      <!-- Footer -->
-      <!-- <Footer /> -->
-      <div class="row col-12 q-gutter-lg no-margin justify-center">
-        <div class="col-xs-12 col-sm-11">
-          <div class="col-12 text-top2 row items-center">
-            ผู้บังคับบัญชาผู้มอบหมายงาน
-          </div>
-          <div class="col-12 row q-col-gutter-md">
-            <q-select
-              class="col-xs-12 col-sm-8"
-              dense
-              v-model="commander.name"
-              outlined
-              label="ผู้บังคับบัญชา"
-              disable
-            />
-            <div class="col-xs-12 col-sm-4">
-              <datepicker
-                menu-class-name="modalfix"
-                v-model="commander.dated"
-                :locale="'th'"
-                autoApply
-                borderless
-                :readonly="!status"
-                :enableTimePicker="false"
-                week-start="0"
-              >
-                <template #year="{ year }">
-                  {{ year + 543 }}
-                </template>
-                <template #year-overlay-value="{ value }">
-                  {{ parseInt(value + 543) }}
-                </template>
-                <template #trigger>
-                  <q-input
-                    outlined
-                    dense
-                    :disable="!status"
-                    hide-bottom-space
-                    class="full-width datepicker col-3"
-                    :model-value="
-                      commander.dated != null
-                        ? date2Thai(commander.dated)
-                        : null
-                    "
-                    :label="`${'ลงวันที่'}`"
-                    :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
-                  >
-                    <template v-slot:prepend>
-                      <q-icon
-                        name="event"
-                        class="cursor-pointer"
-                        style="color: var(--q-primary)"
-                      >
-                      </q-icon>
-                    </template>
-                  </q-input>
-                </template>
-              </datepicker>
-            </div>
-
-            <!-- <q-select
-              class="col-xs-12 col-sm-8"
-              dense
-              v-model="mentors[0].name"
-              outlined
-              label="ผู้บังคับบัญชา"
-              disable
-            /> -->
-            <!-- <div class="col-xs-12 col-sm-4">
-              <datepicker
-                menu-class-name="modalfix"
-                v-model="dateAutherise"
-                :locale="'th'"
-                autoApply
-                borderless
-                :readonly="!status"
-                :enableTimePicker="false"
-                week-start="0"
-              >
-                <template #year="{ year }">
-                  {{ year + 543 }}
-                </template>
-                <template #year-overlay-value="{ value }">
-                  {{ parseInt(value + 543) }}
-                </template>
-                <template #trigger>
-                  <q-input
-                    outlined
-                    :disable="!status"
-                    dense
-                    class="full-width datepicker col-3"
-                    hide-bottom-space
-                    :model-value="
-                      dateAutherise != null ? date2Thai(dateAutherise) : null
-                    "
-                    :label="`${'ลงวันที่'}`"
-                    :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
-                  >
-                    <template v-slot:prepend>
-                      <q-icon
-                        name="event"
-                        class="cursor-pointer"
-                        style="color: var(--q-primary)"
-                      >
-                      </q-icon>
-                    </template>
-                  </q-input>
-                </template>
-              </datepicker>
-            </div> -->
-
-            <!-- <q-select
-              class="col-xs-12 col-sm-8"
-              dense
-              v-model="mentors[1].name"
-              outlined
-              label="ผู้บังคับบัญชา"
-              disable
-            /> -->
-            <!-- <div class="col-xs-12 col-sm-4">
-              <datepicker
-                menu-class-name="modalfix"
-                v-model="dateAutherise"
-                :locale="'th'"
-                autoApply
-                borderless
-                :readonly="!status"
-                :enableTimePicker="false"
-                week-start="0"
-              >
-                <template #year="{ year }">
-                  {{ year + 543 }}
-                </template>
-                <template #year-overlay-value="{ value }">
-                  {{ parseInt(value + 543) }}
-                </template>
-                <template #trigger>
-                  <q-input
-                    outlined
-                    dense
-                    :disable="!status"
-                    class="full-width datepicker col-3"
-                    hide-bottom-space
-                    :model-value="
-                      dateAutherise != null ? date2Thai(dateAutherise) : null
-                    "
-                    :label="`${'ลงวันที่'}`"
-                    :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
-                  >
-                    <template v-slot:prepend>
-                      <q-icon
-                        name="event"
-                        class="cursor-pointer"
-                        style="color: var(--q-primary)"
-                      >
-                      </q-icon>
-                    </template>
-                  </q-input>
-                </template>
-              </datepicker> -->
-            <!-- </div> -->
-          </div>
-          <div
-            class="col-12 row q-col-gutter-md q-mt-sm"
-            v-for="(mentor, index) in mentors"
-          >
-            <q-select
-              :key="index"
-              class="col-xs-12 col-sm-8"
-              hide-bottom-space
-              dense
-              v-model="mentors[index].name"
-              outlined
-              label="ผู้บังคับบัญชา"
-              disable
-            />
-            <datepicker
-              class="col-xs-12 col-sm-4"
-              :readonly="!status"
-              menu-class-name="modalfix"
-              v-model="mentors[index].dated"
-              :locale="'th'"
-              autoApply
-              borderless
-              :enableTimePicker="false"
-              week-start="0"
-            >
-              <template #year="{ year }">
-                {{ year + 543 }}
-              </template>
-              <template #year-overlay-value="{ value }">
-                {{ parseInt(value + 543) }}
-              </template>
-              <template #trigger>
-                <q-input
-                  hide-bottom-space
-                  outlined
-                  dense
-                  class="full-width datepicker col-3"
-                  :model-value="
-                    mentors[index].dated != null
-                      ? date2Thai(mentors[index].dated)
-                      : null
-                  "
-                  :label="`${'ลงวันที่'}`"
-                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
-                >
-                  <template v-slot:prepend>
-                    <q-icon
-                      name="event"
-                      class="cursor-pointer"
-                      style="color: var(--q-primary)"
-                    >
-                    </q-icon>
-                  </template>
-                </q-input>
-              </template>
-            </datepicker>
-          </div>
-        </div>
-      </div>
-
-      <div class="row col-12 q-gutter-lg no-margin justify-center">
-        <div class="col-xs-12 col-sm-11">
-          <div class="col-12 text-top2 row items-center">คณะกรรมการ</div>
-          <div class="col-12 row q-col-gutter-md">
-            <q-select
-              class="col-xs-12 col-sm-8"
-              dense
-              v-model="chairman.name"
-              outlined
-              label="คณะกรรมการ"
-              disable
-            />
-            <div class="col-xs-12 col-sm-4">
-              <datepicker
-                menu-class-name="modalfix"
-                v-model="dateAutherise"
-                :locale="'th'"
-                autoApply
-                borderless
-                :enableTimePicker="false"
-                :readonly="!status"
-                week-start="0"
-              >
-                <template #year="{ year }">
-                  {{ year + 543 }}
-                </template>
-                <template #year-overlay-value="{ value }">
-                  {{ parseInt(value + 543) }}
-                </template>
-                <template #trigger>
-                  <q-input
-                    outlined
-                    :disable="!status"
-                    dense
-                    class="full-width datepicker col-3"
-                    :model-value="
-                      dateAutherise != null ? date2Thai(dateAutherise) : null
-                    "
-                    :label="`${'ลงวันที่'}`"
-                    :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
-                  >
-                    <template v-slot:prepend>
-                      <q-icon
-                        name="event"
-                        class="cursor-pointer"
-                        style="color: var(--q-primary)"
-                      >
-                      </q-icon>
-                    </template>
-                  </q-input>
-                </template>
-              </datepicker>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <q-toolbar
-        class="text-primary"
-        v-if="routeName == 'probationFormAddevaluascore'"
-      >
-        <q-space />
-        <q-btn label="บันทึก" color="secondary" @click="savaForm" />
-      </q-toolbar>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.align-center {
-  display: flex;
-
-  align-items: center;
-  /* จัดเนื้อหาให้อยู่กลางแนวตั้ง */
-}
-
-.text-top2 {
-  font-weight: 500;
-  padding-bottom: 8px;
-  color: rgb(70, 68, 68);
-}
-
-.text-top0 {
-  font-weight: 600;
-  padding-bottom: 8px;
-  color: rgb(70, 68, 68);
-}
-
-.q-rating__icon {
-  text-shadow: transparent !important;
-}
-
-.q-card {
-  box-shadow: 0px 0px 0px 0px !important;
-}
-</style>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index c7114e3a3..0e605e6f6 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -462,7 +462,9 @@ onMounted(async () => {
               </div>
             </div>
             <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>
@@ -473,7 +475,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>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index 4df2413f2..b5e17914d 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -434,7 +434,9 @@ watch(lengthdiscipline_level, (newLength) => {
                   </div>
                 </div>
                 <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>
@@ -445,7 +447,7 @@ watch(lengthdiscipline_level, (newLength) => {
               </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>