fix label & layout ทดลองงาน

src/modules/05_placement/components/probation/FormAssign.vue

@@ -940,7 +940,7 @@ console.log(countCheckedItems);
                         option-value="value"
                         :outlined="status == true"
                         v-model="monthSelect"
-                        :label="`ระยะเวลากี่เดือน`"
+                        :label="`ระยะเวลา (เดือน)`"
                       />
                     </div>
                     <div class="col-xs-12 col-sm-4">

src/modules/05_placement/components/probation/SummaryScore.vue

@@ -56,8 +56,9 @@ const pass_result = ref<number>();
 const evaluate_date = ref<Date>();
 const result = ref<any>();
 const result_option = ref<any>([
-  { name: "ผ่าน (สูงกว่าร้อยละ 60)", value: 1 },
+  { name: "ไม่ต่ำกว่ามาตรฐานที่กำหนด เห็นควรให้รับราชการต่อ", value: 1 },
-  { name: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
+  { name: "ต่ำกว่ามาตรฐานที่กำหนด เห็นควรให้ออกจากราชการ", value: 2 },
+  { name: "เห็นควรให้ขยายระยะเวลาทดลองปฏิบัติหน้าที่ราชการต่อไปอีก", value: 3 },
 ]);
 
 const note = ref<string>("");

src/modules/05_placement/components/probation/SummarySurvey.vue

@@ -100,7 +100,6 @@ watch(answer3, () => {
 </script>
 
 <template>
-  <div class="row col-12 q-ma-xs">
   <q-form ref="myForm" class="q-pa-md">
     <div class="toptitle text-dark col-12 row items-center q-gutter-md">
       <div>แบบสํารวจความคิดเห็นการทดลองปฏิบัติหน้าที่ราชการ</div>
@@ -111,17 +110,8 @@ watch(answer3, () => {
         คุณคิดเห็นอย่างไรกับการทดลองปฏิบัติหน้าที่ราชการ?
       </div>
       <div class="col-12">
-          <q-input
+        <q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer1"
-            :disable="!status"
+          type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
-            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">
@@ -130,17 +120,8 @@ watch(answer3, () => {
         ปัญหาและอุปสรรคที่พบระหว่างการทดลองปฏิบัติหน้าที่ราชการ
       </div>
       <div class="col-12">
-          <q-input
+        <q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer2"
-            :disable="!status"
+          type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
-            label="ความคิดเห็น"
-            class="bg-white"
-            dense
-            borderless
-            outlined
-            v-model="answer2"
-            type="textarea"
-            :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
-          />
       </div>
     </div>
 
@@ -150,15 +131,8 @@ watch(answer3, () => {
         ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
       </div>
       <q-space />
-        <q-rating
+      <q-rating :disable="!status" v-model="answer3" max="5" size="sm" color="grey" :color-selected="ratingColors"
-          :disable="!status"
+        label="ระดับการประเมินพฤติกรรม">
-          v-model="answer3"
-          max="5"
-          size="sm"
-          color="grey"
-          :color-selected="ratingColors"
-          label="ระดับการประเมินพฤติกรรม"
-        >
         <template v-slot:tip-1>
           <q-tooltip>ไม่พึงพอใจ</q-tooltip>
         </template>
@@ -185,7 +159,6 @@ watch(answer3, () => {
     <q-space />
     <q-btn label="บันทึก" color="secondary" @click="save" v-if="status" />
   </div>
-  </div>
 </template>
 
 <style lang="scss" scoped>
@@ -208,6 +181,7 @@ watch(answer3, () => {
 .q-card {
   box-shadow: 0px 0px 0px 0px !important;
 }
+
 .border_custom {
   border: 2px solid #c10015;
   border-radius: 5px;