From 717f11422ebfdd689cd96c668d3a620bfcc88f80 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Mon, 11 Sep 2023 10:54:20 +0700
Subject: [PATCH] =?UTF-8?q?fix=20label=20&=20layout=20=E0=B8=97=E0=B8=94?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=AD=E0=B8=87=E0=B8=87=E0=B8=B2=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/probation/FormAssign.vue       |   2 +-
 .../components/probation/SummaryScore.vue     |   5 +-
 .../components/probation/SummarySurvey.vue    | 144 +++++++-----------
 3 files changed, 63 insertions(+), 88 deletions(-)

diff --git a/src/modules/05_placement/components/probation/FormAssign.vue b/src/modules/05_placement/components/probation/FormAssign.vue
index e4d34a3e9..0e6ca7a64 100644
--- a/src/modules/05_placement/components/probation/FormAssign.vue
+++ b/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">
diff --git a/src/modules/05_placement/components/probation/SummaryScore.vue b/src/modules/05_placement/components/probation/SummaryScore.vue
index 3d43bd123..ea23c6195 100644
--- a/src/modules/05_placement/components/probation/SummaryScore.vue
+++ b/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: "ไม่ผ่าน (ต่ำกว่าร้อยละ 60)", value: 0 },
+  { name: "ไม่ต่ำกว่ามาตรฐานที่กำหนด เห็นควรให้รับราชการต่อ", value: 1 },
+  { name: "ต่ำกว่ามาตรฐานที่กำหนด เห็นควรให้ออกจากราชการ", value: 2 },
+  { name: "เห็นควรให้ขยายระยะเวลาทดลองปฏิบัติหน้าที่ราชการต่อไปอีก", value: 3 },
 ]);
 
 const note = ref<string>("");
diff --git a/src/modules/05_placement/components/probation/SummarySurvey.vue b/src/modules/05_placement/components/probation/SummarySurvey.vue
index c541779f0..a8e9e6763 100644
--- a/src/modules/05_placement/components/probation/SummarySurvey.vue
+++ b/src/modules/05_placement/components/probation/SummarySurvey.vue
@@ -83,7 +83,7 @@ const save = async () => {
           .catch((e: any) => {
             messageError($q, e);
           })
-          .finally(()=>{
+          .finally(() => {
             getSurveyData()
           })
       });
@@ -100,91 +100,64 @@ 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>
-      </div>
-      <div class="col-12 row">
-        <div class="col-12 text-top0 items-center">
-          <q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
-          คุณคิดเห็นอย่างไรกับการทดลองปฏิบัติหน้าที่ราชการ?
-        </div>
-        <div class="col-12">
-          <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">
-        <div class="col-12 text-top0 items-center">
-          <q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar>
-          ปัญหาและอุปสรรคที่พบระหว่างการทดลองปฏิบัติหน้าที่ราชการ
-        </div>
-        <div class="col-12">
-          <q-input
-            :disable="!status"
-            label="ความคิดเห็น"
-            class="bg-white"
-            dense
-            borderless
-            outlined
-            v-model="answer2"
-            type="textarea"
-            :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]"
-          />
-        </div>
-      </div>
-
-      <div :class="`col-12 row q-mt-md ${classBordered}`">
-        <div class="text-top0 items-center">
-          <q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
-          ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
-        </div>
-        <q-space />
-        <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>
-          </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>
-          </template>
-        </q-rating>
-      </div>
-      <div class="col-12 q-my-md">
-        <q-separator size="3px" color="grey-2" />
-      </div>
-    </q-form>
-    <!-- <Footer /> -->
-    <div class="row col-12">
-      <q-space />
-      <q-btn label="บันทึก" color="secondary" @click="save" v-if="status" />
+  <q-form ref="myForm" class="q-pa-md">
+    <div class="toptitle text-dark col-12 row items-center q-gutter-md">
+      <div>แบบสํารวจความคิดเห็นการทดลองปฏิบัติหน้าที่ราชการ</div>
     </div>
+    <div class="col-12 row">
+      <div class="col-12 text-top0 items-center">
+        <q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
+        คุณคิดเห็นอย่างไรกับการทดลองปฏิบัติหน้าที่ราชการ?
+      </div>
+      <div class="col-12">
+        <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">
+      <div class="col-12 text-top0 items-center">
+        <q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar>
+        ปัญหาและอุปสรรคที่พบระหว่างการทดลองปฏิบัติหน้าที่ราชการ
+      </div>
+      <div class="col-12">
+        <q-input :disable="!status" label="ความคิดเห็น" class="bg-white" dense borderless outlined v-model="answer2"
+          type="textarea" :rules="[(val: string) => !!val || `${'กรุณากรอกความคิดเห็น'}`]" />
+      </div>
+    </div>
+
+    <div :class="`col-12 row q-mt-md ${classBordered}`">
+      <div class="text-top0 items-center">
+        <q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
+        ความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการของคุณอยู่ในระดับใด
+      </div>
+      <q-space />
+      <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>
+        </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>
+        </template>
+      </q-rating>
+    </div>
+    <div class="col-12 q-my-md">
+      <q-separator size="3px" color="grey-2" />
+    </div>
+  </q-form>
+  <!-- <Footer /> -->
+  <div class="row col-12">
+    <q-space />
+    <q-btn label="บันทึก" color="secondary" @click="save" v-if="status" />
   </div>
 </template>
 
@@ -208,6 +181,7 @@ watch(answer3, () => {
 .q-card {
   box-shadow: 0px 0px 0px 0px !important;
 }
+
 .border_custom {
   border: 2px solid #c10015;
   border-radius: 5px;