diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
index fcd35cfcb..2def33515 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
@@ -134,7 +134,7 @@ const fecthAssign = async () => {
         start_date.value = res.data.data.start_date;
         date_finish.value = res.data.data.end_date;
       }
-      Autherise.value = res.data.data.commander.name
+      Autherise.value = res.data.data.commander.name;
     })
     .catch((e) => {
       messageError($q, e);
@@ -414,19 +414,19 @@ const save = () => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -454,19 +454,19 @@ const save = () => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -494,19 +494,19 @@ const save = () => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -534,19 +534,19 @@ const save = () => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -575,19 +575,19 @@ const save = () => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -615,19 +615,19 @@ const save = () => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -692,19 +692,19 @@ const save = () => {
                   label="ระดับการประเมินพฤติกรรม"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -747,19 +747,19 @@ const save = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -795,19 +795,19 @@ const save = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -843,19 +843,19 @@ const save = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -913,19 +913,19 @@ const save = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
index ea350b258..06f6b51f3 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateAdd.vue
@@ -162,11 +162,7 @@ const knowledge_level = ref<number>(0);
 const knowledge_levelRules = [
   (val: any) => (val && val.length > 0) || "กรุณากรอกข้อมูลสิ่งที่ควรปรับปรุง",
 ];
-const ArrayCountbotton = [
-  orientation,
-  self_learning,
-  training_seminar,
-];
+const ArrayCountbotton = [orientation, self_learning, training_seminar];
 const variablesToWatch = [
   knowledge_level,
   skill_level,
@@ -408,19 +404,19 @@ const getBordered = (i: boolean) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -453,19 +449,19 @@ const getBordered = (i: boolean) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -498,19 +494,19 @@ const getBordered = (i: boolean) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -543,19 +539,19 @@ const getBordered = (i: boolean) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -589,19 +585,19 @@ const getBordered = (i: boolean) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -634,19 +630,19 @@ const getBordered = (i: boolean) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -712,19 +708,19 @@ const getBordered = (i: boolean) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -768,19 +764,23 @@ const getBordered = (i: boolean) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -817,19 +817,23 @@ const getBordered = (i: boolean) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -867,19 +871,23 @@ const getBordered = (i: boolean) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -940,19 +948,23 @@ const getBordered = (i: boolean) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -1112,12 +1124,7 @@ const getBordered = (i: boolean) => {
                     </q-item-section>
                   </q-item>
                   <q-separator class="q-my-xs" />
-                  <q-item
-                    dense
-                    tag="label"
-                    v-ripple
-                   
-                  >
+                  <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label
                         >4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index 226e087e0..60be9cac0 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -533,19 +533,19 @@ const putformData = () => {
                   label="ระดับการประเมินพฤติกรรม"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -574,19 +574,19 @@ const putformData = () => {
                   label="ระดับการประเมินพฤติกรรม"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -614,19 +614,19 @@ const putformData = () => {
                   label="ระดับการประเมินพฤติกรรม"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -691,19 +691,19 @@ const putformData = () => {
                   label="ระดับการประเมินพฤติกรรม"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -752,19 +752,19 @@ const putformData = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -800,19 +800,19 @@ const putformData = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -848,19 +848,19 @@ const putformData = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -918,19 +918,19 @@ const putformData = () => {
                     label="ระดับการประเมินพฤติกรรม"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -1366,7 +1366,9 @@ const putformData = () => {
                     hide-bottom-space
                     class="full-width datepicker col-3"
                     :model-value="
-                    commander.dated != null ? date2Thai(commander.dated) : null
+                      commander.dated != null
+                        ? date2Thai(commander.dated)
+                        : null
                     "
                     :label="`${'ลงวันที่'}`"
                     :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index e1f721ec6..c7638c465 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -514,19 +514,19 @@ watch(lengthdiscipline_level, (newLength) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -559,19 +559,19 @@ watch(lengthdiscipline_level, (newLength) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -603,19 +603,19 @@ watch(lengthdiscipline_level, (newLength) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -678,19 +678,19 @@ watch(lengthdiscipline_level, (newLength) => {
                       label="ระดับการประเมินพฤติกรรม"
                     >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -740,19 +740,23 @@ watch(lengthdiscipline_level, (newLength) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -788,19 +792,23 @@ watch(lengthdiscipline_level, (newLength) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -836,19 +844,23 @@ watch(lengthdiscipline_level, (newLength) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -906,19 +918,23 @@ watch(lengthdiscipline_level, (newLength) => {
                         label="ระดับการประเมินพฤติกรรม"
                       >
                         <template v-slot:tip-1>
-                          <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -1307,7 +1323,11 @@ watch(lengthdiscipline_level, (newLength) => {
                   map-options
                   emit-value
                   hide-bottom-space
-                  :rules="[(val) => val !== null && val !== undefined || 'กรุณาเลือกสรุปผลการพัฒนา']"
+                  :rules="[
+                    (val) =>
+                      (val !== null && val !== undefined) ||
+                      'กรุณาเลือกสรุปผลการพัฒนา',
+                  ]"
                   ref="selectResult1"
                 />
               </div>
@@ -1335,7 +1355,7 @@ watch(lengthdiscipline_level, (newLength) => {
                   hide-bottom-space
                   :rules="[
                     (val) =>
-                    val !== null && val !== undefined ||
+                      (val !== null && val !== undefined) ||
                       'กรุณาเลือกสรุปผลการประเมินผลทดลองปฎิบัติหน้าที่ราชการ',
                   ]"
                   ref="selectResult2"
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
index f33b99899..aa56cbd39 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
@@ -513,20 +513,21 @@ const editData = async (data: any) => {
                   label="ระดับการประเมินพฤติกรรม"
                   :disable="!status"
                 >
+
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -572,19 +573,19 @@ const editData = async (data: any) => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -615,19 +616,19 @@ const editData = async (data: any) => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -655,19 +656,19 @@ const editData = async (data: any) => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -695,19 +696,19 @@ const editData = async (data: any) => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -735,19 +736,19 @@ const editData = async (data: any) => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -776,19 +777,19 @@ const editData = async (data: any) => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -892,19 +893,19 @@ const editData = async (data: any) => {
                   :disable="!status"
                 >
                   <template v-slot:tip-1>
-                    <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                   </template>
                   <template v-slot:tip-2>
-                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                   </template>
                   <template v-slot:tip-3>
-                    <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                    <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                   </template>
                   <template v-slot:tip-4>
-                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                    <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                   </template>
                   <template v-slot:tip-5>
-                    <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                    <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                   </template>
                 </q-rating>
               </q-item-section>
@@ -989,19 +990,19 @@ const editData = async (data: any) => {
                     :disable="!status"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -1037,19 +1038,19 @@ const editData = async (data: any) => {
                     :disable="!status"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -1085,19 +1086,19 @@ const editData = async (data: any) => {
                     :disable="!status"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
@@ -1155,19 +1156,19 @@ const editData = async (data: any) => {
                     :disable="!status"
                   >
                     <template v-slot:tip-1>
-                      <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                     </template>
                     <template v-slot:tip-2>
-                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                     </template>
                     <template v-slot:tip-3>
-                      <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                      <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                     </template>
                     <template v-slot:tip-4>
-                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                      <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                     </template>
                     <template v-slot:tip-5>
-                      <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                      <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                     </template>
                   </q-rating>
                 </q-item-section>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
index 02a88fd34..536222e90 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted,watch,computed } from "vue";
+import { ref, onMounted, watch, computed } from "vue";
 import { useQuasar } from "quasar";
 import { useProbationDataStore } from "@/modules/05_placement/store";
 import { useCounterMixin } from "@/stores/mixin";
@@ -21,7 +21,7 @@ const {
   dateToISO,
   messageError,
   dialogConfirm,
-  dialogMessageNotify
+  dialogMessageNotify,
 } = mixin;
 const { ratingColors } = probationStore;
 const assignId = ref<string>(route.params.form.toString());
@@ -35,7 +35,7 @@ const date_finish = ref<Date>(new Date());
 const round = ref<number>();
 
 const checkArray = ref<number>(0);
-  const alerts = Array(20)
+const alerts = Array(20)
   .fill(null)
   .map(() => ref<boolean>(false));
 onMounted(async () => {
@@ -57,20 +57,21 @@ const fecthFormdata = async (id: string) => {
 
       list1_1.value = res.data.data.assign_output;
       res.data.data.assign_output.forEach((e: any) => {
-        list1_2.push({ id: "", label: "" })
+        list1_2.push({ id: "", label: "" });
       });
-      evaluate_expenct_level.value = res.data.data.assign_output.map((e:any) => ({
-        id: e.id,
-        labal: e.output_desc,
-      }));
-      evaluate_ouptut.value = res.data.data.assign_output.map((e:any) => ({
+      evaluate_expenct_level.value = res.data.data.assign_output.map(
+        (e: any) => ({
+          id: e.id,
+          labal: e.output_desc,
+        })
+      );
+      evaluate_ouptut.value = res.data.data.assign_output.map((e: any) => ({
         id: e.id,
         text: "",
       }));
       checkArray.value = list1_1.value.length;
     })
-    .catch((e: any) => {
-    });
+    .catch((e: any) => {});
 };
 
 const list1_1 = ref<any>([
@@ -135,7 +136,6 @@ const period = ref<number>(1);
 // part 1
 const evaluate_expenct_level = ref<any>([]);
 
-
 const evaluate_ouptut = ref<any>([
   // { level: 0, text: "" },
   // { level: 0, text: "" },
@@ -204,10 +204,14 @@ const lengthdiscipline_level = computed(() => {
   return discipline_level.value.filter((item: number) => item !== 0).length;
 });
 const lengthevaluate_expenct_level = computed(() => {
-  return evaluate_expenct_level.value.filter((item:any) => item.level !== undefined && item.level !== 0).length;
+  return evaluate_expenct_level.value.filter(
+    (item: any) => item.level !== undefined && item.level !== 0
+  ).length;
 });
 const lengthevaluate_ouptut = computed(() => {
-  return evaluate_ouptut.value.filter((item:any) => item.level !== undefined && item.level !== 0).length;
+  return evaluate_ouptut.value.filter(
+    (item: any) => item.level !== undefined && item.level !== 0
+  ).length;
 });
 const variablesToWatch = [
   knowledge_level,
@@ -217,12 +221,7 @@ const variablesToWatch = [
   apply_level,
   success_level,
 ];
-const ArrayCountbotton = [
-  orientation,
-  self_learning,
-  training_seminar,
-
-];
+const ArrayCountbotton = [orientation, self_learning, training_seminar];
 const savaForm = () => {
   achievement_strengthRef.value.validate();
   // achievement_inproveRef.value.validate();
@@ -240,8 +239,9 @@ const savaForm = () => {
   if (
     // filterlevel1_1.length != 0 ||
     // filter_ouptut1_2.length != 0 ||
-    lengthevaluate_expenct_level.value !== evaluate_expenct_level.value.length||
-    lengthevaluate_ouptut.value !== evaluate_ouptut.value.length||
+    lengthevaluate_expenct_level.value !==
+      evaluate_expenct_level.value.length ||
+    lengthevaluate_ouptut.value !== evaluate_ouptut.value.length ||
     knowledge_level.value === 0 ||
     skill_level.value === 0 ||
     competency_level.value === 0 ||
@@ -278,14 +278,16 @@ const savaForm = () => {
   if (hasError === true) {
     variablesToWatch.forEach((item, index) => {
       if (item.value === 0) {
-        alerts[index+2].value = true;
+        alerts[index + 2].value = true;
       }
     });
-    if(lengthevaluate_expenct_level.value !== evaluate_expenct_level.value.length){
-      alerts[0].value = true
+    if (
+      lengthevaluate_expenct_level.value !== evaluate_expenct_level.value.length
+    ) {
+      alerts[0].value = true;
     }
-    if(lengthevaluate_ouptut.value !== evaluate_ouptut.value.length){
-      alerts[1].value = true
+    if (lengthevaluate_ouptut.value !== evaluate_ouptut.value.length) {
+      alerts[1].value = true;
     }
     if (lengthconduct.value !== 4) {
       alerts[8].value = true;
@@ -301,13 +303,12 @@ const savaForm = () => {
         alerts[index + 11].value = true;
       }
     });
-    console.log(evaluate_expenct_level.value)
+    console.log(evaluate_expenct_level.value);
 
     dialogMessageNotify($q, "กรุณากรอกข้อมูลให้ครบ");
   } else {
-    putformData()
+    putformData();
   }
-
 };
 
 const putformData = () => {
@@ -360,9 +361,7 @@ const saveformdata = async (data: any) => {
     .post(config.API.createformevaluate(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);
@@ -372,7 +371,7 @@ const saveformdata = async (data: any) => {
 variablesToWatch.forEach((variable, index) => {
   watch(variable, (item: any) => {
     if (item !== 0) {
-      alerts[index+2].value = false;
+      alerts[index + 2].value = false;
     }
   });
 });
@@ -385,13 +384,13 @@ ArrayCountbotton.forEach((variable, index) => {
 });
 watch(lengthevaluate_expenct_level, (newLength) => {
   if (newLength === evaluate_expenct_level.value.length) {
-    console.log(true)
+    console.log(true);
     alerts[0].value = false;
   }
 });
 watch(lengthevaluate_ouptut, (newLength) => {
   if (newLength === evaluate_ouptut.value.length) {
-    console.log(true)
+    console.log(true);
     alerts[1].value = false;
   }
 });
@@ -413,15 +412,26 @@ watch(lengthdiscipline_level, (newLength) => {
 const getBordered = (i: boolean) => {
   return {
     border_custom: i,
-  };}
+  };
+};
 </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)" />
+      <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>
@@ -443,7 +453,9 @@ const getBordered = (i: boolean) => {
             </div>
             <div class="col-12 text-top0 row items-center">
               <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-              <span class="text-primary q-pr-sm">{{ "ครั้งที่ " + round }}</span>
+              <span class="text-primary q-pr-sm">{{
+                "ครั้งที่ " + round
+              }}</span>
               ระหว่างวันที่
               <span class="text-black q-px-sm">{{
                 date2Thai(start_date)
@@ -467,33 +479,46 @@ const getBordered = (i: boolean) => {
               <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
               1.1 ความสำเร็จของงานที่ได้รับมอบหมาย
             </div>
-            <div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2 ">
+            <div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
               ผลผลิตของงานที่คาดหวัง
             </div>
-            <q-card flat bordered :class="['col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1', getBordered(alerts[0].value)]">
+            <q-card
+              flat
+              bordered
+              :class="[
+                'col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1',
+                getBordered(alerts[0].value),
+              ]"
+            >
               <q-list dense v-for="(list, i) in list1_1" :key="i">
                 <q-item dense tag="label" v-ripple>
                   <q-item-section>
                     <q-item-label>{{ list.output_desc }}</q-item-label>
                   </q-item-section>
                   <q-item-section side>
-
-                    <q-rating v-model="evaluate_expenct_level[i].level" :val="list.id" max="5" size="sm" color="grey"
-                      :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                    <q-rating
+                      v-model="evaluate_expenct_level[i].level"
+                      :val="list.id"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -503,35 +528,57 @@ const getBordered = (i: boolean) => {
             </q-card>
           </div>
           <div class="col-12 row">
-            
             <div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
               ผลผลิตของงานที่เกิดขึ้นจริง
             </div>
-            <q-card flat bordered :class="['col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1', getBordered(alerts[1].value)]">
+            <q-card
+              flat
+              bordered
+              :class="[
+                'col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1',
+                getBordered(alerts[1].value),
+              ]"
+            >
               <q-list dense v-for="(list, i) in list1_2" :key="i">
                 <q-item dense tag="label" v-ripple v-if="i < checkArray">
                   <q-item-section>
                     <!-- <q-item-label>{{ list.label }}</q-item-label> -->
-                    <q-input outlined dense v-model="evaluate_ouptut[i].text" lazy-rules autogrow
-                      label="ผลผลิตของงานที่เกิดขึ้นจริง" hide-bottom-space :row="1" :rules="evaluate_ouptutRules" />
+                    <q-input
+                      outlined
+                      dense
+                      v-model="evaluate_ouptut[i].text"
+                      lazy-rules
+                      autogrow
+                      label="ผลผลิตของงานที่เกิดขึ้นจริง"
+                      hide-bottom-space
+                      :row="1"
+                      :rules="evaluate_ouptutRules"
+                    />
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating v-model="evaluate_ouptut[i].level" :val="list.id" max="5" size="sm" color="grey"
-                      :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
+                    <q-rating
+                      v-model="evaluate_ouptut[i].level"
+                      :val="list.id"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -544,61 +591,41 @@ const getBordered = (i: boolean) => {
           <div class="col-12 row">
             <q-card class="text-top0 col-xs-12 col-sm-11 q-pa-sm q-pl-sm">
               <q-list dense>
-                <q-item dense tag="label" v-ripple :class="getBordered(alerts[2].value)">
+                <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.2. ความรู้ความสามารถ</q-item-label>
+                      1.2. ความรู้ความสามารถ</q-item-label
+                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating v-model="knowledge_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม">
+                    <q-rating
+                      v-model="knowledge_level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</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-sm q-pl-sm" >
-              <q-list dense>
-                <q-item dense tag="label" v-ripple :class="getBordered(alerts[3].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="skill_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม">
-                      <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
-                      </template>
-                      <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
-                      </template>
-                      <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
-                      </template>
-                      <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
-                      </template>
-                      <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -608,29 +635,41 @@ const getBordered = (i: boolean) => {
 
             <q-card class="text-top0 col-xs-12 col-sm-11 q-pa-sm q-pl-sm">
               <q-list dense>
-                <q-item dense tag="label" v-ripple :class="getBordered(alerts[4].value)">
+                <q-item
+                  dense
+                  tag="label"
+                  v-ripple
+                  :class="getBordered(alerts[3].value)"
+                >
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.4. สมมรถนะ</q-item-label>
+                      1.3. ทักษะ</q-item-label
+                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating v-model="competency_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม">
+                    <q-rating
+                      v-model="skill_level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -640,29 +679,41 @@ const getBordered = (i: boolean) => {
 
             <q-card class="text-top0 col-xs-12 col-sm-11 q-pa-sm q-pl-sm">
               <q-list dense>
-                <q-item dense tag="label" v-ripple :class="getBordered(alerts[5].value)">
+                <q-item
+                  dense
+                  tag="label"
+                  v-ripple
+                  :class="getBordered(alerts[4].value)"
+                >
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.5. ความสามารถในการเรียนรู้งาน</q-item-label>
+                      1.4. สมมรถนะ</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="competency_level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
                       <template v-slot:tip-1>
-                        <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -672,30 +723,86 @@ const getBordered = (i: boolean) => {
 
             <q-card class="text-top0 col-xs-12 col-sm-11 q-pa-sm q-pl-sm">
               <q-list dense>
-                <q-item dense tag="label" v-ripple :class="getBordered(alerts[6].value)">
+                <q-item
+                  dense
+                  tag="label"
+                  v-ripple
+                  :class="getBordered(alerts[5].value)"
+                >
+                  <q-item-section>
+                    <q-item-label>
+                      <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
+                      1.5. ความสามารถในการเรียนรู้งาน</q-item-label
+                    >
+                  </q-item-section>
+                  <q-item-section side>
+                    <q-rating
+                      v-model="learn_level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
+                      <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-sm q-pl-sm">
+              <q-list dense>
+                <q-item
+                  dense
+                  tag="label"
+                  v-ripple
+                  :class="getBordered(alerts[6].value)"
+                >
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                       1.6.
-                      ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
+                      ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label
+                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating v-model="apply_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม">
+                    <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>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -705,29 +812,41 @@ const getBordered = (i: boolean) => {
 
             <q-card class="text-top0 col-xs-12 col-sm-11 q-pa-sm q-pl-sm">
               <q-list dense>
-                <q-item dense tag="label" v-ripple :class="getBordered(alerts[7].value)">
+                <q-item
+                  dense
+                  tag="label"
+                  v-ripple
+                  :class="getBordered(alerts[7].value)"
+                >
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.7. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label>
+                      1.7. ความสำเร็จของงานที่ได้รับมอบหมาย</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>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -742,44 +861,67 @@ const getBordered = (i: boolean) => {
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                       1.8 อื่นๆ
-                      <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-sm q-mt-sm q-pl-lg ">
+            <q-card
+              v-if="etc"
+              class="text-top0 col-xs-12 col-sm-11 q-pa-sm q-mt-sm 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>
+                        <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                       </template>
                       <template v-slot:tip-2>
-                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
                       </template>
                       <template v-slot:tip-3>
-                        <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                        <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                       </template>
                       <template v-slot:tip-4>
-                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                        <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
                       </template>
                       <template v-slot:tip-5>
-                        <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                        <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                       </template>
                     </q-rating>
                   </q-item-section>
@@ -794,17 +936,35 @@ const getBordered = (i: boolean) => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 จุดเด่น (ไม่เกิน 5 บรรทัด)
               </div>
-              <q-input outlined dense v-model="achievement_strength_desc"
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1" lazy-rules type="textarea" label="กรอกจุดเด่น"
-                hide-bottom-space :row="5" :rules="achievement_strengthRules" ref="achievement_strengthRef" />
+              <q-input
+                outlined
+                dense
+                v-model="achievement_strength_desc"
+                class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+                lazy-rules
+                type="textarea"
+                label="กรอกจุดเด่น"
+                hide-bottom-space
+                :row="5"
+                :rules="achievement_strengthRules"
+                ref="achievement_strengthRef"
+              />
             </div>
             <div class="col-12 row">
               <div class="col-12 text-top0 row items-center q-pl-lg">
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
               </div>
-              <q-input outlined dense v-model="achievement_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5" />
+              <q-input
+                outlined
+                dense
+                v-model="achievement_improve_desc"
+                class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+                type="textarea"
+                hide-bottom-space
+                label="กรอกสิ่งที่ควรปรับปรุง"
+                :row="5"
+              />
             </div>
           </div>
 
@@ -821,29 +981,47 @@ const getBordered = (i: boolean) => {
                 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', getBordered(alerts[8].value)]">
+              <q-card
+                flat
+                bordered
+                :class="[
+                  'col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1',
+                  getBordered(alerts[8].value),
+                ]"
+              >
                 <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>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -857,29 +1035,47 @@ const getBordered = (i: boolean) => {
                 <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', getBordered(alerts[9].value)]">
+              <q-card
+                flat
+                bordered
+                :class="[
+                  'col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1',
+                  getBordered(alerts[9].value),
+                ]"
+              >
                 <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>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -893,29 +1089,47 @@ const getBordered = (i: boolean) => {
                 <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', getBordered(alerts[10].value)]">
+              <q-card
+                flat
+                bordered
+                :class="[
+                  'col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1',
+                  getBordered(alerts[10].value),
+                ]"
+              >
                 <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>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -928,39 +1142,68 @@ const getBordered = (i: boolean) => {
               <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>
+                          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
                         </template>
                         <template v-slot:tip-2>
-                          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-3>
-                          <q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
+                          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
                         </template>
                         <template v-slot:tip-4>
-                          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
+                          <q-tooltip
+                            >สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip
+                          >
                         </template>
                         <template v-slot:tip-5>
-                          <q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
+                          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
                         </template>
                       </q-rating>
                     </q-item-section>
@@ -975,17 +1218,35 @@ const getBordered = (i: boolean) => {
                   <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                   จุดเด่น (ไม่เกิน 5 บรรทัด)
                 </div>
-                <q-input outlined dense v-model="behavior_strength_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                  lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5" :rules="behavio_strengthRules"
-                  ref="behavio_strengthRef" />
+                <q-input
+                  outlined
+                  dense
+                  v-model="behavior_strength_desc"
+                  class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+                  lazy-rules
+                  type="textarea"
+                  label="กรอกจุดเด่น"
+                  hide-bottom-space
+                  :row="5"
+                  :rules="behavio_strengthRules"
+                  ref="behavio_strengthRef"
+                />
               </div>
               <div class="col-12 row">
                 <div class="col-12 text-top0 row items-center q-pl-lg">
                   <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                   สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
                 </div>
-                <q-input outlined dense v-model="behavior_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                  type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5" />
+                <q-input
+                  outlined
+                  dense
+                  v-model="behavior_improve_desc"
+                  class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+                  type="textarea"
+                  hide-bottom-space
+                  label="กรอกสิ่งที่ควรปรับปรุง"
+                  :row="5"
+                />
               </div>
             </div>
           </div>
@@ -998,61 +1259,122 @@ const getBordered = (i: boolean) => {
                 <q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
                 การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
               </div>
-              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1">
+              <q-card
+                flat
+                bordered
+                class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1"
+              >
                 <q-list dense>
-                  <q-item dense tag="label" v-ripple :class="getBordered(alerts[11].value)">
+                  <q-item
+                    dense
+                    tag="label"
+                    v-ripple
+                    :class="getBordered(alerts[11].value)"
+                  >
                     <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=" ยังไม่ได้ดำเนินการ" />
+                        <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 :class="getBordered(alerts[12].value)">
+                  <q-item
+                    dense
+                    tag="label"
+                    v-ripple
+                    :class="getBordered(alerts[12].value)"
+                  >
                     <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=" ยังไม่ได้ดำเนินการ" />
+                        <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 :class="getBordered(alerts[13].value)">
+                  <q-item
+                    dense
+                    tag="label"
+                    v-ripple
+                    :class="getBordered(alerts[13].value)"
+                  >
                     <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=" ยังไม่ได้ดำเนินการ" />
+                        <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 dense tag="label" v-ripple>
                     <q-item-section>
-                      <q-item-label>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด
-                        (ถ้ามี)</q-item-label>
+                      <q-item-label
+                        >4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด
+                        (ถ้ามี)</q-item-label
+                      >
                     </q-item-section>
                     <q-item-section side>
                       <div class="row">
-                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training"
-                          val="1" label="ดำเนินการเเล้ว" />
-                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training"
-                          val="0" label=" ยังไม่ได้ดำเนินการ" />
+                        <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>
@@ -1064,16 +1386,31 @@ const getBordered = (i: boolean) => {
           <!-- 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 class="col-xs-12 col-sm-8" dense v-model="Autherise" outlined :options="option"
-                  label="ผู้บังคับบัญชา" option-label="name" disable />
+                <q-select
+                  class="col-xs-12 col-sm-8"
+                  dense
+                  v-model="Autherise"
+                  outlined
+                  :options="option"
+                  label="ผู้บังคับบัญชา"
+                  option-label="name"
+                  disable
+                />
                 <div class="col-xs-12 col-sm-4">
-                  <datepicker menu-class-name="modalfix" v-model="dateAutherise" :locale="'th'" autoApply borderless
-                    :enableTimePicker="false" week-start="0">
+                  <datepicker
+                    menu-class-name="modalfix"
+                    v-model="dateAutherise"
+                    :locale="'th'"
+                    autoApply
+                    borderless
+                    :enableTimePicker="false"
+                    week-start="0"
+                  >
                     <template #year="{ year }">
                       {{ year + 543 }}
                     </template>
@@ -1081,12 +1418,24 @@ const getBordered = (i: boolean) => {
                       {{ 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>
@@ -1102,11 +1451,7 @@ const getBordered = (i: boolean) => {
           <!-- <Footer /> -->
           <div class="row col-12">
             <q-space />
-            <q-btn
-              label="บันทึก"
-              color="secondary"
-              @click="savaForm"
-            />
+            <q-btn label="บันทึก" color="secondary" @click="savaForm" />
           </div>
         </div>
       </div>
diff --git a/src/modules/05_placement/components/probation/SummarySurvey.vue b/src/modules/05_placement/components/probation/SummarySurvey.vue
index a8e9e6763..ce89778e0 100644
--- a/src/modules/05_placement/components/probation/SummarySurvey.vue
+++ b/src/modules/05_placement/components/probation/SummarySurvey.vue
@@ -84,8 +84,8 @@ const save = async () => {
             messageError($q, e);
           })
           .finally(() => {
-            getSurveyData()
-          })
+            getSurveyData();
+          });
       });
     } else if (answer3.value == 0) {
       classBordered.value = "border_custom";
@@ -110,8 +110,17 @@ watch(answer3, () => {
         คุณคิดเห็นอย่างไรกับการทดลองปฏิบัติหน้าที่ราชการ?
       </div>
       <div class="col-12">
-        <q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer1"
-          type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
+        <q-input
+          :disable="!status"
+          label="ความคิดเห็น"
+          class="bg-white"
+          dense
+          borderless
+          outlined
+          v-model="answer1"
+          type="textarea"
+          :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
+        />
       </div>
     </div>
     <div class="col-12 row q-mt-md">
@@ -120,8 +129,17 @@ watch(answer3, () => {
         ปัญหาและอุปสรรคที่พบระหว่างการทดลองปฏิบัติหน้าที่ราชการ
       </div>
       <div class="col-12">
-        <q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer2"
-          type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
+        <q-input
+          :disable="!status"
+          label="ความคิดเห็น"
+          class="bg-white"
+          dense
+          borderless
+          outlined
+          v-model="answer2"
+          type="textarea"
+          :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
+        />
       </div>
     </div>
 
@@ -131,22 +149,29 @@ watch(answer3, () => {
         ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
       </div>
       <q-space />
-      <q-rating :disable="!status" v-model="answer3" max="5" size="sm" color="grey" :color-selected="ratingColors"
-        label="ระดับการประเมินพฤติกรรม">
+      <q-rating
+        :disable="!status"
+        v-model="answer3"
+        max="5"
+        size="sm"
+        color="grey"
+        :color-selected="ratingColors"
+        label="ระดับการประเมินพฤติกรรม"
+      >
         <template v-slot:tip-1>
-          <q-tooltip>ไม่พึงพอใจ</q-tooltip>
+          <q-tooltip>ต่ำกว่าความคาดหวังมาก (1)</q-tooltip>
         </template>
         <template v-slot:tip-2>
-          <q-tooltip>ค่อนข้างพึงพอใจ</q-tooltip>
+          <q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก (2)</q-tooltip>
         </template>
         <template v-slot:tip-3>
-          <q-tooltip>พึงพอใจ</q-tooltip>
+          <q-tooltip>เป็นไปตามความคาดหวัง (3)</q-tooltip>
         </template>
         <template v-slot:tip-4>
-          <q-tooltip>พึงพอใจมาก</q-tooltip>
+          <q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก (4)</q-tooltip>
         </template>
         <template v-slot:tip-5>
-          <q-tooltip>พึงพอใจมากที่สุด</q-tooltip>
+          <q-tooltip>สูงกว่าความคาดหวังมาก (5)</q-tooltip>
         </template>
       </q-rating>
     </div>