อัตรากำลังลูกจ้างประจำ ฯ

src/modules/02_organization/components/DialogFormAgency.vue

@@ -316,6 +316,43 @@ async function onCheckIsDeputy() {
     });
 }
 
+/** ถ้ามีการเลือก สกจ. และเคยมีเลือกไปแล้วระบบจะถามและให้ยืนยันการเลือกสกจ. */
+function onChangeIsOfficer() {
+  if (formData.isOfficer === true && checkIsOfficer.value === true) {
+    dialogConfirm(
+      $q,
+      () => (formData.isOfficer = true),
+      "ยืนยันการแก้ไข",
+      "คุณต้องการแก้ไข สกจ. เป็นส่วนราชการนี้ใช่หรือไม่?",
+      () => (formData.isOfficer = false)
+    );
+  }
+}
+
+/** ถ้ามีการเลือก สำนักปลัด และเคยมีเลือกไปแล้วระบบจะถามและให้ยืนยันการเลือกสำนักปลัด */
+function onChangeIsDeputy() {
+  if (formData.isDeputy == true && checkIsDeputy.value == true) {
+    dialogConfirm(
+      $q,
+      () => (formData.isDeputy = true),
+      "ยืนยันการแก้ไข",
+      "คุณต้องการแก้ไข สำนักปลัด เป็นส่วนราชการนี้ใช่หรือไม่?",
+      () => (formData.isDeputy = false)
+    );
+  }
+}
+
+/**
+ * class input
+ * @param val
+ */
+function classInput(val: boolean) {
+  return {
+    "full-width cursor-pointer ": val,
+    "full-width cursor-pointer inputgreen": !val,
+  };
+}
+
 /**
  * callback function ทำงานเมื่อ props.modal เป็น true
  */
@@ -375,32 +412,6 @@ watch(
     }
   }
 );
-
-/** ถ้ามีการเลือก สกจ. และเคยมีเลือกไปแล้วระบบจะถามและให้ยืนยันการเลือกสกจ. */
-function onChangeIsOfficer() {
-  if (formData.isOfficer === true && checkIsOfficer.value === true) {
-    dialogConfirm(
-      $q,
-      () => (formData.isOfficer = true),
-      "ยืนยันการแก้ไข",
-      "คุณต้องการแก้ไข สกจ. เป็นส่วนราชการนี้ใช่หรือไม่?",
-      () => (formData.isOfficer = false)
-    );
-  }
-}
-
-/** ถ้ามีการเลือก สำนักปลัด และเคยมีเลือกไปแล้วระบบจะถามและให้ยืนยันการเลือกสำนักปลัด */
-function onChangeIsDeputy() {
-  if (formData.isDeputy == true && checkIsDeputy.value == true) {
-    dialogConfirm(
-      $q,
-      () => (formData.isDeputy = true),
-      "ยืนยันการแก้ไข",
-      "คุณต้องการแก้ไข สำนักปลัด เป็นส่วนราชการนี้ใช่หรือไม่?",
-      () => (formData.isDeputy = false)
-    );
-  }
-}
 </script>
 
 <template>
@@ -414,6 +425,7 @@ function onChangeIsDeputy() {
             <div class="row q-col-gutter-sm">
               <div class="col-4">
                 <q-input
+                  :class="classInput(false)"
                   v-model="formData.orgName"
                   ref="orgNameRef"
                   dense
@@ -434,6 +446,14 @@ function onChangeIsDeputy() {
               </div>
               <div class="col-2">
                 <q-input
+                  :class="
+                    classInput(
+                      (actionType === 'ADD' &&
+                        props?.dataNode?.orgLevel !== 0 &&
+                        level !== 0) ||
+                        (actionType === 'EDIT' && props?.dataNode?.orgLevel > 1)
+                    )
+                  "
                   v-model="formData.orgShortName"
                   :readonly="
                     (actionType === 'ADD' &&
@@ -452,6 +472,14 @@ function onChangeIsDeputy() {
               </div>
               <div class="col-2">
                 <q-input
+                  :class="
+                    classInput(
+                      (actionType === 'ADD' &&
+                        props?.dataNode?.orgLevel !== 0 &&
+                        level !== 0) ||
+                        (actionType === 'EDIT' && props?.dataNode?.orgLevel > 1)
+                    )
+                  "
                   :readonly="
                     (actionType === 'ADD' &&
                       props?.dataNode?.orgLevel !== 0 &&
@@ -479,6 +507,11 @@ function onChangeIsDeputy() {
               </div>
               <div class="col-4">
                 <q-select
+                  :class="
+                    classInput(
+                      level === 0 || formData.orgLevel === 'DEPARTMENT'
+                    )
+                  "
                   :readonly="level === 0 || formData.orgLevel === 'DEPARTMENT'"
                   for="#ocLevel"
                   ref="orgLevelRef"
@@ -509,6 +542,7 @@ function onChangeIsDeputy() {
               </div>
               <div class="col-4" v-if="formData.orgLevel !== ''">
                 <q-select
+                  :class="classInput(false)"
                   ref="orgLevelSubRef"
                   dense
                   hide-bottom-space
@@ -535,6 +569,7 @@ function onChangeIsDeputy() {
                   for="#telOut"
                   label="หมายเลขโทรศัพท์ที่ติดต่อจากภายนอก"
                   hide-bottom-space
+                  :class="classInput(false)"
                 />
               </div>
               <div class="col-4">
@@ -546,6 +581,7 @@ function onChangeIsDeputy() {
                   for="#telIn"
                   label="หมายเลขโทรศัพท์ที่ติดต่อจากภายใน"
                   hide-bottom-space
+                  :class="classInput(false)"
                 />
               </div>
               <div class="col-4">
@@ -557,6 +593,7 @@ function onChangeIsDeputy() {
                   for="#tel"
                   label="หมายเลขโทรสาร"
                   hide-bottom-space
+                  :class="classInput(false)"
                 />
               </div>
               <div class="col-12">
@@ -570,6 +607,7 @@ function onChangeIsDeputy() {
                   hide-bottom-space
                   type="textarea"
                   rows="4"
+                  :class="classInput(false)"
                 />
               </div>
               <div