แก้ไขหน้าฟอร์มแบบร่างโครงสร้างอัตรากำลัง

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

@@ -85,6 +85,10 @@ const formData = reactive<FormDataAgency>({
   isCommission: false,
   isInformation: false,
   misId: "",
+  DEPARTMENT_CODE: "",
+  DIVISION_CODE: "",
+  SECTION_CODE: "",
+  JOB_CODE: "",
 });
 
 /**
@@ -152,9 +156,13 @@ function onSubmit() {
       [nameId]: rootId,
       responsibility:
         formData.responsibility != null ? formData.responsibility : "",
+      DEPARTMENT_CODE: formData.DEPARTMENT_CODE,
+      DIVISION_CODE: formData.DIVISION_CODE,
+      SECTION_CODE: formData.SECTION_CODE,
+      JOB_CODE: formData.JOB_CODE,
     };
 
-    //เพิ่มข้อมูล
+    // เพิ่มข้อมูล
     if (actionType.value === "ADD") {
       await http
         .post(config.API.createOrgLevel(type.toLocaleLowerCase()), body)
@@ -223,6 +231,10 @@ function closeClear() {
   formData.isCommission = false;
   formData.isInformation = false;
   formData.misId = "";
+  formData.DEPARTMENT_CODE = "";
+  formData.DIVISION_CODE = "";
+  formData.SECTION_CODE = "";
+  formData.JOB_CODE = "";
   props.close?.();
 }
 
@@ -250,9 +262,12 @@ function selectOrgLevele(val: string, status: boolean = true) {
           name: "สำนักงาน",
           id: "OFFICE",
         },
-        { name: "ส่วนราชการ", id: "GOVERNMENT" },
+        { name: "สถาบัน", id: "INSTITUTION" },
         { name: "โรงพยาบาล", id: "HOSPITAL" },
-        { name: "เทียบเท่ากอง", id: "EQUIVALENT" },
+        { name: "ศูนย์", id: "CENTER" },
+        { name: "ศูนย์บริการการแพทย์", id: "MEDICAL" },
+        { name: "ศูนย์บริการสาธารณสุขสาขา", id: "HEALTHMAJOR" },
+        { name: "หน่วย", id: "UNIT" },
       ];
 
       break;
@@ -270,15 +285,47 @@ function selectOrgLevele(val: string, status: boolean = true) {
         { name: "ฝ่าย", id: "FACTION" },
         {
           name: "กลุ่มงาน",
-          id: "WORK",
+          id: "GROUPWORK",
         },
         {
-          name: "สถานีดับเพลิงและกู้ภัย",
+          name: "ศูนย์",
+          id: "CENTER",
+        },
+        {
+          name: "ศูนย์บริการสาธารณสุขสาขา",
+          id: "HEALTHMAJOR",
+        },
+        {
+          name: "ศูนย์ฝึกอาชีพ",
+          id: "TRAINING",
+        },
+        {
+          name: "โรงเรียนฝึกอาชีพ",
+          id: "SCHOOL",
+        },
+        {
+          name: "บ้านพักผู้สูงอายุ",
+          id: "ELDERLY",
+        },
+        {
+          name: "สวนสาธารณะ",
+          id: "PARK",
+        },
+        {
+          name: "สถานีดับเพลิง",
           id: "FIRESTATION",
         },
         {
-          name: "โรงเรียน",
+          name: "งาน",
-          id: "SCHOOL",
+          id: "WORK",
+        },
+        {
+          name: "โรงเรียนประถมศึกษา",
+          id: "PRIMARYSCHOOL",
+        },
+        {
+          name: "โรงเรียนมัธยมศึกษา",
+          id: "SECONDARYSCHOOL",
         },
       ];
 
@@ -423,6 +470,10 @@ watch(
           formData.isCommission = props.dataNode.isCommission ?? false;
           formData.isInformation = props.dataNode.isInformation ?? false;
           formData.misId = props.dataNode.misId;
+          formData.DEPARTMENT_CODE = props.dataNode.DEPARTMENT_CODE;
+          formData.DIVISION_CODE = props.dataNode.DIVISION_CODE;
+          formData.SECTION_CODE = props.dataNode.SECTION_CODE;
+          formData.JOB_CODE = props.dataNode.JOB_CODE;
           orgLevelOption.value =
             props.dataNode.orgTreeRank === "DEPARTMENT"
               ? orgLevelOptionMain.value
@@ -629,6 +680,54 @@ watch(
                   :class="classInput(false)"
                 />
               </div>
+              <div class="col-12">
+                <div class="col-12 row q-col-gutter-sm">
+                  <div class="col-3">
+                    <q-input
+                      v-model="formData.DEPARTMENT_CODE"
+                      dense
+                      outlined
+                      label="DEPARTMENT CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      mask="##"
+                    />
+                  </div>
+                  <div class="col-3">
+                    <q-input
+                      v-model="formData.DIVISION_CODE"
+                      dense
+                      outlined
+                      label="DIVISION CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      mask="##"
+                    />
+                  </div>
+                  <div class="col-3">
+                    <q-input
+                      v-model="formData.SECTION_CODE"
+                      dense
+                      outlined
+                      label="SECTION CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      mask="##"
+                    />
+                  </div>
+                  <div class="col-3">
+                    <q-input
+                      v-model="formData.JOB_CODE"
+                      dense
+                      outlined
+                      label="JOB CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      mask="##"
+                    />
+                  </div>
+                </div>
+              </div>
               <div class="col-12">
                 <q-input
                   v-model="formData.responsibility"

src/modules/02_organization/interface/index/Main.ts

@@ -40,6 +40,10 @@ interface FormDataAgency {
   isInformation?: boolean;
   isCommission?: boolean;
   misId: string;
+  DEPARTMENT_CODE: string;
+  DIVISION_CODE: string;
+  SECTION_CODE: string;
+  JOB_CODE: string;
 }
 
 interface FormDataPosition {