From 042a9264cd52c5f48bf47ec9850b97006b7bc8be Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Fri, 15 Sep 2023 13:01:47 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=88=E0=B8=B8=20=E0=B9=81?=
 =?UTF-8?q?=E0=B8=95=E0=B9=88=E0=B8=87=E0=B8=95=E0=B8=B1=E0=B9=89=E0=B8=87?=
 =?UTF-8?q?=20=E0=B9=82=E0=B8=AD=E0=B8=99=20=E0=B8=A2=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=20details?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/AppointMent/Detail.vue         |  23 ++--
 .../05_placement/components/Other/Detail.vue  |  24 ++--
 .../components/Transfer/transferRegistry.vue  | 107 +++++++++---------
 3 files changed, 83 insertions(+), 71 deletions(-)

diff --git a/src/modules/05_placement/components/AppointMent/Detail.vue b/src/modules/05_placement/components/AppointMent/Detail.vue
index 73b1d3391..979cb23a0 100644
--- a/src/modules/05_placement/components/AppointMent/Detail.vue
+++ b/src/modules/05_placement/components/AppointMent/Detail.vue
@@ -32,7 +32,7 @@ const title = ref<ResponseTitle>({
   positionTypeOld: "",
 });
 const appointment = ref<any>([]);
-
+const myform = ref<any>();
 const edit = ref<boolean>(false);
 const profileId = ref<string>("");
 const organizationPositionOld = ref<string>("");
@@ -83,8 +83,14 @@ const fecthappointmentByid = async () => {
       hideLoader();
     });
 };
-const clickSave = () => {
-  dialogConfirm($q, () => putAppointment());
+const clickSave = async () => {
+  console.log(reason.value);
+  await myform.value.validate().then(async (success: boolean) => {
+    if (success) {
+      dialogConfirm($q, () => putAppointment());
+    } else {
+    }
+  });
 };
 const putAppointment = async () => {
   console.log("บันทึกข้อมูล");
@@ -242,7 +248,7 @@ const getClass = (val: boolean) => {
       </div>
     </div>
     <div class="col-12"><q-separator /></div>
-    <q-form ref="myForm">
+    <q-form ref="myform">
       <div class="row col-12 q-pa-md">
         <div class="col-12">
           <div class="text-weight-bold text-grey">วุฒิการศึกษา</div>
@@ -289,7 +295,7 @@ const getClass = (val: boolean) => {
             </div>
           </div>
 
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <q-input
                 :class="getClass(edit)"
@@ -305,7 +311,7 @@ const getClass = (val: boolean) => {
               />
             </div>
           </div>
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <q-input
                 :class="getClass(edit)"
@@ -321,7 +327,7 @@ const getClass = (val: boolean) => {
               />
             </div>
           </div>
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <q-input
                 :class="getClass(edit)"
@@ -337,7 +343,7 @@ const getClass = (val: boolean) => {
               />
             </div>
           </div>
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <!-- <q-input :class="getClass(edit)" :outlined="edit" dense lazy-rules :readonly="!edit" :borderless="!edit"
                 v-model="salary" :rules="[(val) => !!val || `${'กรุณากรอกเงินเดือน'}`]" hide-bottom-space
@@ -345,6 +351,7 @@ const getClass = (val: boolean) => {
               <CurrencyInput
                 v-model="salary"
                 :edit="edit"
+                :rules="[(val) => !!val || `${'กรุณากรอกเงินเดือน'}`]"
                 :options="{
                   currency: 'THB',
                 }"
diff --git a/src/modules/05_placement/components/Other/Detail.vue b/src/modules/05_placement/components/Other/Detail.vue
index 552d837e7..994b4bc84 100644
--- a/src/modules/05_placement/components/Other/Detail.vue
+++ b/src/modules/05_placement/components/Other/Detail.vue
@@ -54,6 +54,7 @@ const responseData = ref<ResponseDataDetail>({
 const edit = ref<boolean>(false);
 const organizationPositionOld = ref<string>("");
 const positionTypeOld = ref<string>("");
+const myform = ref<any>();
 const positionLevelOld = ref<string>("");
 const posNo = ref<string>("");
 const salary = ref<number>(0);
@@ -123,8 +124,13 @@ const fecthOther = async () => {
       edit.value = false;
     });
 };
-const clickEdit = () => {
-  dialogConfirm($q, () => saveOther());
+const clickEdit = async () => {
+  await myform.value.validate().then(async (success: boolean) => {
+    if (success) {
+      dialogConfirm($q, () => saveOther());
+    } else {
+    }
+  });
 };
 const saveOther = async () => {
   // showLoader();
@@ -201,7 +207,7 @@ const getClass = (val: boolean) => {
           <q-img :src="avatar" v-if="avatar !== ''" />
           <q-img src="@/assets/avatar_user.jpg" v-else />
         </div>
-        <div class="col-xs-6 col-sm-3 row ">
+        <div class="col-xs-6 col-sm-3 row">
           <div class="col-12 q-pl-md">
             <div class="col-12 text-top">ตำแหน่งในสายงาน</div>
             <div class="col-12 text-detail">
@@ -209,7 +215,7 @@ const getClass = (val: boolean) => {
             </div>
           </div>
         </div>
-        <div class="col-xs-6 col-sm-3 row ">
+        <div class="col-xs-6 col-sm-3 row">
           <div class="col-12">
             <div class="col-12 text-top">ระดับ</div>
             <div class="col-12 text-detail">
@@ -275,7 +281,7 @@ const getClass = (val: boolean) => {
       </div>
     </div>
     <div class="col-12"><q-separator /></div>
-    <q-form ref="myForm">
+    <q-form ref="myform">
       <div class="row col-12 q-pa-md">
         <div class="col-12 row bg-white q-col-gutter-md">
           <div class="col-xs-12 row items-center">
@@ -300,7 +306,7 @@ const getClass = (val: boolean) => {
               />
             </div>
           </div>
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <q-input
                 :class="getClass(edit)"
@@ -316,7 +322,7 @@ const getClass = (val: boolean) => {
               />
             </div>
           </div>
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <q-input
                 :class="getClass(edit)"
@@ -332,7 +338,7 @@ const getClass = (val: boolean) => {
               />
             </div>
           </div>
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <q-input
                 :class="getClass(edit)"
@@ -348,7 +354,7 @@ const getClass = (val: boolean) => {
               />
             </div>
           </div>
-          <div class="col-xs-6 col-sm-3 row ">
+          <div class="col-xs-6 col-sm-3 row">
             <div class="col-12">
               <!-- <q-input
                 :class="getClass(edit)"
diff --git a/src/modules/05_placement/components/Transfer/transferRegistry.vue b/src/modules/05_placement/components/Transfer/transferRegistry.vue
index 3ca71c9c2..ac49d1b4b 100644
--- a/src/modules/05_placement/components/Transfer/transferRegistry.vue
+++ b/src/modules/05_placement/components/Transfer/transferRegistry.vue
@@ -347,62 +347,61 @@
             <div class="col-12">
               <div class="row q-col-gutter-x-xs">
                 <div class="col-xs-6 col-sm-6">
-                    <q-input
-                      :class="getClass(edit)"
-                      :outlined="edit"
-                      dense
-                      lazy-rules
-                      :readonly="!edit"
-                      :borderless="!edit"
-                      v-model="organization"
-                      :rules="[(val) => !!val || `${'กรุณากรอกโอนไปสังกัด'}`]"
-                      hide-bottom-space
-                      :label="`${'โอนไปสังกัด'}`"
-                    />
+                  <q-input
+                    :class="getClass(edit)"
+                    :outlined="edit"
+                    dense
+                    lazy-rules
+                    :readonly="!edit"
+                    :borderless="!edit"
+                    v-model="organization"
+                    :rules="[(val) => !!val || `${'กรุณากรอกโอนไปสังกัด'}`]"
+                    hide-bottom-space
+                    :label="`${'โอนไปสังกัด'}`"
+                  />
                 </div>
                 <div class="col-xs-6 col-sm-6">
-                    <datepicker
-                      menu-class-name="modalfix"
-                      :readonly="!edit"
-                      v-model="date"
-                      :locale="'th'"
-                      autoApply
-                      :enableTimePicker="false"
-                      week-start="0"
-                    >
-                      <template #year="{ year }">{{ year + 543 }}</template>
-                      <template #year-overlay-value="{ value }">{{
-                        parseInt(value + 543)
-                      }}</template>
-                      <template #trigger>
-                        <q-input
-                          :class="getClass(edit)"
-                          :outlined="edit"
-                          dense
-                          lazy-rules
-                          :borderless="!edit"
-                          :model-value="date !== null ? date2Thai(date) : null"
-                          :rules="[
-                            (val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`,
-                          ]"
-                          hide-bottom-space
-                          :label="`${'ตั้งแต่วัน'}`"
-                        >
-                          <template v-slot:prepend>
-                            <q-icon
-                              name="event"
-                              class="cursor-pointer"
-                              :style="
-                                edit
-                                  ? 'color: var(--q-primary)'
-                                  : 'color: var(--q-grey)'
-                              "
-                            >
-                            </q-icon>
-                          </template>
-                        </q-input>
-                      </template>
-                    </datepicker>
+                  <datepicker
+                    menu-class-name="modalfix"
+                    :readonly="!edit"
+                    v-model="date"
+                    :locale="'th'"
+                    autoApply
+                    :enableTimePicker="false"
+                    week-start="0"
+                  >
+                    <template #year="{ year }">{{ year + 543 }}</template>
+                    <template #year-overlay-value="{ value }">{{
+                      parseInt(value + 543)
+                    }}</template>
+                    <template #trigger>
+                      <q-input
+                        :class="getClass(edit)"
+                        :outlined="edit"
+                        dense
+                        lazy-rules
+                        :borderless="!edit"
+                        :readonly="!edit"
+                        :model-value="date !== null ? date2Thai(date) : null"
+                        :rules="[(val) => !!val || `${'กรุณาเลือกตั้งแต่วัน'}`]"
+                        hide-bottom-space
+                        :label="`${'ตั้งแต่วัน'}`"
+                      >
+                        <template v-slot:prepend>
+                          <q-icon
+                            name="event"
+                            class="cursor-pointer"
+                            :style="
+                              edit
+                                ? 'color: var(--q-primary)'
+                                : 'color: var(--q-grey)'
+                            "
+                          >
+                          </q-icon>
+                        </template>
+                      </q-input>
+                    </template>
+                  </datepicker>
                 </div>
               </div>
             </div>