ปรับโครงสร้างและเปลี่ยนสถานะทดลองงาน

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

@@ -61,7 +61,10 @@ const orgLevelOptionMain = ref<DataOption[]>([
   { name: "ระดับฝ่าย/กลุ่มงาน", id: "SECTION" },
 ]);
 
-const orgLevelSubOptionMain = ref<DataOption[]>([]);
+const orgLevelSubOptionMain = ref<DataOption[]>([
+  { name: "สำนัก/สำนักงาน", id: "OFFICER" },
+  { name: "สำนักงานเขต", id: "DISTRICT" },
+]);
 
 const orgLevelOption = ref<DataOption[]>([]);
 
@@ -143,8 +146,7 @@ function onSubmit() {
       ["org" + type + "PhoneIn"]: formData.orgPhoneIn,
       ["org" + type + "Fax"]: formData.orgFax,
       ["org" + type + "Rank"]: formData.orgLevel,
-      ["org" + type + "RankSub"]:
-        level.value !== 0 ? formData.orgLevelSub : undefined,
+      ["org" + type + "RankSub"]: formData.orgLevelSub,
       [nameId]: rootId,
       responsibility:
         formData.responsibility != null ? formData.responsibility : "",
@@ -276,7 +278,7 @@ function selectOrgLevele(val: string, status: boolean = true) {
   switch (val) {
     case "OFFICE":
       orgLevelSubOptionMain.value = [
-        { name: "ระดับกอง", id: "DIVISION" },
+        { name: "กอง", id: "DIVISION" },
         {
           name: "สำนักงาน",
           id: "OFFICE",
@@ -289,7 +291,7 @@ function selectOrgLevele(val: string, status: boolean = true) {
       break;
     case "DIVISION":
       orgLevelSubOptionMain.value = [
-        { name: "ระดับส่วน", id: "SECTION" },
+        { name: "ส่วน", id: "SECTION" },
         {
           name: "กลุ่มภารกิจ",
           id: "MISSION",
@@ -298,7 +300,7 @@ function selectOrgLevele(val: string, status: boolean = true) {
 
     case "SECTION":
       orgLevelSubOptionMain.value = [
-        { name: "ระดับฝ่าย", id: "FACTION" },
+        { name: "ฝ่าย", id: "FACTION" },
         {
           name: "กลุ่มงาน",
           id: "WORK",
@@ -419,9 +421,8 @@ function selectOrgLevele(val: string, status: boolean = true) {
                   lazy-rules
                 />
               </div>
-              <div class="col-4" v-if="formData.orgLevel !== '' && level !== 0">
+              <div class="col-4" v-if="formData.orgLevel !== ''">
                 <q-select
-                  :readonly="level === 0 || formData.orgLevel === 'DEPARTMENT'"
                   ref="orgLevelSubRef"
                   dense
                   hide-bottom-space