diff --git a/src/modules/05_placement/components/probation/FormEvaluation.vue b/src/modules/05_placement/components/probation/FormEvaluation.vue
index 0939b34ba..1ac78ef04 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation.vue
@@ -21,24 +21,24 @@
 						<div class="col-12 text-top0 row items-center ">
 							<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
 							วันเริ่มทดลองปฎิบัติหน้าที่ราชการ ตั้งแต่วันที่
-							<span class="text-black q-px-sm">{{date2Thai(dateToday)}}</span> 
-							ถึงวันที 
-							<span class="text-black q-px-sm">{{date2Thai(dateEnd)}}</span>
+							<span class="text-black q-px-sm">{{ date2Thai(dateToday) }}</span>
+							ถึงวันที
+							<span class="text-black q-px-sm">{{ date2Thai(dateEnd) }}</span>
 						</div>
 						<div class="col-12 text-top0 row items-center">
 							<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
 							การทดลองปฏิบัติหน้าที่ราชการมีผล ดังนี้
 							<span class="text-black q-px-sm">{{ "ครั้งที่" + period }}</span>
 							ระหว่างวันที่
-							<span class="text-black q-px-sm">{{ date2Thai(dateToday)}}</span>
+							<span class="text-black q-px-sm">{{ date2Thai(dateToday) }}</span>
 							ถึงวันที่
-							<span class="text-black q-px-sm">{{date2Thai(dateEnd)}}</span>
+							<span class="text-black q-px-sm">{{ date2Thai(dateEnd) }}</span>
 						</div>
 						<div class="col-12 q-pt-md">
 							<q-separator size="3px" color="grey-2" />
 						</div>
 					</div>
-					
+
 					<div class="col-12 row">
 						<div class="col-12 text-top0 items-center">
 							<q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
@@ -52,40 +52,33 @@
 							1.ผลผลิตของงานที่คาดหวัง
 						</div>
 						<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10  offset-md-1 q-pa-sm bg-grey-1">
-							<q-list dense v-for="(list,i) in list1_1" :key="i">
+							<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.label }}</q-item-label>
 									</q-item-section>
-									<q-item-section side >
-										<q-rating
-											v-model="model"
-											:val="list.id"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs" v-if="i + 1 < list1_1.length"  />
+								<q-separator class="q-my-xs" v-if="i + 1 < list1_1.length" />
 							</q-list>
 						</q-card>
 					</div>
@@ -98,40 +91,36 @@
 							1.ผลผลิตของงานที่เกิดขึ้น
 						</div>
 						<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10  offset-md-1 q-pa-sm bg-grey-1">
-							<q-list dense v-for="(list,i) in list1_2" :key="i">
+							<q-list dense v-for="(list, i) in list1_2" :key="i">
 								<q-item dense tag="label" v-ripple>
 									<q-item-section>
-										<q-item-label>{{ list.label }}</q-item-label>
+										<!-- <q-item-label>{{ list.label }}</q-item-label> -->
+										<q-input outlined dense v-model="text2_1"
+											class="col-xs-12 col-sm-11 col-md-10 offset-md-1" lazy-rules type="textarea"
+											label="ผลผลิตของงานที่เกิดขึ้นจริง" hide-bottom-space :row="1"/>
 									</q-item-section>
-									<q-item-section side >
-										<q-rating
-											v-model="model1"
-											:val="list.id"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model1" :val="list.id" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs" v-if="i + 1 < list1_2.length"  />
+								<q-separator class="q-my-xs" v-if="i + 1 < list1_2.length" />
 							</q-list>
 						</q-card>
 					</div>
@@ -146,29 +135,23 @@
 									<q-item-section>
 										<q-item-label>ความรู้ความสามารถ</q-item-label>
 									</q-item-section>
-									<q-item-section side >
-										<q-rating
-											v-model="model1_2"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model1_2" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
@@ -187,29 +170,23 @@
 									<q-item-section>
 										<q-item-label>ทักษะ</q-item-label>
 									</q-item-section>
-									<q-item-section side >
-										<q-rating
-											v-model="model1_3"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model1_3" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
@@ -228,29 +205,23 @@
 									<q-item-section>
 										<q-item-label>สมรรถนะ</q-item-label>
 									</q-item-section>
-									<q-item-section side >
-										<q-rating
-											v-model="model1_4"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model1_4" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
@@ -269,29 +240,23 @@
 									<q-item-section>
 										<q-item-label>ความสามารถในการเรียนรู้งาน</q-item-label>
 									</q-item-section>
-									<q-item-section side >
-										<q-rating
-											v-model="model1_5"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model1_5" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
@@ -310,29 +275,23 @@
 									<q-item-section>
 										<q-item-label>ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
 									</q-item-section>
-									<q-item-section side >
-										<q-rating
-											v-model="model1_6"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model1_6" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
@@ -343,50 +302,37 @@
 					<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" />
-							1.7 อื่นๆ 
+							1.7 อื่นๆ
 							<q-checkbox class="q-ml-sm" dense v-model="etc" />
 						</div>
-						<q-card  v-if="etc" 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="etc" 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="etc_text"
-												label="กรอกอื่นๆ"
-												dense
-												lazy-rules
-												autogrow
-												hide-bottom-space
-												outlined
-												class="bg-white"
-												:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
-											/>
+											<q-input v-model="etc_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="modelEtc"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="modelEtc" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
@@ -399,36 +345,18 @@
 							<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
 							จุดเด่น (ไม่เกิน 5 บรรทัด)
 						</div>
-						<q-input
-							outlined
-							dense
-							v-model="text2_1"
-							class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-							lazy-rules
-							type="textarea"
-							label="กรอกจุดเด่น"
-							hide-bottom-space
-							:row="5"
-							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
-						/>
+						<q-input outlined dense v-model="text2_1" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+							lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5"
+							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
 					</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="text2_2"
-							class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-							lazy-rules
-							type="textarea"
-							hide-bottom-space
-							label="กรอกสิ่งที่ควรปรับปรุง"
-							:row="5"
-							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
-						/>
+						<q-input outlined dense v-model="text2_2" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+							lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
+							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
 					</div>
 
 					<div class="col-12">
@@ -446,40 +374,33 @@
 							2.1 ความประพฤติ
 						</div>
 						<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10  offset-md-1 q-pa-sm bg-grey-1">
-							<q-list dense v-for="(list,i) in list2_1" :key="i">
+							<q-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="model"
-											:val="list.id"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs" v-if="i + 1 < list2_1.length"  />
+								<q-separator class="q-my-xs" v-if="i + 1 < list2_1.length" />
 							</q-list>
 						</q-card>
 					</div>
@@ -489,40 +410,33 @@
 							2.2 ความมีคุณธรรมจริยธรรม
 						</div>
 						<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10  offset-md-1 q-pa-sm bg-grey-1">
-							<q-list dense v-for="(list,i) in list2_2" :key="i">
+							<q-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="model"
-											:val="list.id"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length"  />
+								<q-separator class="q-my-xs" v-if="i + 1 < list2_2.length" />
 							</q-list>
 						</q-card>
 					</div>
@@ -532,90 +446,70 @@
 							2.3 การรักษาวินัย
 						</div>
 						<q-card flat bordered class="col-xs-12 col-sm-11 col-md-10  offset-md-1 q-pa-sm bg-grey-1">
-							<q-list dense v-for="(list,i) in list2_3" :key="i">
+							<q-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="model"
-											:val="list.id"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="model" :val="list.id" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length"  />
+								<q-separator class="q-my-xs" v-if="i + 1 < list2_3.length" />
 							</q-list>
 						</q-card>
 					</div>
 					<div class="col-12 row">
 						<div class="col-12 text-top0 row items-center q-pl-lg">
 							<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-							2.4 อื่นๆ 
+							2.4 อื่นๆ
 							<q-checkbox class="q-ml-sm" dense v-model="etc_4" />
 						</div>
-						<q-card  v-if="etc_4" 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="etc_4" 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="etc_text2"
-												label="กรอกอื่นๆ"
-												dense
-												lazy-rules
-												autogrow
-												hide-bottom-space
-												outlined
-												class="bg-white"
-												:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
-											/>
+											<q-input v-model="etc_text2" 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="modelEtc"
-											max="5"
-											size="sm"
-											color="grey"
-											:color-selected="ratingColors"
-											label="ระดับการประเมินพฤติกรรม"
-										>
+									<q-item-section side>
+										<q-rating v-model="modelEtc" max="5" size="sm" color="grey"
+											:color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
 											<template v-slot:tip-1>
-												<q-tooltip>ปรับปรุง</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-2>
-												<q-tooltip>พอใช้</q-tooltip>
+												<q-tooltip>ต่ำกว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-3>
-												<q-tooltip>ปานกลาง</q-tooltip>
+												<q-tooltip>เป็นไปตามความคาดหวัง</q-tooltip>
 											</template>
 											<template v-slot:tip-4>
-												<q-tooltip>ดี</q-tooltip>
+												<q-tooltip>สูงว่าความคาดหวังค่อนข้างมาก</q-tooltip>
 											</template>
 											<template v-slot:tip-5>
-												<q-tooltip>ดีมาก</q-tooltip>
+												<q-tooltip>สูงกว่าความคาดหวังมาก</q-tooltip>
 											</template>
 										</q-rating>
 									</q-item-section>
@@ -628,36 +522,18 @@
 							<q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
 							จุดเด่น (ไม่เกิน 5 บรรทัด)
 						</div>
-						<q-input
-							outlined
-							dense
-							v-model="text3_1"
-							class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-							lazy-rules
-							type="textarea"
-							label="กรอกจุดเด่น"
-							hide-bottom-space
-							:row="5"
-							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
-						/>
+						<q-input outlined dense v-model="text3_1" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+							lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5"
+							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
 					</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="text3_2"
-							class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-							lazy-rules
-							type="textarea"
-							hide-bottom-space
-							label="กรอกสิ่งที่ควรปรับปรุง"
-							:row="5"
-							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']"
-						/>
+						<q-input outlined dense v-model="text3_2" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
+							lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
+							:rules="[(val) => (val && val.length > 0) || 'กรุณากรอกข้อความ']" />
 					</div>
 
 					<div class="col-12">
@@ -676,94 +552,54 @@
 									<q-item-section>
 										<q-item-label>1. การปฐมนิเทศ</q-item-label>
 									</q-item-section>
-									<q-item-section side >
+									<q-item-section side>
 										<div class="row">
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_1"
-												val="1"
-												label="ดำเนินการเเล้ว"
-											/>
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_1"
-												val="0"
-												label=" ยังไม่ได้ดำเนินการ"
-											/>
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_1" val="1" label="ดำเนินการเเล้ว" />
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_1" val="0" label=" ยังไม่ได้ดำเนินการ" />
 										</div>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs"/>
+								<q-separator class="q-my-xs" />
 								<q-item dense tag="label" v-ripple>
 									<q-item-section>
 										<q-item-label>2. การเรียนรู้ด้วยตนเอง</q-item-label>
 									</q-item-section>
-									<q-item-section side >
+									<q-item-section side>
 										<div class="row">
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_2"
-												val="1"
-												label="ดำเนินการเเล้ว"
-											/>
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_2"
-												val="0"
-												label=" ยังไม่ได้ดำเนินการ"
-											/>
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_2" val="1" label="ดำเนินการเเล้ว" />
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_2" val="0" label=" ยังไม่ได้ดำเนินการ" />
 										</div>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs"/>
+								<q-separator class="q-my-xs" />
 								<q-item dense tag="label" v-ripple>
 									<q-item-section>
 										<q-item-label>3. การอบรมสัมนาร่วมกัน</q-item-label>
 									</q-item-section>
-									<q-item-section side >
+									<q-item-section side>
 										<div class="row">
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_3"
-												val="1"
-												label="ดำเนินการเเล้ว"
-											/>
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_3"
-												val="0"
-												label=" ยังไม่ได้ดำเนินการ"
-											/>
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_3" val="1" label="ดำเนินการเเล้ว" />
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_3" val="0" label=" ยังไม่ได้ดำเนินการ" />
 										</div>
 									</q-item-section>
 								</q-item>
-								<q-separator class="q-my-xs"/>
+								<q-separator class="q-my-xs" />
 								<q-item dense tag="label" v-ripple>
 									<q-item-section>
 										<q-item-label>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)</q-item-label>
 									</q-item-section>
-									<q-item-section side >
+									<q-item-section side>
 										<div class="row">
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_4"
-												val="1"
-												label="ดำเนินการเเล้ว"
-											/>
-											<q-radio
-												checked-icon="task_alt"
-												unchecked-icon="panorama_fish_eye"
-												v-model="radio_4"
-												val="0"
-												label=" ยังไม่ได้ดำเนินการ"
-											/>
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_4" val="1" label="ดำเนินการเเล้ว" />
+											<q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye"
+												v-model="radio_4" val="0" label=" ยังไม่ได้ดำเนินการ" />
 										</div>
 									</q-item-section>
 								</q-item>
@@ -780,49 +616,25 @@
 							ผู้บังคับบัญชาผู้มอบหมายงาน
 						</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"
+							<q-select class="col-xs-12 col-sm-8" dense v-model="Autherise" outlined :options="option"
 								label="ผู้บังคับบัญชา" />
 							<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 }}
+										{{ year + 543 }}
 									</template>
 									<template #year-overlay-value="{ value }">
-									{{ parseInt(value + 543) }}
+										{{ parseInt(value + 543) }}
 									</template>
 									<template #trigger>
-									<q-input
-										outlined
-										dense
-										class="full-width datepicker col-3"
-										:model-value="
-										dateAutherise != null ? date2Thai(dateAutherise) : null
-										"
-										:label="`${'ลงวันที่'}`"
-										:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
-									>
-										<template v-slot:prepend>
-										<q-icon
-											name="event"
-											class="cursor-pointer"
-											style="color: var(--q-primary)"
-										>
-										</q-icon>
-										</template>
-									</q-input>
+										<q-input outlined dense class="full-width datepicker col-3" :model-value="dateAutherise != null ? date2Thai(dateAutherise) : null
+											" :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]">
+											<template v-slot:prepend>
+												<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
+												</q-icon>
+											</template>
+										</q-input>
 									</template>
 								</datepicker>
 							</div>
@@ -832,7 +644,7 @@
 			</div>
 			<q-separator />
 			<div class="flex justify-end q-px-sm q-pt-sm">
-				<q-btn dense class="q-px-md" unelevated label="บันทึก" color="public"/>
+				<q-btn dense class="q-px-md" unelevated label="บันทึก" color="public" />
 			</div>
 		</div>
 	</div>
@@ -845,40 +657,40 @@ import { useQuasar } from "quasar";
 import router from "@/router";
 
 const $q = useQuasar();
-const ratingColors = [ 'light-blue-3', 'light-blue-6', 'blue', 'blue-9', 'blue-10' ];
+const ratingColors = ['light-blue-3', 'light-blue-6', 'blue', 'blue-9', 'blue-10'];
 const list1_1 = [
-	{id: '1', label: 'ผลผลิตของงานที่คาดหวัง 1'},
-	{id: '2', label: 'ผลผลิตของงานที่คาดหวัง 2'},
-	{id: '3', label: 'ผลผลิตของงานที่คาดหวัง 3'},
-	{id: '4', label: 'ผลผลิตของงานที่คาดหวัง 4'},
-	{id: '5', label: 'ผลผลิตของงานที่คาดหวัง 5'}
+	{ id: '1', label: 'ผลผลิตของงานที่คาดหวัง 1' },
+	{ id: '2', label: 'ผลผลิตของงานที่คาดหวัง 2' },
+	{ id: '3', label: 'ผลผลิตของงานที่คาดหวัง 3' },
+	{ id: '4', label: 'ผลผลิตของงานที่คาดหวัง 4' },
+	{ id: '5', label: 'ผลผลิตของงานที่คาดหวัง 5' }
 ];
 const list1_2 = [
-	{id: '1', label: 'ผลผลิตของงานที่เกิดขึ้น 1'},
-	{id: '2', label: 'ผลผลิตของงานที่เกิดขึ้น 2'},
-	{id: '3', label: 'ผลผลิตของงานที่เกิดขึ้น 3'},
-	{id: '4', label: 'ผลผลิตของงานที่เกิดขึ้น 4'},
-	{id: '5', label: 'ผลผลิตของงานที่เกิดขึ้น 5'}
+	{ id: '1', label: 'ผลผลิตของงานที่เกิดขึ้น 1' },
+	{ id: '2', label: 'ผลผลิตของงานที่เกิดขึ้น 2' },
+	{ id: '3', label: 'ผลผลิตของงานที่เกิดขึ้น 3' },
+	{ id: '4', label: 'ผลผลิตของงานที่เกิดขึ้น 4' },
+	{ id: '5', label: 'ผลผลิตของงานที่เกิดขึ้น 5' }
 ];
 
 const list2_1 = [
-	{id: '1', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี'},
-	{id: '2', label: 'มีความรับผิดชอบในการปฏิบัติบัติงาน'},
-	{id: '3', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน'},
-	{id: '4', label: 'ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร'},
+	{ id: '1', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี' },
+	{ id: '2', label: 'มีความรับผิดชอบในการปฏิบัติบัติงาน' },
+	{ id: '3', label: 'ให้บริการประชาชนหรือผู้รับบริการด้วยความรวดเร็ว เอาใจใส่เป็นมาตรฐานเดียวกัน' },
+	{ id: '4', label: 'ตั้งใจปฏิบัติบัติหน้าที่ราชการด้วยความอุตสาหะ ขยันหมั่นเพียร' },
 ];
 const list2_2 = [
-	{id: '1', label: 'อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ'},
-	{id: '2', label: 'มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต'},
-	{id: '3', label: 'ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ'},
+	{ id: '1', label: 'อุทิศตนและเสียสละเวลาในการปฏิบัติบัติงานอย่างเต็มกำลังความสามารถ' },
+	{ id: '2', label: 'มีจิตสำนึกที่ดี ปฏิบัติบัติงานด้วยความซื่อสัตย์ สุจริต' },
+	{ id: '3', label: 'ยึดมั่นในสถาบันบัพระมหากษัตริย์ และไม่กระทำการใด ๆ อันจะก่อให้เกิดความเสียหายต่อประเทศชาติ' },
 ];
 
 const list2_3 = [
-	{id: '1', label: 'มีความรับรัผิดชอบในการรักษาเวลาทำงาน'},
-	{id: '2', label: 'แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ'},
-	{id: '3', label: 'ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน'},
-	{id: '4', label: 'ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ'},
-	{id: '5', label: 'ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ'}
+	{ id: '1', label: 'มีความรับรัผิดชอบในการรักษาเวลาทำงาน' },
+	{ id: '2', label: 'แต่งกายในการปฏิบัติบัติงานได้อย่างเหมาะสมกับการเป็นข้าราชการ' },
+	{ id: '3', label: 'ไม่กระทำการใด ๆ อันอาจก่อให้เกิดความเสียหายแก่ชื่อเสียงของหน่วยงาน' },
+	{ id: '4', label: 'ไม่กระทำการใด ๆ อันเป็นการเสื่อมเกียรติและศักดิ์ศรีของความเป็นข้าราชการ' },
+	{ id: '5', label: 'ปฏิบัติบัติหน้าที่อย่างตรงไปตรงมาโดยยึกหลักจรรยาบรรณวิชาชีพ' }
 ];
 
 const etc_text = ref<any>(null);
@@ -914,37 +726,40 @@ const text2_1 = ref<string>('');
 const text2_2 = ref<string>('');
 
 const onSubmit = () => {
-  $q.notify({
-    color: "green-4",
-    textColor: "white",
-    icon: "cloud_done",
-    message: "ส่งแบบประเมินเเล้ว",
-  });
+	$q.notify({
+		color: "green-4",
+		textColor: "white",
+		icon: "cloud_done",
+		message: "ส่งแบบประเมินเเล้ว",
+	});
 };
 
 const onReset = () => {
-  router.push({ name: "probation" });
+	router.push({ name: "probation" });
 };
 </script>
 
 <style lang="scss" scoped>
-.text-top2{
+.text-top2 {
 	font-weight: 500;
 	padding-bottom: 8px;
-   color: rgb(70, 68, 68);
+	color: rgb(70, 68, 68);
 }
-.text-top0{
+
+.text-top0 {
 	font-weight: 600;
 	padding-bottom: 8px;
-    color: rgb(70, 68, 68);
+	color: rgb(70, 68, 68);
 }
-.text-Hd{
+
+.text-Hd {
 	font-weight: 600;
-    font-size: 1rem;
-    padding-bottom: 5px;
-    color: #02A998;
+	font-size: 1rem;
+	padding-bottom: 5px;
+	color: #02A998;
 }
-.q-rating__icon{
+
+.q-rating__icon {
 	text-shadow: transparent !important;
 }
 </style>
\ No newline at end of file
diff --git a/src/modules/05_placement/components/probation/MainDetail.vue b/src/modules/05_placement/components/probation/MainDetail.vue
index 3151f15ee..551575019 100644
--- a/src/modules/05_placement/components/probation/MainDetail.vue
+++ b/src/modules/05_placement/components/probation/MainDetail.vue
@@ -33,7 +33,7 @@
 							</q-item-section>
 
 							<q-item-section>
-								บันทึกผลการทดลองปฏิบัติหน้าที่ราชการ
+								บันทึกผลการทดลองปฏิบัติหน้าที่ราชการ (2)
 							</q-item-section>
 						</q-item>
 
@@ -44,7 +44,7 @@
 							</q-item-section>
 
 							<q-item-section>
-								ประเมินผลการทดลองปฏิบัติหน้าที่ราชการ
+								ประเมินผลการทดลองปฏิบัติหน้าที่ราชการ (1)
 							</q-item-section>
 						</q-item>