ปรับ text และ validate บรรจุ

src/modules/05_placement/components/Transfer/transferRegistry.vue

@@ -13,7 +13,7 @@ import type { QTableProps, QForm } from "quasar";
 import type {
   TypeFile,
   ResponseDataDetail,
-  rowFile
+  rowFile,
 } from "@/modules/05_placement/interface/response/Transfer";
 
 const $q = useQuasar();
@@ -275,10 +275,10 @@ const saveData = async () => {
     });
 };
 const cancel = () => {
-  edit.value = false
-  getData()
-  myForm.value?.resetValidation()
-}
+  edit.value = false;
+  getData();
+  myForm.value?.resetValidation();
+};
 const getClass = (val: boolean) => {
   return {
     "full-width inputgreen cursor-pointer": val,
@@ -537,9 +537,7 @@ onMounted(async () => {
           <div class="row bg-white q-col-gutter-y-md">
             <div class="col-xs-12 row items-center">
               <div class="col-12">
-                <div class="text-weight-bold text-grey">
-                  ตำแหน่งและหน่วยงานเดิม
-                </div>
+                <div class="text-weight-bold">ตำแหน่งและหน่วยงานเดิม</div>
               </div>
               <div class="col-12">
                 <q-input
@@ -609,6 +607,8 @@ onMounted(async () => {
                       currency: 'THB',
                     }"
                     :label="`${'เงินเดือน'}`"
+                    :rules="[(val:number) => !!val || `${'กรุณากรอกเงินเดือน'}`]"
+                    lazy-rules
                   />
                 </div>
               </div>
@@ -687,7 +687,6 @@ onMounted(async () => {
                 :readonly="!edit"
                 :borderless="!edit"
                 v-model="reason"
-                :rules="[(val) => !!val || `${'กรุณากรอกหมายเหตุ '}`]"
                 hide-bottom-space
                 :label="`${'หมายเหตุ '}`"
                 type="textarea"