diff --git a/src/modules/05_placement/components/probation/FormAssign.vue b/src/modules/05_placement/components/probation/FormAssign.vue
index 29e577f06..2242da3c3 100644
--- a/src/modules/05_placement/components/probation/FormAssign.vue
+++ b/src/modules/05_placement/components/probation/FormAssign.vue
@@ -650,19 +650,26 @@ const getAssign = async () => {
   await http.get(config.API.probationsGetAssign(assignId.value)).then((res) => {
     status.value = false;
     const data = res.data.data;
+    console.log(data);
+
     fullname.value = data.profile.name;
     position.value = data.profile.OrganizationOrganization;
     date_start.value = data.assign.date_start;
     date_finish.value = data.assign.date_finish;
     date1.value = data.assign.experimenter_dated;
-    date2.value = data.mentors[0].dated;
-    date3.value = data.mentors[1].dated;
+    if (data.mentors.length > 1) {
+      date3.value = data.mentors[1].dated;
+      caretaker2.value = data.mentors[1];
+    } else {
+      date2.value = data.mentors[0].dated;
+      caretaker1.value = data.mentors[0];
+    }
+
     date4.value = data.commander.dated;
     activity_desc.value = data.jobs.map((job: any) => job.activity_desc);
     goal_desc.value = data.jobs.map((job: any) => job.goal_desc);
     activityCount.value = data.jobs.length;
-    caretaker1.value = data.mentors[0];
-    caretaker2.value = data.mentors[1];
+
     chairman.value = data.chairman;
     commander.value = data.commander;
     knowledge.value = data.knowledges.map((id: any) => id.id);
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
index 5da05c717..fcd35cfcb 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
@@ -104,7 +104,7 @@ onMounted(async () => {
   if (props.tab && props.action == "edit") {
     evaluate_no.value = Number(props.tab.charAt(4));
     dataArr.value = await props.data;
-    // fecthAssign();
+    fecthAssign();
     fetchEvaluate();
   }
 });
@@ -113,39 +113,39 @@ watch(props, async () => {
   if (props.tab && props.action == "edit") {
     evaluate_no.value = Number(props.tab.charAt(4));
     dataArr.value = await props.data;
-    // fecthAssign();
+    fecthAssign();
     fetchEvaluate();
   }
 });
 
-// const fecthAssign = async () => {
-//   showLoader();
-//   await http
-//     .get(config.API.evaluateCreate(assignId.value))
-//     .then(async (res: any) => {
-//       console.log(res);
-
-//       if (props.action == "add") {
-//         person.value = res.data.data.person;
-//         // assign.value = res.data.data.assign;
-//         commander.value = res.data.data.commander;
-//         option.value.push(commander.value);
-//         Autherise.value = commander.value.name;
-//         evaluate_no.value = res.data.data.evaluate_no;
-//         start_date.value = res.data.data.start_date;
-//         date_finish.value = res.data.data.end_date;
-//       }
-//     })
-//     .catch((e) => {
-//       messageError($q, e);
-//     })
-//     .finally(() => {
-//       if (props.action == "edit") {
-//         fetchEvaluate();
-//       }
-//       hideLoader();
-//     });
-// };
+const fecthAssign = async () => {
+  showLoader();
+  await http
+    .get(config.API.evaluateCreate(assignId.value))
+    .then(async (res: any) => {
+      console.log(res);
+      if (props.action == "add") {
+        person.value = res.data.data.person;
+        // assign.value = res.data.data.assign;
+        commander.value = res.data.data.commander;
+        option.value.push(commander.value);
+        Autherise.value = commander.value.name;
+        evaluate_no.value = res.data.data.evaluate_no;
+        start_date.value = res.data.data.start_date;
+        date_finish.value = res.data.data.end_date;
+      }
+      Autherise.value = res.data.data.commander.name
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      if (props.action == "edit") {
+        fetchEvaluate();
+      }
+      hideLoader();
+    });
+};
 const fetchEvaluate = async () => {
   // showLoader();
   try {
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index a582d92d1..273014105 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -58,6 +58,7 @@ onMounted(async () => {
     evaluate_no.value = Number(props.tab.charAt(4));
     dataArr.value = await props.data;
     await fetchEvaluate();
+    await fecthAssign();
   }
 });
 
@@ -66,34 +67,39 @@ watch(props, async () => {
     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;
-//       }
-//     })
-//     .catch((e) => {
-//       messageError($q, e);
-//     })
-//     .finally(() => {
-//       if (props.action == "edit") {
-//         fetchEvaluate();
-//       }
-//       hideLoader();
-//     });
-// };
+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();
@@ -1324,7 +1330,7 @@ const putformData = () => {
       <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">
-            ผู้บังคับบัญชาผู้มอบหมายงาน
+            ผู้บังคับบัญชาผู้มอบหมายงาน {{ commander.name }}
           </div>
           <div class="col-12 row q-col-gutter-md">
             <q-select
@@ -1338,7 +1344,7 @@ const putformData = () => {
             <div class="col-xs-12 col-sm-4">
               <datepicker
                 menu-class-name="modalfix"
-                v-model="dateAutherise"
+                v-model="commander.dated"
                 :locale="'th'"
                 autoApply
                 borderless
@@ -1360,7 +1366,7 @@ const putformData = () => {
                     hide-bottom-space
                     class="full-width datepicker col-3"
                     :model-value="
-                      dateAutherise != null ? date2Thai(dateAutherise) : null
+                    commander.dated != null ? date2Thai(commander.dated) : null
                     "
                     :label="`${'ลงวันที่'}`"
                     :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
@@ -1378,15 +1384,15 @@ const putformData = () => {
               </datepicker>
             </div>
 
-            <q-select
+            <!-- <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">
+            /> -->
+            <!-- <div class="col-xs-12 col-sm-4">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="dateAutherise"
@@ -1427,17 +1433,17 @@ const putformData = () => {
                   </q-input>
                 </template>
               </datepicker>
-            </div>
+            </div> -->
 
-            <q-select
+            <!-- <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">
+            /> -->
+            <!-- <div class="col-xs-12 col-sm-4">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="dateAutherise"
@@ -1477,8 +1483,65 @@ const putformData = () => {
                     </template>
                   </q-input>
                 </template>
-              </datepicker>
-            </div>
+              </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>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index 84bf55383..8f74ca528 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -34,7 +34,7 @@ const date_finish = ref<any>();
 const status = ref<boolean>(true);
 const chairman = ref<any>([]);
 const commander = ref<any>([]);
-const mentors = ref<any>([{ name: "" }, { name: "" }]);
+const mentors = ref<any>([{ name: "", dated: "" }]);
 
 onMounted(() => {
   fecthAssign(assignId.value);
@@ -44,6 +44,7 @@ const fecthAssign = async (id: string) => {
   await http
     .get(config.API.evaluateChairman(id))
     .then(async (res: any) => {
+      console.log(res);
       person.value = await res.data.data.person;
       assign.value = await res.data.data.assign;
       evaluate_no.value = await res.data.data.evaluate_no;
@@ -51,7 +52,12 @@ const fecthAssign = async (id: string) => {
       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 = await res.data.data.mentors;
+      mentors.value = res.data.data.mentors.map((e: any) => ({
+        name: e.name,
+        dated: e.dated,
+      }));
+
+      console.log(mentors.value);
     })
     .catch((e) => {
       messageError($q, e);
@@ -337,9 +343,7 @@ const putformData = () => {
       .post(config.API.createformChairman(assignId.value), data)
       .then((res: any) => {
         success($q, "บันทึกสำเร็จ");
-        router.push(
-          `/probation/detail/${personalId.value}/${assignId.value}`
-        );
+        router.push(`/probation/detail/${personalId.value}/${assignId.value}`);
       })
       .catch((e: any) => {
         messageError($q, e);
@@ -351,14 +355,24 @@ const putformData = () => {
 <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)" />
+      <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 >
+    <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>
@@ -379,7 +393,9 @@ const putformData = () => {
             </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-primary q-pr-sm">{{
+                `ครั้งที่ ${evaluate_no}`
+              }}</span>
               ระหว่างวันที่
               <span class="text-black q-px-sm">{{
                 date2Thai(start_date)
@@ -407,11 +423,18 @@ const putformData = () => {
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.1. ความสามารถในการเรียนรู้งาน</q-item-label>
+                      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="ระดับการประเมินพฤติกรรม">
+                    <q-rating
+                      v-model="learn_level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -440,11 +463,18 @@ const putformData = () => {
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                       1.2.
-                      ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
+                      ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label
+                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating  v-model="apply_level" max="5" size="sm" color="grey"
-                      :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                    <q-rating
+                      v-model="apply_level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -472,11 +502,18 @@ const putformData = () => {
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.3. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label>
+                      1.3. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label
+                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating  v-model="success_level" 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>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -505,30 +542,53 @@ const putformData = () => {
                     <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-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-card
+              v-if="etc"
+              class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg"
+            >
               <q-list dense>
                 <q-item dense tag="label" v-ripple>
                   <q-item-section class="q-ml-md">
                     <q-item-label>
-                      <q-input  v-model="achievement_other.text" label="กรอกอื่นๆ" dense lazy-rules
-                        autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                      <q-input
+                        v-model="achievement_other.text"
+                        label="กรอกอื่นๆ"
+                        dense
+                        lazy-rules
+                        autogrow
+                        hide-bottom-space
+                        outlined
+                        class="bg-white"
+                        :rules="[
                           (val) =>
                             (val && val.length > 0) || 'กรุณากรอกข้อความ',
-                        ]" />
+                        ]"
+                      />
                     </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="ระดับการประเมินพฤติกรรม">
+                    <q-rating
+                      v-model="achievement_other.level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -551,7 +611,7 @@ const putformData = () => {
             </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="row col-12 justify-between q-pa-sm">
                 <div class="text-black">คะแนนรวมผลสัมฤทธิ์ของการทดลองฯ</div>
                 <div class="text-weight-bold text-black">{{ score1 }}</div>
               </div>
@@ -570,15 +630,26 @@ const putformData = () => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 2.1 ความประพฤติ
               </div>
-              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
+              <q-card
+                flat
+                bordered
+                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
+              >
                 <q-list dense v-for="(list, i) in list2_1" :key="i">
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>{{ list.label }}</q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-rating  v-model="conduct_level[i]" :val="list.id" max="5" size="sm"
-                        color="grey" :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                      <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>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -606,15 +677,26 @@ const putformData = () => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 2.2 ความมีคุณธรรมจริยธรรม
               </div>
-              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
+              <q-card
+                flat
+                bordered
+                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
+              >
                 <q-list dense v-for="(list, i) in list2_2" :key="i">
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>{{ list.label }}</q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-rating  v-model="moral_level[i]" :val="list.id" max="5" size="sm" color="grey"
-                        :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                      <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>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -642,15 +724,26 @@ const putformData = () => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 2.3 การรักษาวินัย
               </div>
-              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
+              <q-card
+                flat
+                bordered
+                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
+              >
                 <q-list dense v-for="(list, i) in list2_3" :key="i">
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>{{ list.label }}</q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-rating  v-model="discipline_level[i]" :val="list.id" max="5" size="sm"
-                        color="grey" :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                      <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>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -677,25 +770,50 @@ const putformData = () => {
               <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)
-                  " />
+                <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
+                v-if="etc2"
+                flat
+                bordered
+                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
+              >
                 <q-list dense>
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>
-                        <q-input  v-model="behavio_orther.text" label="กรอกอื่นๆ" dense lazy-rules
-                          autogrow hide-bottom-space outlined class="bg-white" :rules="[
+                        <q-input
+                          v-model="behavio_orther.text"
+                          label="กรอกอื่นๆ"
+                          dense
+                          lazy-rules
+                          autogrow
+                          hide-bottom-space
+                          outlined
+                          class="bg-white"
+                          :rules="[
                             (val) =>
                               (val && val.length > 0) || 'กรุณากรอกข้อความ',
-                          ]" />
+                          ]"
+                        />
                       </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="behavio_orther.level"
+                        max="5"
+                        size="sm"
+                        color="grey"
+                        :color-selected="ratingColors"
+                        label="ระดับการประเมินพฤติกรรม"
+                      >
                         <template v-slot:tip-1>
                           <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -717,8 +835,10 @@ const putformData = () => {
                 </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-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>
@@ -740,7 +860,8 @@ const putformData = () => {
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                       3.1.
-                      ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ</q-item-label>
+                      ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ</q-item-label
+                    >
                   </q-item-section>
                   <q-item-section>
                     <q-item-label style="color: gray">
@@ -773,7 +894,8 @@ const putformData = () => {
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                       3.2.
-                      พฤติกรรมของผู้ทดลองปฏิบัติบัติหน้าที่ราชการ</q-item-label>
+                      พฤติกรรมของผู้ทดลองปฏิบัติบัติหน้าที่ราชการ</q-item-label
+                    >
                   </q-item-section>
                   <q-item-section>
                     <q-item-label style="color: gray">
@@ -838,7 +960,11 @@ const putformData = () => {
                 <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">
+              <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>
@@ -850,30 +976,60 @@ const putformData = () => {
                 <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" />
+                    <q-input
+                      outlined
+                      dense
+                      type="number"
+                      v-model="orientation"
+                    />
                   </div>
                   <div class="col">
-                    <q-input outlined  dense type="number" v-model="orientation_percent" />
+                    <q-input
+                      outlined
+                      dense
+                      type="number"
+                      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 outlined  dense type="number" v-model="self_learning" />
+                    <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" />
+                    <q-input
+                      outlined
+                      dense
+                      type="number"
+                      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" v-model="training_seminar" />
+                    <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" />
+                    <q-input
+                      outlined
+                      dense
+                      type="number"
+                      v-model="training_seminar_percent"
+                    />
                   </div>
                 </div>
                 <q-separator class="q-my-xs" />
@@ -882,10 +1038,20 @@ const putformData = () => {
                     4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)
                   </div>
                   <div class="col">
-                    <q-input outlined  dense type="number" v-model="other_training" />
+                    <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" />
+                    <q-input
+                      outlined
+                      dense
+                      type="number"
+                      v-model="other_training_percent"
+                    />
                   </div>
                 </div>
                 <!-- <q-list dense>
@@ -987,10 +1153,12 @@ const putformData = () => {
               </q-item-section>
             </q-item>
           </q-list> -->
-              <q-separator class="q-my-xs" />
+                <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-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>
@@ -1000,29 +1168,47 @@ const putformData = () => {
           </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-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 />
+                <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
+                />
               </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-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 />
+                <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
+                />
               </div>
             </div>
           </div>
@@ -1030,16 +1216,32 @@ const putformData = () => {
           <!-- 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-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 />
+                <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="dateAutherise" :locale="'th'" autoApply borderless
-                    :enableTimePicker="false" week-start="0" :readonly="!status">
+                  <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>
@@ -1047,59 +1249,25 @@ const putformData = () => {
                       {{ parseInt(value + 543) }}
                     </template>
                     <template #trigger>
-                      <q-input hide-bottom-space outlined  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="
+                          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 hide-bottom-space 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 :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 hide-bottom-space  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>
-                </div>
-                <q-select hide-bottom-space 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 :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 hide-bottom-space  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
+                            name="event"
+                            class="cursor-pointer"
+                            style="color: var(--q-primary)"
+                          >
                           </q-icon>
                         </template>
                       </q-input>
@@ -1107,17 +1275,90 @@ const putformData = () => {
                   </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-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-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">
+                  <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>
@@ -1125,12 +1366,24 @@ const putformData = () => {
                       {{ 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 || `${'กรุณาเลือกลงวันที่'}`]">
+                      <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
+                            name="event"
+                            class="cursor-pointer"
+                            style="color: var(--q-primary)"
+                          >
                           </q-icon>
                         </template>
                       </q-input>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
index 4a1e8211d..c9a64cb25 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
@@ -47,10 +47,11 @@ const fecthAssign = async (id: string) => {
   await http
     .get(config.API.evaluateReportcreate(id))
     .then((res) => {
-      assign.value = res.data.data.assign;
+      console.log(res);
+      // assign.value = res.data.data.assign;
       mentors.value = res.data.data.mentors;
-      date_start.value = assign.value.date_start;
-      date_finish.value = assign.value.date_finish;
+      // date_start.value = assign.value.date_start;
+      // date_finish.value = assign.value.date_finish;
 
       director_id.value = res.data.data.chairman.name;
       director_id2.value = res.data.data.commander.name;
@@ -80,12 +81,12 @@ const fullname = ref<string>("");
 const fecthResult = async (id: string) => {
   await http
     .get(config.API.createformReport(id))
-    .then(async(res: any) => {
+    .then(async (res: any) => {
       if (res.data.data != null) {
         const data = await res.data.data.evaluate;
         console.log("data ===>", data);
 
-        fullname.value = res.data.data.profile.name;
+        // fullname.value = res.data.data.profile.name;
         date_start.value = data.date_start;
         date_finish.value = data.date_finish;
         develop.value = await Number(data.develop_complete);
@@ -98,7 +99,7 @@ const fecthResult = async (id: string) => {
         action.value = "edit";
       }
     })
-    .catch((e) => { });
+    .catch((e) => {});
 };
 
 // part new
@@ -189,16 +190,27 @@ const selectRuslt = () => {
     <div class="toptitle text-dark col-12 row items-center q-gutter-md">
       <div>แบบรายงานการประเมินฯ</div>
       <!-- <q-space /> -->
-      <q-btn v-if="!status" size="12px" flat dense icon="mdi-download" color="primary">
+      <q-btn
+        v-if="!status"
+        size="12px"
+        flat
+        dense
+        icon="mdi-download"
+        color="primary"
+      >
         <q-tooltip>ดาวน์โหลด</q-tooltip>
         <q-menu>
           <q-list style="min-width: 150px">
             <q-item clickable v-close-popup @click="clickdownloadFile('pdf')">
-              <q-item-section avatar><q-icon color="red" name="mdi-file-pdf" /></q-item-section>
+              <q-item-section avatar
+                ><q-icon color="red" name="mdi-file-pdf"
+              /></q-item-section>
               <q-item-section>ไฟล์ .PDF</q-item-section>
             </q-item>
             <q-item clickable v-close-popup @click="clickdownloadFile('docx')">
-              <q-item-section avatar><q-icon color="blue" name="mdi-file-word" /></q-item-section>
+              <q-item-section avatar
+                ><q-icon color="blue" name="mdi-file-word"
+              /></q-item-section>
               <q-item-section>ไฟล์ .docx</q-item-section>
             </q-item>
           </q-list>
@@ -207,7 +219,14 @@ const selectRuslt = () => {
 
       <div v-if="action == 'edit'">
         <div v-if="status == false">
-          <q-btn dense flat round color="primary" @click="edit()" icon="mdi-pencil-outline">
+          <q-btn
+            dense
+            flat
+            round
+            color="primary"
+            @click="edit()"
+            icon="mdi-pencil-outline"
+          >
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </div>
@@ -215,8 +234,15 @@ const selectRuslt = () => {
           <q-btn dense flat round color="red" @click="cancel()" icon="mdi-undo">
             <q-tooltip>ยกเลิก</q-tooltip>
           </q-btn>
-          <q-btn dense flat round class="q-ml-sm" color="public" @click="saveEdit(assignId)"
-            icon="mdi-content-save-outline">
+          <q-btn
+            dense
+            flat
+            round
+            class="q-ml-sm"
+            color="public"
+            @click="saveEdit(assignId)"
+            icon="mdi-content-save-outline"
+          >
             <q-tooltip>บันทึกข้อมูล</q-tooltip>
           </q-btn>
         </div>
@@ -226,8 +252,16 @@ const selectRuslt = () => {
       <div class="row col-12">
         <div class="col-12 row q-col-gutter-md">
           <div class="col-xs-12 col-sm-6">
-            <datepicker menu-class-name="modalfix" v-model="date_start" :locale="'th'" autoApply borderless
-              :readonly="!status" :enableTimePicker="false" week-start="0">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="date_start"
+              :locale="'th'"
+              autoApply
+              borderless
+              :readonly="!status"
+              :enableTimePicker="false"
+              week-start="0"
+            >
               <template #year="{ year }">
                 {{ year + 543 }}
               </template>
@@ -235,10 +269,23 @@ const selectRuslt = () => {
                 {{ parseInt(value + 543) }}
               </template>
               <template #trigger>
-                <q-input outlined dense :disable="!status" class="full-width datepicker" :model-value="date_start != null ? date2Thai(date_start) : null
-                  " :label="`${'ระหว่างวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกวันที่'}`]">
+                <q-input
+                  outlined
+                  dense
+                  :disable="!status"
+                  class="full-width datepicker"
+                  :model-value="
+                    date_start != null ? date2Thai(date_start) : 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>
@@ -246,8 +293,16 @@ const selectRuslt = () => {
             </datepicker>
           </div>
           <div class="col-xs-12 col-sm-6">
-            <datepicker menu-class-name="modalfix" v-model="date_finish" :locale="'th'" autoApply :readonly="!status"
-              borderless :enableTimePicker="false" week-start="0">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="date_finish"
+              :locale="'th'"
+              autoApply
+              :readonly="!status"
+              borderless
+              :enableTimePicker="false"
+              week-start="0"
+            >
               <template #year="{ year }">
                 {{ year + 543 }}
               </template>
@@ -255,10 +310,23 @@ const selectRuslt = () => {
                 {{ parseInt(value + 543) }}
               </template>
               <template #trigger>
-                <q-input outlined dense :disable="!status" class="full-width datepicker" :model-value="date_finish != null ? date2Thai(date_finish) : null
-                  " :label="`${'ถึงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกวันที่'}`]">
+                <q-input
+                  outlined
+                  dense
+                  :disable="!status"
+                  class="full-width datepicker"
+                  :model-value="
+                    date_finish != null ? date2Thai(date_finish) : 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>
@@ -271,35 +339,78 @@ const selectRuslt = () => {
       <div class="col-12 row q-mt-xs">
         <div class="col-12 row q-col-gutter-md">
           <div class="col-xs-12 col-sm-6">
-            <q-select :rules="[
-              (val) =>
-                !!val ||
-                'กรุณาเลือกการพัฒนาในระหว่างทดลองปฏิบัติหน้าที่ราชการ',
-            ]" hide-bottom-space :options="options" class="col-xs-12 col-sm-6" dense borderless :disable="!status"
-              emit-value map-options option-label="label" option-value="value" outlined v-model="develop"
-              label="การพัฒนาในระหว่างทดลองปฏิบัติหน้าที่ราชการ" />
+            <q-select
+              :rules="[
+                (val) =>
+                  !!val ||
+                  'กรุณาเลือกการพัฒนาในระหว่างทดลองปฏิบัติหน้าที่ราชการ',
+              ]"
+              hide-bottom-space
+              :options="options"
+              class="col-xs-12 col-sm-6"
+              dense
+              borderless
+              :disable="!status"
+              emit-value
+              map-options
+              option-label="label"
+              option-value="value"
+              outlined
+              v-model="develop"
+              label="การพัฒนาในระหว่างทดลองปฏิบัติหน้าที่ราชการ"
+            />
           </div>
           <div class="col-xs-12 col-sm-6">
             <div class="row">
-              <q-select class="col-sm-12" :rules="[
-                (val) =>
-                  !!val ||
-                  'กรุณาเลือกผลการประเมินการทดลองปฏิบัติหน้าที่ราชการ',
-              ]" hide-bottom-space :options="optionsResult" :disable="!status" dense borderless emit-value
-                map-options option-label="label" option-value="value" outlined v-model="result"
-                label="ผลการประเมินการทดลองปฏิบัติหน้าที่ราชการ" @update:model-value="selectRuslt" />
+              <q-select
+                class="col-sm-12"
+                :rules="[
+                  (val) =>
+                    !!val ||
+                    'กรุณาเลือกผลการประเมินการทดลองปฏิบัติหน้าที่ราชการ',
+                ]"
+                hide-bottom-space
+                :options="optionsResult"
+                :disable="!status"
+                dense
+                borderless
+                emit-value
+                map-options
+                option-label="label"
+                option-value="value"
+                outlined
+                v-model="result"
+                label="ผลการประเมินการทดลองปฏิบัติหน้าที่ราชการ"
+                @update:model-value="selectRuslt"
+              />
             </div>
             <div class="row q-mt-xs" v-if="result === 3">
-              <q-input outlined dense v-model="expand_month" label="จำนวนเดือน"
-                :rules="[(val) => !!val || 'กรุณากรอกจำนวนเดือน']" type="number" />
+              <q-input
+                outlined
+                dense
+                v-model="expand_month"
+                label="จำนวนเดือน"
+                :rules="[(val) => !!val || 'กรุณากรอกจำนวนเดือน']"
+                type="number"
+              />
             </div>
           </div>
         </div>
       </div>
       <div class="col-12 row q-mt-lg">
         <div class="col-12">
-          <q-input hide-bottom-space dense borderless outlined :disable="!status" class="bg-white" type="textarea"
-            v-model="reson" label="เหตุผล" :rules="[(val) => !!val || 'กรุณาระบุเหตุผล']" />
+          <q-input
+            hide-bottom-space
+            dense
+            borderless
+            outlined
+            :disable="!status"
+            class="bg-white"
+            type="textarea"
+            v-model="reson"
+            label="เหตุผล"
+            :rules="[(val) => !!val || 'กรุณาระบุเหตุผล']"
+          />
         </div>
       </div>
 
@@ -313,11 +424,27 @@ const selectRuslt = () => {
             ประธานคณะกรรมการประเมินผลการปฏิบัติหน้าที่ราชการ
           </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 :options="commander"
-              label="ชื่อ-นามสกุล" option-label="name" disable />
+            <q-select
+              class="col-xs-12 col-sm-8"
+              dense
+              v-model="director_id"
+              outlined
+              :options="commander"
+              label="ชื่อ-นามสกุล"
+              option-label="name"
+              disable
+            />
             <div class="col-xs-12 col-sm-4">
-              <datepicker menu-class-name="modalfix" v-model="chairman_dated" :locale="'th'" :readonly="!status" autoApply
-                borderless :enableTimePicker="false" week-start="0">
+              <datepicker
+                menu-class-name="modalfix"
+                v-model="chairman_dated"
+                :locale="'th'"
+                :readonly="!status"
+                autoApply
+                borderless
+                :enableTimePicker="false"
+                week-start="0"
+              >
                 <template #year="{ year }">
                   {{ year + 543 }}
                 </template>
@@ -325,10 +452,23 @@ const selectRuslt = () => {
                   {{ parseInt(value + 543) }}
                 </template>
                 <template #trigger>
-                  <q-input outlined dense :disable="!status" class="full-width datepicker col-3" :model-value="chairman_dated != null ? date2Thai(chairman_dated) : null
-                    " :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]">
+                  <q-input
+                    outlined
+                    dense
+                    :disable="!status"
+                    class="full-width datepicker col-3"
+                    :model-value="
+                      chairman_dated != null ? date2Thai(chairman_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>
@@ -344,11 +484,27 @@ const selectRuslt = () => {
             <!-- ความเห็นของผู้มีอำนาจสั่งบรรจุตามมาตรา 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 :options="optionDirector" option-label="name" />
+            <q-select
+              class="col-xs-12 col-sm-8"
+              dense
+              v-model="director_id2"
+              outlined
+              label="ชื่อ-นามสกุล"
+              disable
+              :options="optionDirector"
+              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">
+              <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>
@@ -356,12 +512,25 @@ const selectRuslt = () => {
                   {{ 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 || `${'กรุณาเลือกลงวันที่'}`]">
+                  <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
+                        name="event"
+                        class="cursor-pointer"
+                        style="color: var(--q-primary)"
+                      >
                       </q-icon>
                     </template>
                   </q-input>
@@ -377,11 +546,27 @@ const selectRuslt = () => {
             <!-- ผู้มีอำนาจสั่งบรรจุตามมาตรา 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="ชื่อ-นามสกุล"
-              :options="optionDirector" disable option-label="name" />
+            <q-select
+              class="col-xs-12 col-sm-8"
+              dense
+              v-model="director_id3"
+              outlined
+              label="ชื่อ-นามสกุล"
+              :options="optionDirector"
+              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">
+              <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>
@@ -389,12 +574,25 @@ const selectRuslt = () => {
                   {{ 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 || `${'กรุณาเลือกลงวันที่'}`]">
+                  <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
+                        name="event"
+                        class="cursor-pointer"
+                        style="color: var(--q-primary)"
+                      >
                       </q-icon>
                     </template>
                   </q-input>