diff --git a/src/modules/10_order/components/step/step01.vue b/src/modules/10_order/components/step/step01.vue
index 672c17c64..b39ae98da 100644
--- a/src/modules/10_order/components/step/step01.vue
+++ b/src/modules/10_order/components/step/step01.vue
@@ -55,11 +55,11 @@ const byOrderOption = ref<DataOption1[]>([]);
 const CommandOption = ref<DataOption1[]>([]);
 
 //Main
-const typeOrder = ref<any>([]);
+const typeOrder = ref<any>();
 const nameOrder = ref<any>("");
 const command = ref<number | "">();
-const dateYear = ref<number>(new Date().getFullYear());
-const dateCommand = ref<Date>(new Date());
+const dateYear = ref<number | null>(null);
+const dateCommand = ref<Date | null>(null);
 const byOrder = ref<string>("");
 const nameCommand = ref<any>([]);
 const positionCommand = ref<string>("");
@@ -68,30 +68,30 @@ const positionCommand = ref<string>("");
 const examRound = ref<string>("");
 const examRoundOption = ref<DataOption1[]>([]);
 const conclusionRegisterNo = ref<string>("");
-const conclusionRegisterDate = ref<Date>(new Date());
+const conclusionRegisterDate = ref<Date | null>(null);
 const conclusionResultNo = ref<string>("");
-const conclusionResultDate = ref<Date>(new Date());
+const conclusionResultDate = ref<Date | null>(null);
 // C-PM-05 - 06
 const meeting = ref<string>("");
-const dateMeeting = ref<Date>(new Date());
+const dateMeeting = ref<Date | null>(null);
 //  C-PM-08
 const conclusionReturnNo = ref<string>("");
-const conclusionReturnDate = ref<Date>(new Date());
+const conclusionReturnDate = ref<Date | null>(null);
 // C-PM-09
 const organizations = ref<string>("");
 const order = ref<string>("");
-const orderDate = ref<Date>(new Date());
+const orderDate = ref<Date | null>(null);
 const book = ref<string>("");
-const bookDate = ref<Date>(new Date());
+const bookDate = ref<Date | null>(null);
 // C-PM-10
 const dialogVisible = ref<boolean>(false);
 const organizationsOld = ref<string>("");
 const orderOld = ref<string>("");
-const orderOldDate = ref<Date>(new Date());
+const orderOldDate = ref<Date | null>(null);
 const locationname = ref<string>("");
 const experimentOc = ref<string>("");
-const experimentformDate = ref<Date>(new Date());
-const experimenttoDate = ref<Date>(new Date());
+const experimentformDate = ref<Date | null>(null);
+const experimenttoDate = ref<Date | null>(null);
 const chairman = ref<string>("");
 const director = ref<string>("");
 const director2 = ref<string>("");
@@ -99,25 +99,24 @@ const director2 = ref<string>("");
 // C-PM-11-12
 const committeeOc = ref<string>("");
 const committeeOrder = ref<string>("");
-const committeeDate = ref<Date>(new Date());
+const committeeDate = ref<Date | null>(null);
 // C-PM-13
 const receiveOc = ref<string>("");
 // C-PM-14
 const transferOrganizationName = ref<string>("");
 const conclusionReceive = ref<string>("");
-const conclusionReceiveDate = ref<Date>(new Date());
+const conclusionReceiveDate = ref<Date | null>(null);
 // C-PM-16
 const orderNumber = ref<string>();
-const orderNumberDate = ref<Date>(new Date());
-// C-PM-18-20
+const orderNumberDate = ref<Date | null>(null);
 const fault = ref<string>("");
 const guiltyBasis = ref<string>("");
 const conclusionFireNo = ref<string>("");
-const conclusionFireDate = ref<Date>(new Date());
+const conclusionFireDate = ref<Date | null>(null);
 const conclusionFireResolution = ref<string>("");
 // C-PM-24
 const conclusionTranferNo = ref<string>("");
-const conclusionTranferDate = ref<Date>(new Date());
+const conclusionTranferDate = ref<Date | null>(null);
 
 // C-PM-25-32
 const faultLevel = ref<string>("");
@@ -381,53 +380,53 @@ const selectCMP = async (selectOrder: OrederResult) => {
   //01-04
   examRound.value = "";
   conclusionRegisterNo.value = "";
-  conclusionRegisterDate.value = new Date();
+  conclusionRegisterDate.value = null;
   conclusionResultNo.value = "";
-  conclusionResultDate.value = new Date();
+  conclusionResultDate.value = null;
   // 05-06
   meeting.value = "";
-  dateMeeting.value = new Date();
+  dateMeeting.value = null;
   //08
   conclusionReceive.value = "";
-  conclusionReceiveDate.value = new Date();
+  conclusionReceiveDate.value = null;
   //09
   organizations.value = "";
   order.value = "";
-  orderDate.value = new Date();
+  orderDate.value = null;
   book.value = "";
-  bookDate.value = new Date();
+  bookDate.value = null;
   //10
   organizationsOld.value, (orderOld.value = "");
-  orderOldDate.value = new Date();
+  orderOldDate.value = null;
   locationname.value = "";
   experimentOc.value = "";
-  experimentformDate.value = new Date();
-  experimenttoDate.value = new Date();
+  experimentformDate.value = null;
+  experimenttoDate.value = null;
   chairman.value = "";
   director.value = "";
   director2.value = "";
   //11-12
   committeeOc.value = "";
   committeeOrder.value = "";
-  committeeDate.value = new Date();
+  committeeDate.value = null;
   //13
   receiveOc.value = "";
   //14
   transferOrganizationName.value = "";
   conclusionReceive.value = "";
-  conclusionReceiveDate.value = new Date();
+  conclusionReceiveDate.value = null;
   //16
   orderNumber.value = "";
-  orderNumberDate.value = new Date();
+  orderNumberDate.value = null;
   //18-20
   fault.value = "";
   guiltyBasis.value = "";
   conclusionFireNo.value = "";
-  conclusionFireDate.value = new Date();
+  conclusionFireDate.value = null;
   conclusionFireResolution.value = "";
   // 24
   conclusionTranferNo.value = "";
-  conclusionTranferDate.value = new Date();
+  conclusionTranferDate.value = null;
   // 19, 20 & 25-32
   faultLevel.value = "";
   caseFault.value = "";
@@ -465,7 +464,7 @@ async function getComplaint() {
 }
 
 // บันทึกข้อมูล
-const submit = async () => {
+const onSubmit = async () => {
   let signBy = null;
   // หาคนออกคำสั่ง
   if (!nameCommand.value.length) {
@@ -616,19 +615,19 @@ const submit = async () => {
   }
 
   // เช็คค่าว่าง
-  await myForm.value!.validate().then((result: boolean) => {
-    if (result) {
-      dialogConfirm($q, () => {
-        // ถ้ามี orderId ให้ อัพเดท ไม่มีให้สร้าง
-        if (!orderId) {
-          createListOrder(formdata, typeOrder.value.commandCode);
-        } else {
-          let orderIdString = orderId.toString();
-          updateOrder(formdata, orderIdString, typeOrder.value.commandCode);
-        }
-      });
+  // await myForm.value!.validate().then((result: boolean) => {
+  //   if (result) {
+  dialogConfirm($q, () => {
+    // ถ้ามี orderId ให้ อัพเดท ไม่มีให้สร้าง
+    if (!orderId) {
+      createListOrder(formdata, typeOrder.value.commandCode);
+    } else {
+      let orderIdString = orderId.toString();
+      updateOrder(formdata, orderIdString, typeOrder.value.commandCode);
     }
   });
+  //   }
+  // });
 };
 
 // สร้างคำสัง
@@ -813,1455 +812,1491 @@ const getClass = (val: boolean) => {
 };
 </script>
 <template>
-  <div style="max-height: 68vh; overflow-y: scroll">
-    <!-- Main -->
-    <q-form ref="myForm" class="q-pa-md">
-      <div class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md">
-        <div class="col-xs-12 col-md-6">
-          <q-select
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="typeOrder"
-            :rules="[(val: string) => !!val || `${'กรุณาเลือกประเภทคำสั่ง'}`]"
-            hide-bottom-space
-            :label="`${'ประเภทคำสั่ง'}`"
-            map-options
-            option-label="fullname"
-            :options="typeOrderOption"
-            option-value="id"
-            use-input
-            input-debounce="0"
-            @update:model-value="selectCMP(typeOrder)"
-            @filter="(inputValue:any,
-                      doneFn:Function) => filterSelector(inputValue, doneFn,'typeOrderOption'
-                      ) "
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="nameOrder"
-            :rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
-            :label="`${'คำสั่งเรื่อง'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="row col-xs-7 col-md-3">
-          <div class="col-6">
+  <q-form greedy @submit.prevent @validation-success="onSubmit" class="q-pa-md">
+    <div class="q-pa-md">
+      <div style="max-height: 68vh; overflow-y: scroll">
+        <!-- Main -->
+        <div class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md">
+          <div class="col-xs-12 col-md-6">
+            <q-select
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="typeOrder"
+              :rules="[(val: string) => !!val || `${'กรุณาเลือกประเภทคำสั่ง'}`]"
+              hide-bottom-space
+              :label="`${'ประเภทคำสั่ง'}`"
+              map-options
+              option-label="fullname"
+              :options="typeOrderOption"
+              option-value="id"
+              use-input
+              input-debounce="0"
+              @update:model-value="selectCMP(typeOrder)"
+              @filter="(inputValue:any,
+                          doneFn:Function) => filterSelector(inputValue, doneFn,'typeOrderOption'
+                          ) "
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
             <q-input
               :class="getClass(true)"
               outlined
               dense
-              v-model="command"
+              v-model="nameOrder"
+              :rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
+              :label="`${'คำสั่งเรื่อง'}`"
               hide-bottom-space
-              :label="`${'คำสั่งเลขที่'}`"
             />
           </div>
-          <label class="col-1 flex justify-center items-center text-bold"
-            >/</label
-          >
-          <div class="col-5">
+          <div class="row col-xs-7 col-md-3">
+            <div class="col-6">
+              <q-input
+                :class="getClass(true)"
+                outlined
+                dense
+                v-model="command"
+                hide-bottom-space
+                :label="`${'คำสั่งเลขที่'}`"
+                :rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเลขที่'}`]"
+              />
+            </div>
+            <label class="col-1 flex justify-center items-center text-bold"
+              >/</label
+            >
+            <div class="col-5">
+              <datepicker
+                v-model="dateYear"
+                :locale="'th'"
+                autoApply
+                year-picker
+                :enableTimePicker="false"
+              >
+                <template #year="{ year }">{{ year + 543 }}</template>
+                <template #year-overlay-value="{ value }">{{
+                  parseInt(value + 543)
+                }}</template>
+                <template #trigger>
+                  <q-input
+                    :class="getClass(true)"
+                    :model-value="dateYear !== null ? dateYear + 543 : null"
+                    :rules="[(val) => !!val || `${'กรุณากรอก พ.ศ.'}`]"
+                    :label="`${'พ.ศ.'}`"
+                    dense
+                    outlined
+                  >
+                  </q-input>
+                </template>
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-xs-5 col-md-3">
             <datepicker
-              v-model="dateYear"
+              menu-class-name="modalfix"
+              v-model="dateCommand"
               :locale="'th'"
               autoApply
-              year-picker
+              borderless
               :enableTimePicker="false"
+              week-start="0"
             >
-              <template #year="{ year }">{{ year + 543 }}</template>
-              <template #year-overlay-value="{ value }">{{
-                parseInt(value + 543)
-              }}</template>
+              <template #year="{ year }">
+                {{ year + 543 }}
+              </template>
+              <template #year-overlay-value="{ value }">
+                {{ parseInt(value + 543) }}
+              </template>
               <template #trigger>
                 <q-input
-                  :model-value="dateYear + 543"
-                  :rules="[(val) => !!val || `${'กรุณากรอก พ.ศ.'}`]"
-                  :label="`${'พ.ศ.'}`"
-                  dense
+                  :class="getClass(true)"
                   outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    dateCommand != null ? date2Thai(dateCommand) : null
+                  "
+                  :label="`${'วันที่คำสั่งมีผล'}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกวันที่คำสั่งมีผล'}`]"
                 >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <selector
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="byOrder"
+              :rules="[(val: string) => !!val || `${'กรุณาเลือกคำสั่งโดย'}`]"
+              emit-value
+              hide-bottom-space
+              :label="`${'คำสั่งโดย'}`"
+              map-options
+              option-label="name"
+              :options="byOrderOption"
+              option-value="id"
+              use-input
+              input-debounce="0"
+              @update:model-value="(nameCommand = ''), (positionCommand = '')"
+            />
+          </div>
+          <div
+            class="col-xs-12 col-md-6"
+            v-if="byOrder !== '00000000-0000-0000-0000-000000000000'"
+          >
+            <selector
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="nameCommand"
+              :rules="[(val: string) => !!val || `${'กรุณาเลือกผู้มีอำนาจลงนาม'}`]"
+              hide-bottom-space
+              :label="`${'ผู้มีอำนาจลงนาม'}`"
+              map-options
+              option-label="name"
+              :options="CommandOption"
+              option-value="id"
+              use-input
+              input-debounce="0"
+            >
+              <template v-if="CommandOption.length === 0" v-slot:no-option>
+                <q-item>
+                  <q-item-section class="text-primary">
+                    กรุณาเลือกคำสั่งโดยก่อน
+                  </q-item-section>
+                </q-item>
+              </template>
+            </selector>
+          </div>
+          <div
+            class="col-xs-12 col-md-6"
+            v-if="byOrder !== '00000000-0000-0000-0000-000000000000'"
+          >
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="positionCommand"
+              :rules="[
+                (val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`,
+              ]"
+              :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
+              hide-bottom-space
+              disable
+            />
+          </div>
+          <div
+            class="col-xs-12 col-md-6"
+            v-if="byOrder == '00000000-0000-0000-0000-000000000000'"
+          >
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="nameCommand"
+              :rules="[(val) => !!val || `${'กรุณากรอกผู้มีอำนาจลงนาม'}`]"
+              :label="`${'ผู้มีอำนาจลงนาม'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div
+            class="col-xs-12 col-md-6"
+            v-if="byOrder == '00000000-0000-0000-0000-000000000000'"
+          >
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="positionCommand"
+              :rules="[
+                (val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`,
+              ]"
+              :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div
+            class="col-12 q-mb-md"
+            v-if="typeOrder != null && typeOrder.commandCode"
+          >
+            <q-separator />
+          </div>
+        </div>
+
+        <!-- C-PM-01-04 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="
+            typeOrder != null &&
+            (typeOrder.commandCode === 'C-PM-01' ||
+              typeOrder.commandCode === 'C-PM-02' ||
+              typeOrder.commandCode === 'C-PM-03' ||
+              typeOrder.commandCode === 'C-PM-04')
+          "
+        >
+          <div class="col-xs-12 col-md-12">
+            <selector
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="examRound"
+              :rules="[(val: string) => !!val || `${'กรุณาเลือกรอบการสอบ'}`]"
+              hide-bottom-space
+              :label="`${'รอบการสอบ'}`"
+              emit-value
+              map-options
+              option-label="examRoundName"
+              :options="examRoundOption"
+              option-value="examRoundValue"
+              use-input
+              input-debounce="0"
+            />
+          </div>
+
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionRegisterNo"
+              :rules="[
+                (val) =>
+                  !!val ||
+                  `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`,
+              ]"
+              :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="conclusionRegisterDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    conclusionRegisterDate != null
+                      ? date2Thai(conclusionRegisterDate)
+                      : null
+                  "
+                  :label="`${'ลงวันที่ (เรื่อง รับสมัครสอบฯ)'}`"
+                  :rules="[
+                    (val) =>
+                      !!val || `${'กรุณาเลือกลงวันที่ (เรื่อง รับสมัครสอบฯ)'}`,
+                  ]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionResultNo"
+              :rules="[
+                (val) =>
+                  !!val || `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`,
+              ]"
+              :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="conclusionResultDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    conclusionResultDate != null
+                      ? date2Thai(conclusionResultDate)
+                      : null
+                  "
+                  :label="`${'ลงวันที่ (เรื่อง ผลการสอบฯ)'}`"
+                  :rules="[
+                    (val) =>
+                      !!val || `${'กรุณาเลือกลงวันที่ (เรื่อง ผลการสอบฯ)'}`,
+                  ]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
                 </q-input>
               </template>
             </datepicker>
           </div>
         </div>
-        <div class="col-xs-5 col-md-3">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="dateCommand"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  dateCommand != null ? date2Thai(dateCommand) : null
-                "
-                :label="`${'วันที่คำสั่งมีผล'}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกวันที่คำสั่งมีผล'}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <selector
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="byOrder"
-            :rules="[(val: string) => !!val || `${'กรุณาเลือกคำสั่งโดย'}`]"
-            emit-value
-            hide-bottom-space
-            :label="`${'คำสั่งโดย'}`"
-            map-options
-            option-label="name"
-            :options="byOrderOption"
-            option-value="id"
-            use-input
-            input-debounce="0"
-            @update:model-value="(nameCommand = ''), (positionCommand = '')"
-          />
-        </div>
+
+        <!-- C-PM-05-06 -->
         <div
-          class="col-xs-12 col-md-6"
-          v-if="byOrder !== '00000000-0000-0000-0000-000000000000'"
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="
+            typeOrder != null &&
+            (typeOrder.commandCode === 'C-PM-05' ||
+              typeOrder.commandCode === 'C-PM-06')
+          "
         >
-          <selector
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="nameCommand"
-            :rules="[(val: string) => !!val || `${'กรุณาเลือกผู้มีอำนาจลงนาม'}`]"
-            hide-bottom-space
-            :label="`${'ผู้มีอำนาจลงนาม'}`"
-            map-options
-            option-label="name"
-            :options="CommandOption"
-            option-value="id"
-            use-input
-            input-debounce="0"
-          >
-            <template v-if="CommandOption.length === 0" v-slot:no-option>
-              <q-item>
-                <q-item-section class="text-primary">
-                  กรุณาเลือกคำสั่งโดยก่อน
-                </q-item-section>
-              </q-item>
-            </template>
-          </selector>
-        </div>
-        <div
-          class="col-xs-12 col-md-6"
-          v-if="byOrder !== '00000000-0000-0000-0000-000000000000'"
-        >
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="positionCommand"
-            :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
-            :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
-            hide-bottom-space
-            disable
-          />
-        </div>
-        <div
-          class="col-xs-12 col-md-6"
-          v-if="byOrder == '00000000-0000-0000-0000-000000000000'"
-        >
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="nameCommand"
-            :rules="[(val) => !!val || `${'กรุณากรอกผู้มีอำนาจลงนาม'}`]"
-            :label="`${'ผู้มีอำนาจลงนาม'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div
-          class="col-xs-12 col-md-6"
-          v-if="byOrder == '00000000-0000-0000-0000-000000000000'"
-        >
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="positionCommand"
-            :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
-            :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div
-          class="col-12 q-mb-md"
-          v-if="typeOrder != null && typeOrder.commandCode"
-        >
-          <q-separator />
-        </div>
-      </div>
-
-      <!-- C-PM-01-04 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="
-          typeOrder != null &&
-          (typeOrder.commandCode === 'C-PM-01' ||
-            typeOrder.commandCode === 'C-PM-02' ||
-            typeOrder.commandCode === 'C-PM-03' ||
-            typeOrder.commandCode === 'C-PM-04')
-        "
-      >
-        <div class="col-xs-12 col-md-12">
-          <selector
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="examRound"
-            :rules="[(val: string) => !!val || `${'กรุณาเลือกรอบการสอบ'}`]"
-            hide-bottom-space
-            :label="`${'รอบการสอบ'}`"
-            emit-value
-            map-options
-            option-label="examRoundName"
-            :options="examRoundOption"
-            option-value="examRoundValue"
-            use-input
-            input-debounce="0"
-          />
-        </div>
-
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionRegisterNo"
-            :rules="[
-              (val) =>
-                !!val || `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`,
-            ]"
-            :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="conclusionRegisterDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  conclusionRegisterDate != null
-                    ? date2Thai(conclusionRegisterDate)
-                    : null
-                "
-                :label="`${'ลงวันที่ (เรื่อง รับสมัครสอบฯ)'}`"
-                :rules="[
-                  (val) =>
-                    !!val || `${'กรุณาเลือกลงวันที่ (เรื่อง รับสมัครสอบฯ)'}`,
-                ]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionResultNo"
-            :rules="[
-              (val) =>
-                !!val || `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`,
-            ]"
-            :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="conclusionResultDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  conclusionResultDate != null
-                    ? date2Thai(conclusionResultDate)
-                    : null
-                "
-                :label="`${'ลงวันที่ (เรื่อง ผลการสอบฯ)'}`"
-                :rules="[
-                  (val) =>
-                    !!val || `${'กรุณาเลือกลงวันที่ (เรื่อง ผลการสอบฯ)'}`,
-                ]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-
-      <!-- C-PM-05-06 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="
-          typeOrder != null &&
-          (typeOrder.commandCode === 'C-PM-05' ||
-            typeOrder.commandCode === 'C-PM-06')
-        "
-      >
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="meeting"
-            :rules="[(val) => !!val || `${'กรุณากรอกการประชุม ครั้งที่'}`]"
-            :label="`${'การประชุม ครั้งที่'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="dateMeeting"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  dateMeeting != null ? date2Thai(dateMeeting) : null
-                "
-                :label="`${'ลงวันที่ '}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-      <!-- C-PM-08 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-08'"
-      >
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionReturnNo"
-            :rules="[
-              (val) =>
-                !!val ||
-                `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`,
-            ]"
-            :label="`${'มติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="conclusionReturnDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  conclusionReturnDate != null
-                    ? date2Thai(conclusionReturnDate)
-                    : null
-                "
-                :label="`${'ลงวันที่ '}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-
-      <!-- C-PM-09 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-09'"
-      >
-        <div class="col-xs-12 col-md-12">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="organizations"
-            :rules="[(val) => !!val || `${'กรุณากกรอกหน่วยงาน'}`]"
-            :label="`${'หน่วยงาน'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="order"
-            :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]"
-            :label="`${'คำสั่งที่'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="orderDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="orderDate != null ? date2Thai(orderDate) : null"
-                :label="`${'ลงวันที่ '}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="book"
-            :rules="[
-              (val) => !!val || `${'กรุณากกรอกหนังสือสำนักงาน ก.พ. ที่ นร'}`,
-            ]"
-            :label="`${'หนังสือสำนักงาน ก.พ. ที่ นร'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="bookDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="bookDate != null ? date2Thai(bookDate) : null"
-                :label="`${'ลงวันที่'}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-
-      <!-- C-PM-10 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-10'"
-      >
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="organizationsOld"
-            :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน  (ต้นทาง)'}`]"
-            :label="`${'ชื่อหน่วยงาน (ต้นทาง)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="orderOld"
-            :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]"
-            :label="`${'คำสั่งที่ (ต้นทาง)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="orderOldDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  orderOldDate != null ? date2Thai(orderOldDate) : null
-                "
-                :label="`${'ลงวันที่ '}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="locationname"
-            :rules="[(val) => !!val || `${'กรุณากรอกให้ดำรงตำแหน่ง ณ'}`]"
-            :label="`${'ให้ดำรงตำแหน่ง ณ'}`"
-            hide-bottom-space
-          />
-        </div>
-
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="experimentOc"
-            :rules="[
-              (val) =>
-                !!val ||
-                `${'กรุณากรอกหน่วยงานที่ให้ทดลองปฏิบัติหน้าที่ราชการ'}`,
-            ]"
-            :label="`${'หน่วยงานที่ให้ทดลองปฏิบัติหน้าที่ราชการ'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-md-4"></div>
-
-        <div class="col-xs-12 col-md-4">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="experimentformDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  experimentformDate != null
-                    ? date2Thai(experimentformDate)
-                    : null
-                "
-                :label="`${'ทดลองปฏิบัติหน้าที่ราชการตั้งแต่วันที่ '}`"
-                :rules="[
-                  (val) =>
-                    !!val ||
-                    `${'กรุณาเลือกลงวันที่ทดลองปฏิบัติหน้าที่ราชการตั้งแต่วันที่ '}`,
-                ]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-
-        <div class="col-xs-12 col-md-4">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="experimenttoDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  experimenttoDate != null ? date2Thai(experimenttoDate) : null
-                "
-                :label="`${'ทดลองปฏิบัติหน้าที่ราชการถึงวันที่ '}`"
-                :rules="[
-                  (val) =>
-                    !!val ||
-                    `${'กรุณาเลือกลงวันที่ทดลองปฏิบัติหน้าที่ราชการถึงวันที่ '}`,
-                ]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-        <div class="col-md-4"></div>
-
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="chairman"
-            :rules="[(val) => !!val || `${'กรุณากรอกชื่อประธาน'}`]"
-            :label="`${'ประธาน'}`"
-            hide-bottom-space
-            @click="openDialog('chairman')"
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="director"
-            :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
-            :label="`${'กรรมการ'}`"
-            hide-bottom-space
-            @click="openDialog('director')"
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="director2"
-            :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
-            :label="`${'กรรมการ'}`"
-            hide-bottom-space
-            @click="openDialog('director2')"
-          />
-        </div>
-      </div>
-
-      <!-- C-PM-11 - 12 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="
-          typeOrder != null &&
-          (typeOrder.commandCode === 'C-PM-11' ||
-            typeOrder.commandCode === 'C-PM-12')
-        "
-      >
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="committeeOc"
-            :rules="[
-              (val) => !!val || `${'กรุณาเลือกชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`,
-            ]"
-            :label="`${'ชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="committeeOrder"
-            :rules="[(val) => !!val || `${'กรุณากรอกอนุสนธิคำสั่งที่'}`]"
-            :label="`${'อนุสนธิคำสั่งที่'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="committeeDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  committeeDate != null ? date2Thai(committeeDate) : null
-                "
-                :label="`${'ลงวันที่ '}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-
-      <!-- C-PM-13 -->
-      <div
-        class="row col-6 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-13'"
-      >
-        <div class="col-xs-12 col-md-12">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="receiveOc"
-            :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน'}`]"
-            :label="`${'ชื่อหน่วยงาน'}`"
-            hide-bottom-space
-          />
-        </div>
-      </div>
-
-      <!-- C-PM-14 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-14'"
-      >
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="transferOrganizationName"
-            :rules="[(val) => !!val || `${'กรุณากรอกส่วนราชการที่ให้โอน'}`]"
-            :label="`${'ส่วนราชการที่ให้โอน'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionReceive"
-            :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
-            :label="`${'มติ กก. ครั้งที่'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="conclusionReceiveDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  conclusionReceiveDate != null
-                    ? date2Thai(conclusionReceiveDate)
-                    : null
-                "
-                :label="`${'ลงวันที่ '}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-
-      <!-- C-PM-16 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-16'"
-      >
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="orderNumber"
-            :rules="[
-              (val) => !!val || `${'กรุณากรอกคำสั่งให้ช่วยราชการเลขที่'}`,
-            ]"
-            :label="`${'คำสั่งให้ช่วยราชการเลขที่'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="orderNumberDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  orderNumberDate != null ? date2Thai(orderNumberDate) : null
-                "
-                :label="`${'ลงวันที่ '}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-
-      <!-- C-PM-18-20 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-18'"
-      >
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="fault"
-            :rules="[
-              (val) => !!val || `${'กรุณากรอกรายละเอียดการกระทำความผิด'}`,
-            ]"
-            :label="`${'รายละเอียดการกระทำความผิด'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="guiltyBasis"
-            :rules="[(val) => !!val || `${'กรุณากรอกฐานความผิด'}`]"
-            :label="`${'ฐานความผิด'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionFireNo"
-            :rules="[
-              (val) =>
-                !!val || `${'กรุณากรอกครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`,
-            ]"
-            :label="`${'ครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="conclusionFireDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  conclusionFireDate != null
-                    ? date2Thai(conclusionFireDate)
-                    : null
-                "
-                :label="`${'ลงวันที่ (เรื่องการดำเนินการทางวินัย) '}`"
-                :rules="[
-                  (val) =>
-                    !!val ||
-                    `${'กรุณาเลือกลงวันที่ (เรื่องการดำเนินการทางวินัย)'}`,
-                ]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionFireResolution"
-            :rules="[
-              (val) =>
-                !!val ||
-                `${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
-            ]"
-            :label="`${'มติที่ประชุม (เรื่องการดำเนินการทางวินัย)'}`"
-            hide-bottom-space
-          />
-        </div>
-      </div>
-
-      <!-- C-PM-18-19 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="
-          typeOrder != null &&
-          (typeOrder.commandCode === 'C-PM-19' ||
-            typeOrder.commandCode === 'C-PM-20')
-        "
-      >
-        <div class="row col-12">
           <div class="col-xs-12 col-md-6">
-            <selector
+            <q-input
               :class="getClass(true)"
               outlined
               dense
-              v-model="complaintId"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
-              emit-value
+              v-model="meeting"
+              :rules="[(val) => !!val || `${'กรุณากรอกการประชุม ครั้งที่'}`]"
+              :label="`${'การประชุม ครั้งที่'}`"
               hide-bottom-space
-              :label="`${'เรื่องร้องเรียน'}`"
-              map-options
-              option-label="name"
-              :options="DataStore.complaintOption"
-              option-value="id"
-              use-input
-              input-debounce="0"
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="dateMeeting"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    dateMeeting != null ? date2Thai(dateMeeting) : null
+                  "
+                  :label="`${'ลงวันที่ '}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+        </div>
+
+        <!-- C-PM-08 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-08'"
+        >
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionReturnNo"
+              :rules="[
+                (val) =>
+                  !!val ||
+                  `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`,
+              ]"
+              :label="`${'มติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="conclusionReturnDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    conclusionReturnDate != null
+                      ? date2Thai(conclusionReturnDate)
+                      : null
+                  "
+                  :label="`${'ลงวันที่ '}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+        </div>
+
+        <!-- C-PM-09 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-09'"
+        >
+          <div class="col-xs-12 col-md-12">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="organizations"
+              :rules="[(val) => !!val || `${'กรุณากกรอกหน่วยงาน'}`]"
+              :label="`${'หน่วยงาน'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="order"
+              :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]"
+              :label="`${'คำสั่งที่'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="orderDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="orderDate != null ? date2Thai(orderDate) : null"
+                  :label="`${'ลงวันที่ '}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="book"
+              :rules="[
+                (val) => !!val || `${'กรุณากกรอกหนังสือสำนักงาน ก.พ. ที่ นร'}`,
+              ]"
+              :label="`${'หนังสือสำนักงาน ก.พ. ที่ นร'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="bookDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="bookDate != null ? date2Thai(bookDate) : null"
+                  :label="`${'ลงวันที่'}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+        </div>
+
+        <!-- C-PM-10 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-10'"
+        >
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="organizationsOld"
+              :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน  (ต้นทาง)'}`]"
+              :label="`${'ชื่อหน่วยงาน (ต้นทาง)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="orderOld"
+              :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]"
+              :label="`${'คำสั่งที่ (ต้นทาง)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="orderOldDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    orderOldDate != null ? date2Thai(orderOldDate) : null
+                  "
+                  :label="`${'ลงวันที่ '}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="locationname"
+              :rules="[(val) => !!val || `${'กรุณากรอกให้ดำรงตำแหน่ง ณ'}`]"
+              :label="`${'ให้ดำรงตำแหน่ง ณ'}`"
+              hide-bottom-space
+            />
+          </div>
+
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="experimentOc"
+              :rules="[
+                (val) =>
+                  !!val ||
+                  `${'กรุณากรอกหน่วยงานที่ให้ทดลองปฏิบัติหน้าที่ราชการ'}`,
+              ]"
+              :label="`${'หน่วยงานที่ให้ทดลองปฏิบัติหน้าที่ราชการ'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-md-4"></div>
+
+          <div class="col-xs-12 col-md-4">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="experimentformDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    experimentformDate != null
+                      ? date2Thai(experimentformDate)
+                      : null
+                  "
+                  :label="`${'ทดลองปฏิบัติหน้าที่ราชการตั้งแต่วันที่ '}`"
+                  :rules="[
+                    (val) =>
+                      !!val ||
+                      `${'กรุณาเลือกลงวันที่ทดลองปฏิบัติหน้าที่ราชการตั้งแต่วันที่ '}`,
+                  ]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+
+          <div class="col-xs-12 col-md-4">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="experimenttoDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    experimenttoDate != null
+                      ? date2Thai(experimenttoDate)
+                      : null
+                  "
+                  :label="`${'ทดลองปฏิบัติหน้าที่ราชการถึงวันที่ '}`"
+                  :rules="[
+                    (val) =>
+                      !!val ||
+                      `${'กรุณาเลือกลงวันที่ทดลองปฏิบัติหน้าที่ราชการถึงวันที่ '}`,
+                  ]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+          <div class="col-md-4"></div>
+
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="chairman"
+              :rules="[(val) => !!val || `${'กรุณากรอกชื่อประธาน'}`]"
+              :label="`${'ประธาน'}`"
+              hide-bottom-space
+              @click="openDialog('chairman')"
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="director"
+              :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
+              :label="`${'กรรมการ'}`"
+              hide-bottom-space
+              @click="openDialog('director')"
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="director2"
+              :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
+              :label="`${'กรรมการ'}`"
+              hide-bottom-space
+              @click="openDialog('director2')"
             />
           </div>
         </div>
 
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionFireNo"
-            :rules="[
-              (val) =>
-                !!val || `${'กรุณากรอกครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`,
-            ]"
-            :label="`${'ครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="conclusionFireDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  conclusionFireDate != null
-                    ? date2Thai(conclusionFireDate)
-                    : null
-                "
-                :label="`${'ลงวันที่ (เรื่องการดำเนินการทางวินัย) '}`"
-                :rules="[
-                  (val) =>
-                    !!val ||
-                    `${'กรุณาเลือกลงวันที่ (เรื่องการดำเนินการทางวินัย)'}`,
-                ]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-        <div class="col-xs-12 col-md-4">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionFireResolution"
-            :rules="[
-              (val) =>
-                !!val ||
-                `${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
-            ]"
-            :label="`${'มติที่ประชุม (เรื่องการดำเนินการทางวินัย)'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="faultLevel"
-            :rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
-            :label="`${'ระดับความผิด'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="caseFault"
-            :rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
-            :label="`${'กรณีความผิด'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="result"
-            :rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
-            :label="`${'ผลดำเนินการพิจารณา'}`"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="refRaw"
-            :rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
-            :label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
-            hide-bottom-space
-          />
-        </div>
-      </div>
-
-      <!-- C-PM-24 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-24'"
-      >
-        <div class="col-xs-12 col-md-3">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="conclusionTranferNo"
-            :rules="[(val) => !!val || `${'กรุณากรอกครั่งที่'}`]"
-            hide-bottom-space
-            :label="`${'ครั้งที่'}`"
-          />
-        </div>
-
-        <div class="col-xs-12 col-md-3">
-          <datepicker
-            menu-class-name="modalfix"
-            v-model="conclusionTranferDate"
-            :locale="'th'"
-            autoApply
-            borderless
-            :enableTimePicker="false"
-            week-start="0"
-          >
-            <template #year="{ year }">
-              {{ year + 543 }}
-            </template>
-            <template #year-overlay-value="{ value }">
-              {{ parseInt(value + 543) }}
-            </template>
-            <template #trigger>
-              <q-input
-                outlined
-                dense
-                class="full-width datepicker"
-                :model-value="
-                  conclusionTranferDate != null
-                    ? date2Thai(conclusionTranferDate)
-                    : null
-                "
-                :label="`${'เมื่อวันที่'}`"
-                :rules="[(val) => !!val || `${'กรุณาเลือกวันที่'}`]"
-              >
-                <template v-slot:prepend>
-                  <q-icon
-                    name="event"
-                    class="cursor-pointer"
-                    style="color: var(--q-primary)"
-                  >
-                  </q-icon>
-                </template>
-              </q-input>
-            </template>
-          </datepicker>
-        </div>
-      </div>
-
-      <!-- C-PM-25 -32 -->
-      <div
-        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-        v-if="
-          typeOrder != null &&
-          (typeOrder.commandCode === 'C-PM-25' ||
-            typeOrder.commandCode === 'C-PM-26' ||
-            typeOrder.commandCode === 'C-PM-27' ||
-            typeOrder.commandCode === 'C-PM-28' ||
-            typeOrder.commandCode === 'C-PM-29' ||
-            typeOrder.commandCode === 'C-PM-30' ||
-            typeOrder.commandCode === 'C-PM-31' ||
-            typeOrder.commandCode === 'C-PM-32')
-        "
-      >
-        <div class="row col-12">
-          <div class="col-xs-12 col-md-6">
-            <selector
+        <!-- C-PM-11 - 12 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="
+            typeOrder != null &&
+            (typeOrder.commandCode === 'C-PM-11' ||
+              typeOrder.commandCode === 'C-PM-12')
+          "
+        >
+          <div class="col-xs-12 col-md-4">
+            <q-input
               :class="getClass(true)"
               outlined
               dense
-              v-model="complaintId"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
-              emit-value
+              v-model="committeeOc"
+              :rules="[
+                (val) => !!val || `${'กรุณาเลือกชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`,
+              ]"
+              :label="`${'ชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="committeeOrder"
+              :rules="[(val) => !!val || `${'กรุณากรอกอนุสนธิคำสั่งที่'}`]"
+              :label="`${'อนุสนธิคำสั่งที่'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="committeeDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    committeeDate != null ? date2Thai(committeeDate) : null
+                  "
+                  :label="`${'ลงวันที่ '}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+        </div>
+
+        <!-- C-PM-13 -->
+        <div
+          class="row col-6 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-13'"
+        >
+          <div class="col-xs-12 col-md-12">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="receiveOc"
+              :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน'}`]"
+              :label="`${'ชื่อหน่วยงาน'}`"
               hide-bottom-space
-              :label="`${'เรื่องร้องเรียน'}`"
-              map-options
-              option-label="name"
-              :options="DataStore.complaintOption"
-              option-value="id"
-              use-input
-              input-debounce="0"
             />
           </div>
         </div>
 
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="faultLevel"
-            :rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
-            :label="`${'ระดับความผิด'}`"
-            hide-bottom-space
-          />
+        <!-- C-PM-14 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-14'"
+        >
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="transferOrganizationName"
+              :rules="[(val) => !!val || `${'กรุณากรอกส่วนราชการที่ให้โอน'}`]"
+              :label="`${'ส่วนราชการที่ให้โอน'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionReceive"
+              :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
+              :label="`${'มติ กก. ครั้งที่'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="conclusionReceiveDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    conclusionReceiveDate != null
+                      ? date2Thai(conclusionReceiveDate)
+                      : null
+                  "
+                  :label="`${'ลงวันที่ '}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
         </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="caseFault"
-            :rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
-            :label="`${'กรณีความผิด'}`"
-            hide-bottom-space
-          />
+
+        <!-- C-PM-16 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-16'"
+        >
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="orderNumber"
+              :rules="[
+                (val) => !!val || `${'กรุณากรอกคำสั่งให้ช่วยราชการเลขที่'}`,
+              ]"
+              :label="`${'คำสั่งให้ช่วยราชการเลขที่'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="orderNumberDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    orderNumberDate != null ? date2Thai(orderNumberDate) : null
+                  "
+                  :label="`${'ลงวันที่ '}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
         </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="result"
-            :rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
-            :label="`${'ผลดำเนินการพิจารณา'}`"
-            hide-bottom-space
-          />
+
+        <!-- C-PM-18-20 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-18'"
+        >
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="fault"
+              :rules="[
+                (val) => !!val || `${'กรุณากรอกรายละเอียดการกระทำความผิด'}`,
+              ]"
+              :label="`${'รายละเอียดการกระทำความผิด'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="guiltyBasis"
+              :rules="[(val) => !!val || `${'กรุณากรอกฐานความผิด'}`]"
+              :label="`${'ฐานความผิด'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionFireNo"
+              :rules="[
+                (val) =>
+                  !!val ||
+                  `${'กรุณากรอกครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`,
+              ]"
+              :label="`${'ครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="conclusionFireDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    conclusionFireDate != null
+                      ? date2Thai(conclusionFireDate)
+                      : null
+                  "
+                  :label="`${'ลงวันที่ (เรื่องการดำเนินการทางวินัย) '}`"
+                  :rules="[
+                    (val) =>
+                      !!val ||
+                      `${'กรุณาเลือกลงวันที่ (เรื่องการดำเนินการทางวินัย)'}`,
+                  ]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionFireResolution"
+              :rules="[
+                (val) =>
+                  !!val ||
+                  `${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
+              ]"
+              :label="`${'มติที่ประชุม (เรื่องการดำเนินการทางวินัย)'}`"
+              hide-bottom-space
+            />
+          </div>
         </div>
-        <div class="col-xs-12 col-md-6">
-          <q-input
-            :class="getClass(true)"
-            outlined
-            dense
-            v-model="refRaw"
-            :rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
-            :label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
-            hide-bottom-space
-          />
+
+        <!-- C-PM-18-19 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="
+            typeOrder != null &&
+            (typeOrder.commandCode === 'C-PM-19' ||
+              typeOrder.commandCode === 'C-PM-20')
+          "
+        >
+          <div class="row col-12">
+            <div class="col-xs-12 col-md-6">
+              <selector
+                :class="getClass(true)"
+                outlined
+                dense
+                v-model="complaintId"
+                :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
+                emit-value
+                hide-bottom-space
+                :label="`${'เรื่องร้องเรียน'}`"
+                map-options
+                option-label="name"
+                :options="DataStore.complaintOption"
+                option-value="id"
+                use-input
+                input-debounce="0"
+              />
+            </div>
+          </div>
+
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionFireNo"
+              :rules="[
+                (val) =>
+                  !!val ||
+                  `${'กรุณากรอกครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`,
+              ]"
+              :label="`${'ครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="conclusionFireDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    conclusionFireDate != null
+                      ? date2Thai(conclusionFireDate)
+                      : null
+                  "
+                  :label="`${'ลงวันที่ (เรื่องการดำเนินการทางวินัย) '}`"
+                  :rules="[
+                    (val) =>
+                      !!val ||
+                      `${'กรุณาเลือกลงวันที่ (เรื่องการดำเนินการทางวินัย)'}`,
+                  ]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-md-4">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionFireResolution"
+              :rules="[
+                (val) =>
+                  !!val ||
+                  `${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
+              ]"
+              :label="`${'มติที่ประชุม (เรื่องการดำเนินการทางวินัย)'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="faultLevel"
+              :rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
+              :label="`${'ระดับความผิด'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="caseFault"
+              :rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
+              :label="`${'กรณีความผิด'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="result"
+              :rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
+              :label="`${'ผลดำเนินการพิจารณา'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="refRaw"
+              :rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
+              :label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
+              hide-bottom-space
+            />
+          </div>
+        </div>
+
+        <!-- C-PM-24 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="typeOrder != null && typeOrder.commandCode === 'C-PM-24'"
+        >
+          <div class="col-xs-12 col-md-3">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="conclusionTranferNo"
+              :rules="[(val) => !!val || `${'กรุณากรอกครั่งที่'}`]"
+              hide-bottom-space
+              :label="`${'ครั้งที่'}`"
+            />
+          </div>
+
+          <div class="col-xs-12 col-md-3">
+            <datepicker
+              menu-class-name="modalfix"
+              v-model="conclusionTranferDate"
+              :locale="'th'"
+              autoApply
+              borderless
+              :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(true)"
+                  outlined
+                  dense
+                  class="full-width datepicker"
+                  :model-value="
+                    conclusionTranferDate != null
+                      ? date2Thai(conclusionTranferDate)
+                      : null
+                  "
+                  :label="`${'เมื่อวันที่'}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกวันที่'}`]"
+                >
+                  <template v-slot:prepend>
+                    <q-icon
+                      name="event"
+                      class="cursor-pointer"
+                      style="color: var(--q-primary)"
+                    >
+                    </q-icon>
+                  </template>
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+        </div>
+
+        <!-- C-PM-25 -32 -->
+        <div
+          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+          v-if="
+            typeOrder != null &&
+            (typeOrder.commandCode === 'C-PM-25' ||
+              typeOrder.commandCode === 'C-PM-26' ||
+              typeOrder.commandCode === 'C-PM-27' ||
+              typeOrder.commandCode === 'C-PM-28' ||
+              typeOrder.commandCode === 'C-PM-29' ||
+              typeOrder.commandCode === 'C-PM-30' ||
+              typeOrder.commandCode === 'C-PM-31' ||
+              typeOrder.commandCode === 'C-PM-32')
+          "
+        >
+          <div class="row col-12">
+            <div class="col-xs-12 col-md-6">
+              <selector
+                :class="getClass(true)"
+                outlined
+                dense
+                v-model="complaintId"
+                :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
+                emit-value
+                hide-bottom-space
+                :label="`${'เรื่องร้องเรียน'}`"
+                map-options
+                option-label="name"
+                :options="DataStore.complaintOption"
+                option-value="id"
+                use-input
+                input-debounce="0"
+              />
+            </div>
+          </div>
+
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="faultLevel"
+              :rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
+              :label="`${'ระดับความผิด'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="caseFault"
+              :rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
+              :label="`${'กรณีความผิด'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="result"
+              :rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
+              :label="`${'ผลดำเนินการพิจารณา'}`"
+              hide-bottom-space
+            />
+          </div>
+          <div class="col-xs-12 col-md-6">
+            <q-input
+              :class="getClass(true)"
+              outlined
+              dense
+              v-model="refRaw"
+              :rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
+              :label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
+              hide-bottom-space
+            />
+          </div>
         </div>
       </div>
-    </q-form>
-  </div>
+    </div>
 
-  <q-separator />
-  <div class="flex justify-end q-pa-sm q-gutter-sm">
-    <q-btn unelevated label="บันทึก" color="public" @click="submit">
-      <q-tooltip>บันทึกข้อมูล</q-tooltip>
-    </q-btn>
-  </div>
+    <q-separator />
+    <div class="flex justify-end q-gutter-sm q-mt-md">
+      <q-btn
+        unelevated
+        label="บันทึก"
+        id="onSubmit"
+        type="submit"
+        color="public"
+      >
+        <q-tooltip>บันทึกข้อมูล</q-tooltip>
+      </q-btn>
+    </div>
+  </q-form>
 
   <q-dialog v-model="dialogVisible">
     <q-card style="width: 900px; max-width: 80vw">