From 5dd7290a0a68fda5411a192eec62c097554a5c21 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 14 Sep 2023 18:21:32 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20store=20?=
 =?UTF-8?q?=E0=B8=97=E0=B8=94=E0=B8=A5=E0=B8=AD=E0=B8=87=E0=B8=87=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=99,=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84=E0=B8=B3?=
 =?UTF-8?q?=E0=B8=9C=E0=B8=B4=E0=B8=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../probation/FormEvaluation/FormEvaluate.vue |   54 +-
 .../FormEvaluation/FormEvaluateAdd.vue        |   51 +-
 .../FormEvaluation/FormEvaluateScore copy.vue | 1607 ++++++++++++++++
 .../FormEvaluation/FormEvaluateScore.vue      | 1684 +++++++----------
 .../FormEvaluation/FormEvaluateScoreAdd.vue   | 1656 +++++++---------
 .../FormEvaluation/FormSaveResult.vue         |   64 +-
 .../FormEvaluation/FormSaveResultAdd.vue      |   52 +-
 .../probation/FormEvaluation/Template1.vue    |   24 +-
 .../probation/FormEvaluation/Template2.vue    |   14 +-
 .../FormEvaluation/Template2Format2.vue       |   12 +-
 .../components/probation/MainDetail.vue       |    4 +-
 .../components/probation/ProbationDetail.vue  |    2 +-
 .../components/probation/SummarySurvey.vue    |    2 +-
 src/modules/05_placement/store.ts             |   22 -
 src/modules/05_placement/storeAssign.ts       |   35 -
 src/modules/05_placement/storeProbation.ts    |  101 +
 16 files changed, 3133 insertions(+), 2251 deletions(-)
 create mode 100644 src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue
 delete mode 100644 src/modules/05_placement/storeAssign.ts
 create mode 100644 src/modules/05_placement/storeProbation.ts

diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
index 66593ab74..df7916099 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
-import { useProbationDataStore } from "@/modules/05_placement/store";
-import { useAssignDataStore } from "@/modules/05_placement/storeAssign";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRouter, useRoute } from "vue-router";
 import http from "@/plugins/http";
@@ -28,8 +27,7 @@ const {
 } = mixin;
 const route = useRoute();
 const assignId = ref<string>(route.params.form.toString());
-const assignStore = useAssignDataStore();
-const { assign } = assignStore;
+const { assign } = probationStore;
 const personalId = ref<string>(route.params.personalId.toString());
 
 const edit = () => {
@@ -55,51 +53,9 @@ const props = defineProps({
   action: String,
 });
 
-const list2_1 = [
-  { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
-  { id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
-  {
-    id: "3",
-    label:
-      "ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
-  },
-  {
-    id: "4",
-    label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
-  },
-];
-const list2_2 = [
-  {
-    id: "1",
-    label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
-  },
-  { id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
-  {
-    id: "3",
-    label:
-      "ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
-  },
-];
-const list2_3 = [
-  { id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
-  {
-    id: "2",
-    label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
-  },
-  {
-    id: "3",
-    label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
-  },
-  {
-    id: "4",
-    label:
-      "ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
-  },
-  {
-    id: "5",
-    label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ",
-  },
-];
+const list2_1 = probationStore.behavior_no1;
+const list2_2 = probationStore.behavior_no2;
+const list2_3 = probationStore.behavior_no3;
 
 onMounted(async () => {
   if (props.tab && props.action == "edit") {
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
index fa973308a..2cadf27ba 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, defineAsyncComponent, onMounted, watch, computed } from "vue";
 import { useQuasar } from "quasar";
-import { useProbationDataStore } from "@/modules/05_placement/store";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRoute, useRouter } from "vue-router";
 import http from "@/plugins/http";
@@ -41,51 +41,10 @@ const props = defineProps({
   tab: String,
 });
 
-const list2_1 = [
-  { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
-  { id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
-  {
-    id: "3",
-    label:
-      "ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
-  },
-  {
-    id: "4",
-    label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
-  },
-];
-const list2_2 = [
-  {
-    id: "1",
-    label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
-  },
-  { id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
-  {
-    id: "3",
-    label:
-      "ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
-  },
-];
-const list2_3 = [
-  { id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
-  {
-    id: "2",
-    label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
-  },
-  {
-    id: "3",
-    label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
-  },
-  {
-    id: "4",
-    label:
-      "ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
-  },
-  {
-    id: "5",
-    label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ",
-  },
-];
+const list2_1 = probationStore.behavior_no1;
+const list2_2 = probationStore.behavior_no2;
+const list2_3 = probationStore.behavior_no3;
+
 onMounted(async () => {
   fecthAssign(assignId.value);
 });
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue
new file mode 100644
index 000000000..db54ca6dd
--- /dev/null
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore copy.vue	
@@ -0,0 +1,1607 @@
+<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 saveEdit = (id: string) => {
+  dialogConfirm($q, () => console.log("save"));
+};
+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;
+      console.log(commander.value.name);
+    })
+    .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 4b68f0f86..dbd1ad006 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, computed, onMounted } from "vue";
-import { useQuasar } from "quasar";
-import { useProbationDataStore } from "@/modules/05_placement/store";
-import { useAssignDataStore } from "@/modules/05_placement/storeAssign";
+import { useQuasar, QForm } 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";
@@ -14,8 +13,7 @@ const routeName = router.currentRoute.value.name;
 const $q = useQuasar();
 const probationStore = useProbationDataStore();
 const { ratingColors } = probationStore;
-const assignStore = useAssignDataStore();
-const { assign } = assignStore;
+const { assign } = probationStore;
 const mixin = useCounterMixin();
 const {
   date2Thai,
@@ -30,9 +28,9 @@ const {
 const route = useRoute();
 const assignId = ref<string>(route.params.form.toString());
 const personalId = ref<string>(route.params.personalId.toString());
-const saveEdit = (id: string) => {
-  dialogConfirm($q, () => console.log("save"));
-};
+
+const myForm = ref<any>(null);
+
 const edit = () => {
   status.value = true;
 };
@@ -54,6 +52,12 @@ const props = defineProps({
   action: String,
 });
 
+const director_id = ref<any>(null);
+const director_id2 = ref<any>(null);
+const director_id3 = ref<any>(null);
+const director1_dated = ref<any>("");
+const director2_dated = ref<any>("");
+
 onMounted(async () => {
   if (props.tab && props.action == "edit") {
     evaluate_no.value = Number(props.tab.charAt(4));
@@ -86,10 +90,15 @@ const fecthAssign = async () => {
         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;
-      console.log(commander.value.name);
+      director_id.value = res.data.data.chairman.name;
+      director_id2.value = res.data.data.commander.name;
+      if (res.data.data.mentors.length != 0) {
+        director_id3.value = res.data.data.mentors[0].name;
+      }
+
+      dateAutherise.value = res.data.data.chairman_dated
+      director1_dated.value = res.data.data.director1_dated
+      director2_dated.value = res.data.data.director2_dated
     })
     .catch((e) => {
       messageError($q, e);
@@ -158,51 +167,9 @@ const fetchEvaluate = async () => {
   }
 };
 
-const list2_1 = [
-  { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
-  { id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
-  {
-    id: "3",
-    label:
-      "ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
-  },
-  {
-    id: "4",
-    label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
-  },
-];
-const list2_2 = [
-  {
-    id: "1",
-    label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
-  },
-  { id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
-  {
-    id: "3",
-    label:
-      "ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
-  },
-];
-const list2_3 = [
-  { id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
-  {
-    id: "2",
-    label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
-  },
-  {
-    id: "3",
-    label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
-  },
-  {
-    id: "4",
-    label:
-      "ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
-  },
-  {
-    id: "5",
-    label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ",
-  },
-];
+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);
@@ -229,8 +196,8 @@ 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 },
+  { name: "ผ่าน (สูงกว่าร้อยละ 60)", value: 1 },
+  { name: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
 ]);
 
 const develop_result_option = ref<any>([
@@ -238,7 +205,7 @@ const develop_result_option = ref<any>([
   { name: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
 ]);
 // footer
-const dateAutherise = ref<any>(new Date());
+const dateAutherise = ref<any>();
 // const option = ref<any>([]);
 
 // score
@@ -425,6 +392,8 @@ const putformData = () => {
     chairman_dated: dateToISO(dateAutherise.value),
     develop_result: Number(develop_result.value),
     evaluate_result: Number(evaluate_result.value),
+    director1_dated: dateToISO(director1_dated.value),
+    director2_dated: dateToISO(director2_dated.value),
   };
 
   dialogConfirm($q, async () => {
@@ -446,482 +415,75 @@ const putformData = () => {
 </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>
+  <q-form ref="myForm">
+    <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 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 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="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 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>
 
-      <!-- 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>
-            พฤติกรรมของผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
+            <q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</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"
-          >
+        <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-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-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="behavio_orther.level"
-                    max="5"
-                    size="sm"
-                    :disable="!status"
-                    color="grey"
-                    :color-selected="ratingColors"
-                    label="ระดับการประเมินพฤติกรรม"
-                  >
+                  <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>
@@ -942,244 +504,470 @@ const putformData = () => {
               </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>
+
+          <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>
-      </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>
-            ผลการประเมิน
+        <!-- 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>
-        <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>
+        <!-- <Part2 /> -->
 
-              <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>
-            การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
+        <!-- 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
-            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>
+          <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-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>
+            <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 class="col q-pl-md">{{ score4 }}</div>
-                <div class="col q-pl-md">{{ score5 }}</div>
               </div>
-            </div>
-            <!-- <q-list dense>
+              <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>
@@ -1278,120 +1066,73 @@ const putformData = () => {
                 </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
-            />
+            </q-card>
           </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 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>
 
-      <!-- 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 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 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
+        </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>
+                        " :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
+              <!-- <q-select
               class="col-xs-12 col-sm-8"
               dense
               v-model="mentors[0].name"
@@ -1399,7 +1140,7 @@ const putformData = () => {
               label="ผู้บังคับบัญชา"
               disable
             /> -->
-            <!-- <div class="col-xs-12 col-sm-4">
+              <!-- <div class="col-xs-12 col-sm-4">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="dateAutherise"
@@ -1442,7 +1183,7 @@ const putformData = () => {
               </datepicker>
             </div> -->
 
-            <!-- <q-select
+              <!-- <q-select
               class="col-xs-12 col-sm-8"
               dense
               v-model="mentors[1].name"
@@ -1450,7 +1191,7 @@ const putformData = () => {
               label="ผู้บังคับบัญชา"
               disable
             /> -->
-            <!-- <div class="col-xs-12 col-sm-4">
+              <!-- <div class="col-xs-12 col-sm-4">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="dateAutherise"
@@ -1491,91 +1232,14 @@ const putformData = () => {
                   </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"
-              >
+              <!-- </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>
@@ -1583,23 +1247,12 @@ const putformData = () => {
                   {{ 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 || `${'กรุณาเลือกลงวันที่'}`]"
-                  >
+                  <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 name="event" class="cursor-pointer" style="color: var(--q-primary)">
                       </q-icon>
                     </template>
                   </q-input>
@@ -1608,17 +1261,118 @@ const putformData = () => {
             </div>
           </div>
         </div>
-      </div>
 
-      <q-toolbar
-        class="text-primary"
-        v-if="routeName == 'probationFormAddevaluascore'"
-      >
-        <q-space />
-        <q-btn label="บันทึก" color="secondary" @click="savaForm" />
-      </q-toolbar>
+        <!-- Footer -->
+        <!-- <Footer /> -->
+        <div class="col-12 q-mt-lg">
+          <q-separator size="3px" color="grey-2" />
+        </div>
+
+        <div class="row col-12 q-gutter-lg q-mt-none">
+          <div class="col-12 row">
+            <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="director_id" outlined label="ชื่อ-นามสกุล"
+                option-label="name" disable />
+              <div class="col-xs-12 col-sm-4">
+                <datepicker menu-class-name="modalfix" v-model="dateAutherise" :locale="'th'" :readonly="!status"
+                  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 outlined dense :disable="!status" 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 class="col-12 row q-mt-xs">
+            <div class="col-12 text-top2 row items-center">
+              คณะกรรมการ
+              <!-- ความเห็นของผู้มีอำนาจสั่งบรรจุตามมาตรา 52 -->
+            </div>
+            <div class="col-12 row q-col-gutter-md">
+              <q-select class="col-xs-12 col-sm-8" dense v-model="director_id2" outlined label="ชื่อ-นามสกุล" disable
+                option-label="name" />
+              <div class="col-xs-12 col-sm-4">
+                <datepicker menu-class-name="modalfix" v-model="director1_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" class="full-width datepicker col-3" :model-value="director1_dated != null
+                      ? date2Thai(director1_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="col-12 row q-mt-xs">
+            <div class="col-12 text-top2 row items-center">
+              คณะกรรมการ
+              <!-- ผู้มีอำนาจสั่งบรรจุตามมาตรา 52 -->
+            </div>
+            <div class="col-12 row q-col-gutter-md">
+              <q-select class="col-xs-12 col-sm-8" dense v-model="director_id3" outlined label="ชื่อ-นามสกุล" disable
+                option-label="name" />
+              <div class="col-xs-12 col-sm-4">
+                <datepicker menu-class-name="modalfix" v-model="director2_dated" :locale="'th'" autoApply
+                  :readonly="!status" 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 outlined dense :disable="!status" class="full-width datepicker col-3" :model-value="director2_dated != null
+                      ? date2Thai(director2_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>
+
+        <q-toolbar class="text-primary" v-if="routeName == 'probationFormAddevaluascore'">
+          <q-space />
+          <q-btn label="บันทึก" color="secondary" @click="savaForm" />
+        </q-toolbar>
+      </div>
     </div>
-  </div>
+  </q-form>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index c64c971a1..745c413d5 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, defineAsyncComponent, computed, onMounted, watch } from "vue";
-import { useQuasar } from "quasar";
-import { useProbationDataStore } from "@/modules/05_placement/store";
+import { useQuasar, QForm } from "quasar";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRoute, useRouter } from "vue-router";
 import http from "@/plugins/http";
@@ -27,12 +27,6 @@ const route = useRoute();
 const router = useRouter();
 const assignId = ref<string>(route.params.form.toString());
 const personalId = ref<string>(route.params.id.toString());
-const myForm1 = ref<any>(null);
-const myForm2 = ref<any>(null);
-const myForm3 = ref<any>(null);
-const myForm4 = ref<any>(null);
-const myForm5 = ref<any>(null);
-const myForm6 = ref<any>(null);
 const selectResult1 = ref<any>(null);
 const selectResult2 = ref<any>(null);
 
@@ -42,13 +36,17 @@ const evaluate_no = ref<any>("");
 const start_date = ref<any>();
 const date_finish = ref<any>();
 const status = ref<boolean>(true);
-const chairman = ref<any>([]);
-const commander = ref<any>([]);
-const mentors = ref<any>([{ name: "", dated: "" }]);
+
+const director_id = ref<any>(null);
+const director_id2 = ref<any>(null);
+const director_id3 = ref<any>(null);
+
+const myForm = ref<any>(null);
 
 onMounted(() => {
   fecthAssign(assignId.value);
 });
+
 const fecthAssign = async (id: string) => {
   showLoader();
   await http
@@ -59,12 +57,12 @@ const fecthAssign = async (id: string) => {
       evaluate_no.value = await res.data.data.evaluate_no;
       start_date.value = await res.data.data.start_date;
       date_finish.value = await res.data.data.end_date;
-      chairman.value = await res.data.data.chairman;
-      commander.value = await res.data.data.commander;
-      mentors.value = res.data.data.mentors.map((e: any) => ({
-        name: e.name,
-        dated: e.dated,
-      }));
+
+      director_id.value = res.data.data.chairman.name;
+      director_id2.value = res.data.data.commander.name;
+      if (res.data.data.mentors.length != 0) {
+        director_id3.value = res.data.data.mentors[0].name;
+      }
     })
     .catch((e) => {
       messageError($q, e);
@@ -74,55 +72,13 @@ const fecthAssign = async (id: string) => {
     });
 };
 
-const list2_1 = [
-  { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
-  { id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
-  {
-    id: "3",
-    label:
-      "ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
-  },
-  {
-    id: "4",
-    label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
-  },
-];
-const list2_2 = [
-  {
-    id: "1",
-    label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
-  },
-  { id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
-  {
-    id: "3",
-    label:
-      "ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
-  },
-];
-const list2_3 = [
-  { id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
-  {
-    id: "2",
-    label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
-  },
-  {
-    id: "3",
-    label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
-  },
-  {
-    id: "4",
-    label:
-      "ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
-  },
-  {
-    id: "5",
-    label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ",
-  },
-];
+const list2_1 = probationStore.behavior_no1;
+const list2_2 = probationStore.behavior_no2;
+const list2_3 = probationStore.behavior_no3;
+
+const director1_dated = ref<any>("");
+const director2_dated = ref<any>("");
 
-const dateToday = ref<Date>(new Date("10-10-2023"));
-const dateEnd = ref<Date>(new Date("12-10-2023"));
-const period = ref<number>(1);
 // part 1
 const learn_level = ref<number>(0);
 const apply_level = ref<number>(0);
@@ -147,8 +103,8 @@ const training_seminar_percent = ref<number>(0);
 const other_training_percent = ref<number>(0);
 const evaluate_result = ref<any>();
 const evaluate_result_option = ref<any>([
-  { name: "ผ่าน", value: 1 },
-  { name: "ไม่ผ่าน", value: 0 },
+  { name: "ผ่าน (สูงกว่าร้อยละ 60)", value: 1 },
+  { name: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
 ]);
 
 const develop_result = ref<any>();
@@ -157,9 +113,7 @@ const develop_result_option = ref<any>([
   { name: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
 ]);
 // footer
-const Autherise = ref<any>(null);
-const dateAutherise = ref<any>(new Date());
-// const option = ref<any>([]);
+const dateAutherise = ref<any>(null);
 
 // score
 const score1 = computed(() => {
@@ -248,7 +202,8 @@ const percent_score2: any = computed(() => {
   return percent2.toFixed(2);
 });
 const percent_sum: any = computed(() => {
-  let sum = (Number(percent_score1.value) + Number(percent_score2.value)) / 2;
+  let sum = ((Number(percent_score1.value) + Number(percent_score2.value)) / 2);
+  evaluate_result.value = (sum > 60 ? 1 : 0);
   return sum.toFixed(2);
 });
 const score4 = computed(() => {
@@ -260,12 +215,15 @@ const score4 = computed(() => {
   );
 });
 const score5 = computed(() => {
-  return (
+  const total = (
     Number(orientation_percent.value) +
     Number(self_learning_percent.value) +
     Number(training_seminar_percent.value) +
     Number(other_training_percent.value)
   );
+  develop_result.value = total > 60 ? 1 : 0;
+
+  return total;
 });
 const lengthconduct = computed(() => {
   return conduct_level.value.filter((item: number) => item !== 0).length;
@@ -278,15 +236,10 @@ const lengthdiscipline_level = computed(() => {
 });
 const variablesToWatch = [learn_level, apply_level, success_level];
 const savaForm = async () => {
+
   let hasError = false;
-  await myForm1.value.validate();
-  await myForm2.value.validate();
-  await myForm3.value.validate();
-  await myForm4.value.validate();
-  await myForm5.value.validate();
-  await myForm6.value.validate();
-  await selectResult1.value.validate();
-  await selectResult2.value.validate();
+  // await selectResult1.value.validate();
+  // await selectResult2.value.validate();
   if (
     learn_level.value === 0 ||
     apply_level.value === 0 ||
@@ -294,12 +247,12 @@ const savaForm = async () => {
     lengthconduct.value !== 4 ||
     lengthmoral_level.value !== 3 ||
     lengthdiscipline_level.value !== 5 ||
-    orientation.value === 0 ||
-    self_learning.value === 0 ||
-    training_seminar.value === 0 ||
-    orientation_percent.value === 0 ||
-    self_learning_percent.value === 0 ||
-    training_seminar_percent.value === 0 ||
+    orientation.value === null ||
+    self_learning.value === null ||
+    training_seminar.value === null ||
+    orientation_percent.value === null ||
+    self_learning_percent.value === null ||
+    training_seminar_percent.value === null ||
     develop_result.value === undefined ||
     evaluate_result.value === undefined
   ) {
@@ -317,7 +270,16 @@ const savaForm = async () => {
         behavio_orther.value.level == 0))
   ) {
     hasError = true;
-  } else putformData();
+  } else {
+    await myForm.value.validate().then((result: boolean) => {
+      if (result) {
+        putformData();
+      } else {
+        dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ");
+      }
+    });
+
+  }
 
   if (hasError === true) {
     variablesToWatch.forEach((item, index) => {
@@ -334,8 +296,10 @@ const savaForm = async () => {
     if (lengthdiscipline_level.value !== 5) {
       alerts[5].value = true;
     }
+
     dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ");
   }
+
 };
 const putformData = () => {
   const data = {
@@ -377,9 +341,11 @@ const putformData = () => {
     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),
+    chairman_dated: dateToISO(dateAutherise.value),
     evaluate_result: Number(evaluate_result.value),
+    director1_dated: dateToISO(director1_dated.value),
+    director2_dated: dateToISO(director2_dated.value),
   };
   dialogConfirm($q, async () => {
     await http
@@ -427,338 +393,87 @@ watch(lengthdiscipline_level, (newLength) => {
 </script>
 
 <template>
-  <q-card class="my-card" flat bordered>
-    <q-toolbar>
-      <div
-        class="text-h6 text-weight-medium text-dark col-12 row items-center q-py-md"
-      >
-        <q-btn
-          icon="mdi-arrow-left"
-          unelevated
-          round
-          dense
-          flat
-          color="primary"
-          class="q-mr-sm"
-          @click="router.go(-1)"
-        />
-        การทดลองปฏิบัติหน้าที่ราชการของ {{ person.name }}
-      </div>
-    </q-toolbar>
-    <q-separator />
-    <q-card-section>
-      <div class="row col-12 no-margin q-px-md q-pt-sm">
-        <div class="toptitle text-dark col-12 row items-center">
-          <div>แบบประเมินผล (คณะกรรมการ)</div>
+  <q-form ref="myForm">
+    <q-card class="my-card" flat bordered>
+      <q-toolbar>
+        <div class="text-h6 text-weight-medium text-dark col-12 row items-center q-py-md">
+          <q-btn icon="mdi-arrow-left" unelevated round dense flat color="primary" class="q-mr-sm"
+            @click="router.go(-1)" />
+          การทดลองปฏิบัติหน้าที่ราชการของ {{ person.name }}
         </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>
+      </q-toolbar>
+      <q-separator />
+      <q-card-section>
+        <div class="row col-12 no-margin q-px-md q-pt-sm">
+          <div class="toptitle text-dark col-12 row items-center">
+            <div>แบบประเมินผล (คณะกรรมการ)</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
-                  :class="getBordered(alerts[0].value)"
-                >
-                  <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"
-                      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
-                  :class="getBordered(alerts[1].value)"
-                >
-                  <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"
-                      :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
-                  :class="getBordered(alerts[2].value)"
-                >
-                  <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"
-                      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
-                        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
-                        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"
-                      :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 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>
 
-          <!-- Part 2 -->
-          <!-- <Part2 /> -->
-          <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>
-                พฤติกรรมของผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
+                <q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
+                ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
               </div>
-              <div class="col-12 text-top0 row items-center q-pl-lg">
-                <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                2.1 ความประพฤติ
-              </div>
-              <q-card
-                :class="getBordered(alerts[3].value)"
-                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>
+            </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 :class="getBordered(alerts[0].value)">
                     <q-item-section>
-                      <q-item-label>{{ list.label }}</q-item-label>
+                      <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="conduct_level[i]"
-                        :val="list.id"
-                        max="5"
-                        size="sm"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
+                      <q-rating v-model="learn_level" 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
-                          >
+                          <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
-                          >
+                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                         </template>
                         <template v-slot:tip-5>
                           <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
@@ -766,51 +481,32 @@ watch(lengthdiscipline_level, (newLength) => {
                       </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-lg">
-                <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                2.2 ความมีคุณธรรมจริยธรรม
-              </div>
-              <q-card
-                :class="getBordered(alerts[4].value)"
-                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-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 :class="getBordered(alerts[1].value)">
                     <q-item-section>
-                      <q-item-label>{{ list.label }}</q-item-label>
+                      <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="moral_level[i]"
-                        :val="list.id"
-                        max="5"
-                        size="sm"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
+                      <q-rating v-model="apply_level" 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
-                          >
+                          <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
-                          >
+                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                         </template>
                         <template v-slot:tip-5>
                           <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
@@ -818,51 +514,31 @@ watch(lengthdiscipline_level, (newLength) => {
                       </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-lg">
-                <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                2.3 การรักษาวินัย
-              </div>
-              <q-card
-                flat
-                :class="getBordered(alerts[5].value)"
-                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-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 :class="getBordered(alerts[2].value)">
                     <q-item-section>
-                      <q-item-label>{{ list.label }}</q-item-label>
+                      <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="discipline_level[i]"
-                        :val="list.id"
-                        max="5"
-                        size="sm"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
+                      <q-rating v-model="success_level" 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
-                          >
+                          <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
-                          >
+                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                         </template>
                         <template v-slot:tip-5>
                           <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
@@ -870,73 +546,51 @@ watch(lengthdiscipline_level, (newLength) => {
                       </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-lg">
-                <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                2.4 อื่นๆ
-                <q-checkbox
-                  class="q-ml-sm"
-                  dense
-                  v-model="etc2"
-                  @click="
-                    (behavio_orther.text = ''), (behavio_orther.level = 0)
-                  "
-                />
-              </div>
-              <q-card
-                v-if="etc2"
-                flat
-                bordered
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
-              >
+
+              <q-card 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-input
-                          v-model="behavio_orther.text"
-                          label="กรอกอื่นๆ"
-                          dense
-                          lazy-rules
-                          autogrow
-                          hide-bottom-space
-                          outlined
-                          class="bg-white"
-                          :rules="[
+                        <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
+                        1.4 อื่นๆ
+                        <q-checkbox class="q-ml-sm" dense 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
+                          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"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
+                      <q-rating v-model="achievement_other.level" 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
-                          >
+                          <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
-                          >
+                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                         </template>
                         <template v-slot:tip-5>
                           <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
@@ -946,257 +600,349 @@ watch(lengthdiscipline_level, (newLength) => {
                   </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 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>
-          </div>
 
-          <!-- ผลการประเมิน -->
-          <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>
-                ผลการประเมิน
+            <!-- Part 2 -->
+            <!-- <Part2 /> -->
+            <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-lg">
+                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
+                  2.1 ความประพฤติ
+                </div>
+                <q-card :class="getBordered(alerts[3].value)" flat bordered
+                  class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
+                  <q-list dense v-for="(list, i) in list2_1" :key="i">
+                    <q-item dense tag="label" v-ripple>
+                      <q-item-section>
+                        <q-item-label>{{ list.label }}</q-item-label>
+                      </q-item-section>
+                      <q-item-section side>
+                        <q-rating v-model="conduct_level[i]" :val="list.id" max="5" size="sm" color="grey"
+                          :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                          <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-lg">
+                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
+                  2.2 ความมีคุณธรรมจริยธรรม
+                </div>
+                <q-card :class="getBordered(alerts[4].value)" flat bordered
+                  class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
+                  <q-list dense v-for="(list, i) in list2_2" :key="i">
+                    <q-item dense tag="label" v-ripple>
+                      <q-item-section>
+                        <q-item-label>{{ list.label }}</q-item-label>
+                      </q-item-section>
+                      <q-item-section side>
+                        <q-rating v-model="moral_level[i]" :val="list.id" max="5" size="sm" color="grey"
+                          :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                          <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-lg">
+                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
+                  2.3 การรักษาวินัย
+                </div>
+                <q-card flat :class="getBordered(alerts[5].value)" bordered
+                  class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
+                  <q-list dense v-for="(list, i) in list2_3" :key="i">
+                    <q-item dense tag="label" v-ripple>
+                      <q-item-section>
+                        <q-item-label>{{ list.label }}</q-item-label>
+                      </q-item-section>
+                      <q-item-section side>
+                        <q-rating v-model="discipline_level[i]" :val="list.id" max="5" size="sm" color="grey"
+                          :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                          <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-lg">
+                  <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
+                  2.4 อื่นๆ
+                  <q-checkbox class="q-ml-sm" dense v-model="etc2" @click="
+                    (behavio_orther.text = ''), (behavio_orther.level = 0)
+                    " />
+                </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 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" 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>
-            <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-gutter-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 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
-                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>
+              <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-gutter-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-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"
-                      v-model="orientation"
-                      hide-bottom-space
-                      :rules="[
-                        (val) => (val && val.length > 0) || 'กรุณากรอกคะเเนน',
-                      ]"
-                      ref="myForm1"
-                    />
+                <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>
-                  <div class="col">
-                    <q-input
-                      outlined
-                      dense
-                      type="number"
-                      v-model="orientation_percent"
-                      hide-bottom-space
-                      :rules="[
-                        (val) => (val && val.length > 0) || 'กรุณากรอกร้อยละ',
-                      ]"
-                      ref="myForm2"
-                    />
+                  <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" v-model="orientation" />
+                    </div>
+                    <div class="col">
+                      <q-input outlined dense type="number" v-model="orientation_percent" />
+                    </div>
                   </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
-                      outlined
-                      dense
-                      type="number"
-                      v-model="self_learning"
-                      hide-bottom-space
-                      :rules="[
-                        (val) => (val && val.length > 0) || 'กรุณากรอกคะเเนน',
-                      ]"
-                      ref="myForm3"
-                    />
+                  <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 outlined dense type="number" v-model="self_learning" />
+                    </div>
+                    <div class="col">
+                      <q-input outlined dense type="number" v-model="self_learning_percent" />
+                    </div>
                   </div>
-                  <div class="col">
-                    <q-input
-                      outlined
-                      dense
-                      type="number"
-                      v-model="self_learning_percent"
-                      hide-bottom-space
-                      :rules="[
-                        (val) => (val && val.length > 0) || 'กรุณากรอกร้อยละ',
-                      ]"
-                      ref="myForm4"
-                    />
+                  <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" v-model="training_seminar" />
+                    </div>
+                    <div class="col">
+                      <q-input outlined dense type="number" v-model="training_seminar_percent" />
+                    </div>
                   </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"
-                      v-model="training_seminar"
-                      hide-bottom-space
-                      :rules="[
-                        (val) => (val && val.length > 0) || 'กรุณากรอกคะเเนน',
-                      ]"
-                      ref="myForm5"
-                    />
+                  <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" v-model="other_training" />
+                    </div>
+                    <div class="col">
+                      <q-input outlined dense type="number" v-model="other_training_percent" />
+                    </div>
                   </div>
-                  <div class="col">
-                    <q-input
-                      outlined
-                      dense
-                      type="number"
-                      v-model="training_seminar_percent"
-                      hide-bottom-space
-                      :rules="[
-                        (val) => (val && val.length > 0) || 'กรุณากรอกร้อยละ',
-                      ]"
-                      ref="myForm6"
-                    />
-                  </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"
-                      v-model="other_training"
-                    />
-                  </div>
-                  <div class="col">
-                    <q-input
-                      outlined
-                      dense
-                      type="number"
-                      v-model="other_training_percent"
-                    />
-                  </div>
-                </div>
-                <!-- <q-list dense>
+                  <!-- <q-list dense>
             <q-item dense tag="label" v-ripple>
               <q-item-section>
                 <q-item-label>1. การปฐมนิเทศ</q-item-label>
@@ -1295,278 +1041,175 @@ watch(lengthdiscipline_level, (newLength) => {
               </q-item-section>
             </q-item>
           </q-list> -->
-                <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>
+                  <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 class="col q-pl-md">{{ score4 }}</div>
-                    <div class="col q-pl-md">{{ score5 }}</div>
+                  </div>
+                </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 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
+                    hide-bottom-space :rules="[
+                      (val) =>
+                        (val !== null && val !== undefined) ||
+                        'กรุณาเลือกสรุปผลการพัฒนา',
+                    ]" ref="selectResult1" />
+                </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 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 hide-bottom-space :rules="[
+                      (val) =>
+                        (val !== null && val !== undefined) ||
+                        'กรุณาเลือกสรุปผลการประเมินผลทดลองปฎิบัติหน้าที่ราชการ',
+                    ]" ref="selectResult2" />
+                </div>
+              </div>
+            </div>
+
+            <!-- Footer -->
+            <!-- <Footer /> -->
+            <div class="col-12 q-mt-lg">
+              <q-separator size="3px" color="grey-2" />
+            </div>
+
+            <div class="row col-12 q-gutter-lg q-mt-none">
+              <div class="col-12 row">
+                <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="director_id" outlined label="ชื่อ-นามสกุล"
+                    option-label="name" disable />
+                  <div class="col-xs-12 col-sm-4">
+                    <datepicker menu-class-name="modalfix" v-model="dateAutherise" :locale="'th'" :readonly="!status"
+                      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 outlined dense :disable="!status" 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>
-              </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
-                  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
-                  hide-bottom-space
-                  :rules="[
-                    (val) =>
-                      (val !== null && val !== undefined) ||
-                      'กรุณาเลือกสรุปผลการพัฒนา',
-                  ]"
-                  ref="selectResult1"
-                />
-              </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
-                  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
-                  hide-bottom-space
-                  :rules="[
-                    (val) =>
-                      (val !== null && val !== undefined) ||
-                      'กรุณาเลือกสรุปผลการประเมินผลทดลองปฎิบัติหน้าที่ราชการ',
-                  ]"
-                  ref="selectResult2"
-                />
-              </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
-                  hide-bottom-space
-                  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
-                    :enableTimePicker="false"
-                    week-start="0"
-                    :readonly="!status"
-                  >
-                    <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="
-                          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 class="col-12 row q-mt-xs">
+                <div class="col-12 text-top2 row items-center">
+                  คณะกรรมการ
+                  <!-- ความเห็นของผู้มีอำนาจสั่งบรรจุตามมาตรา 52 -->
                 </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>
+                <div class="col-12 row q-col-gutter-md">
+                  <q-select class="col-xs-12 col-sm-8" dense v-model="director_id2" outlined label="ชื่อ-นามสกุล" disable
+                    option-label="name" />
+                  <div class="col-xs-12 col-sm-4">
+                    <datepicker menu-class-name="modalfix" v-model="director1_dated" :locale="'th'" autoApply borderless
+                      :readonly="!status" :enableTimePicker="false" week-start="0">
+                      <template #year="{ year }">
+                        {{ year + 543 }}
                       </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">
-                <div class="col-xs-12 col-sm-8">
-                  <q-select
-                    dense
-                    v-model="chairman.name"
-                    outlined
-                    label="คณะกรรมการ"
-                    disable
-                  />
-                </div>
-                <div class="col-xs-12 col-sm-4">
-                  <datepicker
-                    :readonly="!status"
-                    menu-class-name="modalfix"
-                    v-model="dateAutherise"
-                    :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
-                        outlined
-                        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>
+                      <template #year-overlay-value="{ value }">
+                        {{ parseInt(value + 543) }}
+                      </template>
+                      <template #trigger>
+                        <q-input outlined dense :disable="!status" class="full-width datepicker col-3" :model-value="director1_dated != null
+                          ? date2Thai(director1_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>
-          </div>
 
-          <div class="col-12">
-            <q-separator size="3px" color="grey-2" />
-          </div>
-          <!-- <Footer /> -->
-          <div class="row col-12">
-            <q-space />
-            <q-btn
-              label="บันทึก"
-              color="secondary"
-              @click="savaForm"
-              v-if="status"
-            />
+              <div class="col-12 row q-mt-xs">
+                <div class="col-12 text-top2 row items-center">
+                  คณะกรรมการ
+                  <!-- ผู้มีอำนาจสั่งบรรจุตามมาตรา 52 -->
+                </div>
+                <div class="col-12 row q-col-gutter-md">
+                  <q-select class="col-xs-12 col-sm-8" dense v-model="director_id3" outlined label="ชื่อ-นามสกุล" disable
+                    option-label="name" />
+                  <div class="col-xs-12 col-sm-4">
+                    <datepicker menu-class-name="modalfix" v-model="director2_dated" :locale="'th'" autoApply
+                      :readonly="!status" 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 outlined dense :disable="!status" class="full-width datepicker col-3" :model-value="director2_dated != null
+                          ? date2Thai(director2_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>
+
+
+            <div class="col-12">
+              <q-separator size="3px" color="grey-2" />
+            </div>
+            <!-- <Footer /> -->
+            <div class="row col-12">
+              <q-space />
+              <q-btn label="บันทึก" color="secondary" @click="savaForm" v-if="status" />
+            </div>
           </div>
         </div>
-      </div>
-    </q-card-section>
-  </q-card>
+      </q-card-section>
+    </q-card>
+  </q-form>
 </template>
 
 <style lang="scss" scoped>
@@ -1596,6 +1239,7 @@ watch(lengthdiscipline_level, (newLength) => {
 .q-card {
   box-shadow: 0px 0px 0px 0px !important;
 }
+
 .border_custom {
   border: 2px solid #c10015;
   border-radius: 5px;
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
index f5bbffdf5..037ff5fcd 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
-import { useProbationDataStore } from "@/modules/05_placement/store";
-import { useAssignDataStore } from "@/modules/05_placement/storeAssign";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 
 import { useCounterMixin } from "@/stores/mixin";
 
@@ -17,8 +16,7 @@ const routeName = router.currentRoute.value.name;
 const $q = useQuasar();
 const route = useRoute();
 const probationStore = useProbationDataStore();
-const assignStore = useAssignDataStore();
-const { fecthAssignoutput, assign } = assignStore;
+const { fecthAssignoutput, assign } = probationStore;
 
 const mixin = useCounterMixin();
 const {
@@ -110,15 +108,15 @@ const fecthFormdata = async () => {
     });
 };
 const fectFormfull = async () => {
-  Autherise.value = assignStore.director.name;
-  list1_1.value = assignStore.assignOutput;
-  evaluate_expenct_level.value = await assignStore.assignOutput.map(
+  Autherise.value = probationStore.director.name;
+  list1_1.value = probationStore.assignOutput;
+  evaluate_expenct_level.value = await probationStore.assignOutput.map(
     (e: any) => ({
       id: e.id,
       labal: e.output_desc,
     })
   );
-  evaluate_ouptut.value = await assignStore.assignOutput.map((e: any) => ({
+  evaluate_ouptut.value = await probationStore.assignOutput.map((e: any) => ({
     id: e.id,
   }));
   checkArray.value = list1_1.value.length;
@@ -199,51 +197,11 @@ const list1_2 = [
   { id: "", label: "" },
   { id: "", label: "" },
 ];
-const list2_1 = [
-  { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
-  { id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
-  {
-    id: "3",
-    label:
-      "ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
-  },
-  {
-    id: "4",
-    label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
-  },
-];
-const list2_2 = [
-  {
-    id: "1",
-    label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
-  },
-  { id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
-  {
-    id: "3",
-    label:
-      "ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
-  },
-];
-const list2_3 = [
-  { id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
-  {
-    id: "2",
-    label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
-  },
-  {
-    id: "3",
-    label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
-  },
-  {
-    id: "4",
-    label:
-      "ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
-  },
-  {
-    id: "5",
-    label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ",
-  },
-];
+
+const list2_1 = probationStore.behavior_no1;
+const list2_2 = probationStore.behavior_no2;
+const list2_3 = probationStore.behavior_no3;
+
 const option = ref<any>([]);
 
 // part 1
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
index 72e35dd5a..f7811488f 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted, watch, computed } from "vue";
 import { useQuasar } from "quasar";
-import { useProbationDataStore } from "@/modules/05_placement/store";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 import { useCounterMixin } from "@/stores/mixin";
 // import { formatDate } from "@fullcalendar/core";
 
@@ -84,51 +84,11 @@ const list1_1 = ref<any>([
   // { id: "5", label: "ผลผลิตของงานที่คาดหวัง 5" },
 ]);
 const list1_2 = [{ id: "", label: "" }];
-const list2_1 = [
-  { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
-  { id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
-  {
-    id: "3",
-    label:
-      "ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
-  },
-  {
-    id: "4",
-    label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
-  },
-];
-const list2_2 = [
-  {
-    id: "1",
-    label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
-  },
-  { id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
-  {
-    id: "3",
-    label:
-      "ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
-  },
-];
-const list2_3 = [
-  { id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
-  {
-    id: "2",
-    label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
-  },
-  {
-    id: "3",
-    label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
-  },
-  {
-    id: "4",
-    label:
-      "ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
-  },
-  {
-    id: "5",
-    label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ",
-  },
-];
+
+const list2_1 = probationStore.behavior_no1;
+const list2_2 = probationStore.behavior_no2;
+const list2_3 = probationStore.behavior_no3;
+
 const option = ref<any>([]);
 
 const dateToday = ref<Date>(new Date("10-10-2023"));
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue b/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue
index f9bcd791f..69498797e 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue
@@ -3,7 +3,7 @@ import { ref, defineAsyncComponent, watch, onMounted, onUpdated } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
-import { useAssignDataStore } from "@/modules/05_placement/storeAssign";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 const Header = defineAsyncComponent(
   () =>
     import(
@@ -22,8 +22,8 @@ import config from "@/app.config";
 const router = useRouter();
 const route = useRoute();
 const $q = useQuasar();
-const assignStore = useAssignDataStore();
-const { fecthdataAssign } = assignStore;
+const probationStore = useProbationDataStore();
+const { fecthdataAssign } = probationStore;
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, messageError } = mixin;
 const assignId = ref<string>(route.params.form.toString());
@@ -65,7 +65,7 @@ const downloadFile = (response: any, filename: string) => {
   document.body.removeChild(link);
 };
 const FileDownload = async (type: string) => {
-  let numTab = assignStore.evaluate.find(
+  let numTab = probationStore.evaluate.find(
     (e: any) => e.no === dataArrayNumber.value
   );
   //ผู้ดูเเล
@@ -91,7 +91,7 @@ const FileDownload = async (type: string) => {
     //ผุ้บังคับ
     showLoader();
     await http
-      .get(config.API.reportEvaluateRecord2(type, numTab.id), {
+      .get(config.API.reportEvaluateRecord1(type, numTab.id), {
         responseType: "blob",
       })
       .then(async (res) => {
@@ -117,10 +117,10 @@ const addData = () => {
 
 <template>
   <Header
-    v-if="assignStore.tabs.length > 0"
+    v-if="probationStore.tabs.length > 0"
     :change-tab="changeTab"
     :add-data="addData"
-    :loop="assignStore.tabs.length"
+    :loop="probationStore.tabs.length"
     :FileDownload="FileDownload"
   />
   <q-tab-panels
@@ -130,17 +130,17 @@ const addData = () => {
     vertical
     transition-prev="jump-up"
     transition-next="jump-up"
-    v-if="assignStore.tabs.length > 0"
+    v-if="probationStore.tabs.length > 0"
     class="mt"
   >
     <q-tab-panel
-      v-for="item in assignStore.evaluate"
+      v-for="item in probationStore.evaluate"
       :name="`save${item.no}`"
       :key="item.no"
     >
       <FormSaveResult
         :tab="tab"
-        :data="assignStore.evaluate.find((x: any) => x.no === dataArrayNumber)"
+        :data="probationStore.evaluate.find((x: any) => x.no === dataArrayNumber)"
         action="edit"
       />
     </q-tab-panel>
@@ -148,13 +148,13 @@ const addData = () => {
     <!-- <q-page-container>
       <FormSaveResult
         :tab="tab"
-        :data="assignStore.evaluate.find((x: any) => x.no === dataArrayNumber)"
+        :data="probationStore.evaluate.find((x: any) => x.no === dataArrayNumber)"
         action="edit"
       />
     </q-page-container> -->
   </q-tab-panels>
 
-  <div class="q-gutter-md" v-else-if="assignStore.tabs.length == 0">
+  <div class="q-gutter-md" v-else-if="probationStore.tabs.length == 0">
     <div class="flex justify-center items-center q-my-md q-gutter-md">
       <q-btn
         outline
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue b/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue
index 23ff1d94b..62b033cba 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue
@@ -5,7 +5,7 @@ import config from "@/app.config";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
-import { useAssignDataStore } from "@/modules/05_placement/storeAssign";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 
 const Header = defineAsyncComponent(
   () =>
@@ -25,8 +25,8 @@ const route = useRoute();
 const mixin = useCounterMixin();
 const $q = useQuasar();
 const { showLoader, hideLoader, messageError } = mixin;
-const assignStore = useAssignDataStore();
-const { fecthdataAssign } = assignStore;
+const probationStore = useProbationDataStore();
+// const { fecthdataAssign } = probationStore;
 const assignId = ref<string>(route.params.form.toString());
 const personalId = ref<string>(route.params.personalId.toString());
 const fullname = ref<string>("");
@@ -49,8 +49,8 @@ const fecthAssign = async (id: string) => {
   await http
     .get(config.API.createformCommader(id))
     .then(async (res: any) => {
-      await fecthdataAssign(res.data.data);
-      evaluate.value = assignStore.evaluate;
+      // await fecthdataAssign(res.data.data);
+      evaluate.value = probationStore.evaluate;
       tabs.value = evaluate.value;
       fullname.value = res.data.data.experimentee ? res.data.data.experimentee.name : "";
       dataArrayNumber.value = 1;
@@ -119,13 +119,13 @@ const addData = () => {
     class="mt"
   >
     <q-tab-panel
-      v-for="item in assignStore.evaluate"
+      v-for="item in probationStore.evaluate"
       :name="`save${item.no}`"
       :key="item.no"
     >
       <FormEvaluate
         :tab="tab"
-        :data="assignStore.evaluate.find((x: any) => x.no === dataArrayNumber)"
+        :data="probationStore.evaluate.find((x: any) => x.no === dataArrayNumber)"
         action="edit"
       />
     </q-tab-panel>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue b/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue
index 2ebee1e93..7d3d2be25 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue
@@ -5,9 +5,9 @@ import config from "@/app.config";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
-import { useAssignDataStore } from "@/modules/05_placement/storeAssign";
-const assignStore = useAssignDataStore();
-const { fecthdataAssign } = assignStore;
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
+const probationStore = useProbationDataStore();
+// const { fecthdataAssign } = probationStore;
 
 const Header = defineAsyncComponent(
   () =>
@@ -45,8 +45,8 @@ const fecthAssign = async (id: string) => {
   await http
     .get(config.API.createformChairman(id))
     .then(async (res: any) => {
-      await fecthdataAssign(res.data.data);
-      evaluate.value = assignStore.evaluate;
+      // await fecthdataAssign(res.data.data);
+      evaluate.value = probationStore.evaluate;
       fullname.value = res.data.data.experimentee ? res.data.data.experimentee.name : "";
       tabs.value = evaluate.value;
       dataArrayNumber.value = 1;
@@ -119,7 +119,7 @@ const changeTab = (tabVal: string) => {
     v-if="tabs.length > 0"
     class="mt"
     ><q-tab-panel
-      v-for="item in assignStore.evaluate"
+      v-for="item in probationStore.evaluate"
       :name="`save${item.no}`"
       :key="item.no"
     >
diff --git a/src/modules/05_placement/components/probation/MainDetail.vue b/src/modules/05_placement/components/probation/MainDetail.vue
index 0f671e6a7..b4cc4f546 100644
--- a/src/modules/05_placement/components/probation/MainDetail.vue
+++ b/src/modules/05_placement/components/probation/MainDetail.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useRoute, useRouter } from "vue-router";
 import { ref, defineAsyncComponent, onMounted } from "vue";
-import { useAssignDataStore } from "@/modules/05_placement/storeAssign";
-const DataStore = useAssignDataStore();
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
+const DataStore = useProbationDataStore();
 
 const ProbationFormAssign = defineAsyncComponent(
   () => import("@/modules/05_placement/components/probation/FormAssign.vue")
diff --git a/src/modules/05_placement/components/probation/ProbationDetail.vue b/src/modules/05_placement/components/probation/ProbationDetail.vue
index 46408bc4d..5ea9b9027 100644
--- a/src/modules/05_placement/components/probation/ProbationDetail.vue
+++ b/src/modules/05_placement/components/probation/ProbationDetail.vue
@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import { ref, useAttrs, onMounted } from "vue";
 import type { QTableProps } from "quasar";
 import type { FormProbationDetail } from "@/modules/05_placement/interface/request/Main";
-import type { FormProbationPersonal } from "@/modules/05_placement/interface/request/Main";
+// import type { FormProbationPersonal } from "@/modules/05_placement/interface/request/Main";
 import { useCounterMixin } from "@/stores/mixin";
 import { date, useQuasar } from "quasar";
 import http from "@/plugins/http";
diff --git a/src/modules/05_placement/components/probation/SummarySurvey.vue b/src/modules/05_placement/components/probation/SummarySurvey.vue
index 1b80a0ce5..bb2f9c0b9 100644
--- a/src/modules/05_placement/components/probation/SummarySurvey.vue
+++ b/src/modules/05_placement/components/probation/SummarySurvey.vue
@@ -3,7 +3,7 @@ import { ref, onMounted, watch } from "vue";
 import { QForm, useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRoute, useRouter } from "vue-router";
-import { useProbationDataStore } from "@/modules/05_placement/store";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import criterion from "@/modules/05_placement/components/Other/Criterion.vue"
diff --git a/src/modules/05_placement/store.ts b/src/modules/05_placement/store.ts
index 0160e9b7f..13f8e266b 100644
--- a/src/modules/05_placement/store.ts
+++ b/src/modules/05_placement/store.ts
@@ -286,29 +286,7 @@ export const useOrderPlacementDataStore = defineStore("placementOrder", () => {
     DataMainOrder,
   };
 });
-export const useProbationDataStore = defineStore("probationDataStore", () => {
-  const ratingColors = ref<string[]>([
-    "light-blue-3",
-    "light-blue-6",
-    "blue",
-    "blue-9",
-    "blue-10",
-  ]);
-  const orderId = ref<string>("");
 
-  const stepOrder = ref<number>(2);
-
-  const setOrderId = (val: string) => (orderId.value = val);
-  const setStepOrder = (val: number) => (stepOrder.value = val);
-
-  return {
-    ratingColors,
-    orderId,
-    stepOrder,
-    setOrderId,
-    setStepOrder,
-  };
-});
 export const useTransferDataStore = defineStore("transferDataStore", () => {
   const statusText = (val: string) => {
     switch (val) {
diff --git a/src/modules/05_placement/storeAssign.ts b/src/modules/05_placement/storeAssign.ts
deleted file mode 100644
index 3aa2c7a4a..000000000
--- a/src/modules/05_placement/storeAssign.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { defineStore } from "pinia";
-import { ref } from "vue";
-
-export const useAssignDataStore = defineStore("assign", () => {
-  const assign = ref<any>([])
-  const evaluate = ref<any>([])
-  const tabs = ref<any>([]);
-  const mainTab = ref<string>('tab1')
-
-
-  const assignOutput = ref<any>([])
-  const director = ref<any>([])
-
-  const fecthdataAssign = async (data: any) => {
-    assign.value = await data.assign
-    evaluate.value = await data.evaluate
-    tabs.value = await data.evaluate
-  }
-  const fecthAssignoutput = (data: any) => {
-    assignOutput.value = data.assign_output
-    director.value = data.director
-
-
-  }
-  return {
-    fecthdataAssign,
-    fecthAssignoutput,
-    assign,
-    evaluate,
-    tabs,
-    assignOutput,
-    director,
-    mainTab,
-  };
-});
diff --git a/src/modules/05_placement/storeProbation.ts b/src/modules/05_placement/storeProbation.ts
new file mode 100644
index 000000000..29bf3a1e4
--- /dev/null
+++ b/src/modules/05_placement/storeProbation.ts
@@ -0,0 +1,101 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+export const useProbationDataStore = defineStore("probationStore", () => {
+  const assign = ref<any>([])
+  const evaluate = ref<any>([])
+  const tabs = ref<any>([]);
+  const mainTab = ref<string>('tab1')
+
+  const assignOutput = ref<any>([])
+  const director = ref<any>([])
+
+  const fecthdataAssign = async (data: any) => {
+    assign.value = await data.assign
+    evaluate.value = await data.evaluate
+    tabs.value = await data.evaluate
+  }
+  const fecthAssignoutput = (data: any) => {
+    assignOutput.value = data.assign_output
+    director.value = data.director
+  }
+
+  const ratingColors = ref<string[]>([
+    "light-blue-3",
+    "light-blue-6",
+    "blue",
+    "blue-9",
+    "blue-10",
+  ]);
+  const orderId = ref<string>("");
+
+  const stepOrder = ref<number>(2);
+
+  const setOrderId = (val: string) => (orderId.value = val);
+  const setStepOrder = (val: number) => (stepOrder.value = val);
+
+  const behavior_no1 = [
+    { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
+    { id: "2", label: "มีความรับผิดชอบในการปฏิบัติบัติงาน" },
+    {
+      id: "3",
+      label:
+        "ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน",
+    },
+    {
+      id: "4",
+      label: "ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร",
+    },
+  ];
+  const behavior_no2 = [
+    {
+      id: "1",
+      label: "อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ",
+    },
+    { id: "2", label: "มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต" },
+    {
+      id: "3",
+      label:
+        "ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ",
+    },
+  ];
+  const behavior_no3 = [
+    { id: "1", label: "มีความรับรัผิดชอบในการรักษาเวลาทำงาน" },
+    {
+      id: "2",
+      label: "แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ",
+    },
+    {
+      id: "3",
+      label: "ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน",
+    },
+    {
+      id: "4",
+      label:
+        "ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ",
+    },
+    {
+      id: "5",
+      label: "ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึดหลักจรรยาบรรณวิชาชีพ",
+    },
+  ];
+  
+  return {
+    fecthdataAssign,
+    fecthAssignoutput,
+    assign,
+    evaluate,
+    tabs,
+    assignOutput,
+    director,
+    mainTab,
+    ratingColors,
+    orderId,
+    stepOrder,
+    setOrderId,
+    setStepOrder,
+    behavior_no1,
+    behavior_no2,
+    behavior_no3
+  };
+});