From b8118186e0fc927c4565eb5afd89587b90ba8624 Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Wed, 13 Sep 2023 16:26:28 +0700
Subject: [PATCH] no message

---
 .../10_order/components/step/step01.vue       | 3271 ++++++++---------
 1 file changed, 1635 insertions(+), 1636 deletions(-)

diff --git a/src/modules/10_order/components/step/step01.vue b/src/modules/10_order/components/step/step01.vue
index 025d8214c..d1f11eff7 100644
--- a/src/modules/10_order/components/step/step01.vue
+++ b/src/modules/10_order/components/step/step01.vue
@@ -733,1684 +733,1683 @@ const getClass = (val: boolean) => {
   <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
-              lazy-rules
-              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)"
-            />
-          </div>
-          <div class="col-xs-12 col-md-6">
+      <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
+            lazy-rules
+            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)"
+          />
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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-input
               :class="getClass(true)"
               outlined
               dense
               lazy-rules
-              v-model="nameOrder"
-              :rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
-              :label="`${'คำสั่งเรื่อง'}`"
+              v-model="command"
               hide-bottom-space
+              :label="`${'คำสั่งเลขที่'}`"
             />
           </div>
-          <div class="row col-xs-7 col-md-3 q-col-gutter-x-xs">
-            <div class="col-6">
+          <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
+                  :model-value="dateYear + 543"
+                  :rules="[(val) => !!val || `${'กรุณากรอก พ.ศ.'}`]"
+                  :label="`${'พ.ศ.'}`"
+                  dense
+                  outlined
+                >
+                </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
-                :class="getClass(true)"
                 outlined
                 dense
-                lazy-rules
-                v-model="command"
-                hide-bottom-space
-                :label="`${'คำสั่งเลขที่'}`"
-              />
-            </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"
+                class="full-width datepicker"
+                :model-value="
+                  dateCommand != null ? date2Thai(dateCommand) : null
+                "
+                :label="`${'วันที่คำสั่งมีผล'}`"
+                :rules="[(val) => !!val || `${'กรุณาเลือกวันที่คำสั่งมีผล'}`]"
               >
-                <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
-                    outlined
+                <template v-slot:prepend>
+                  <q-icon
+                    name="event"
+                    class="cursor-pointer"
+                    style="color: var(--q-primary)"
                   >
-                  </q-input>
+                  </q-icon>
                 </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
-              lazy-rules
-              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
-              lazy-rules
-              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>
-
-            <!-- <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              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
-              lazy-rules
-              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
-              lazy-rules
-              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
-              lazy-rules
-              v-model="positionCommand"
-              :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
-              :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
-              hide-bottom-space
-            />
-          </div>
-          <div class="col-12">
-            <q-separator v-if="typeOrder.commandCode" />
-          </div>
-        
-
-        <!-- C-PM-01-04 -->
+              </q-input>
+            </template>
+          </datepicker>
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="
-            typeOrder.commandCode === 'C-PM-01' ||
-            typeOrder.commandCode === 'C-PM-02' ||
-            typeOrder.commandCode === 'C-PM-03' ||
-            typeOrder.commandCode === 'C-PM-04'
-          "
+          class="col-xs-12 col-md-6"
+          v-if="byOrder !== '00000000-0000-0000-0000-000000000000'"
         >
-          <div class="col-xs-12 col-md-12">
-            <selector
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              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>
+          <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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 class="col-xs-12 col-md-6">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="conclusionRegisterNo"
-              :rules="[
-                (val) =>
-                  !!val ||
-                  `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`,
-              ]"
-              :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`"
-              hide-bottom-space
-            />
+          <!-- <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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
+            lazy-rules
+            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
+            lazy-rules
+            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
+            lazy-rules
+            v-model="positionCommand"
+            :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
+            :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-12 q-mb-md" v-if="typeOrder.commandCode">
+          <q-separator />
+        </div>
+      </div>
 
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionRegisterNo"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`]"
-              hide-bottom-space :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`" emit-value map-options
-              option-label="name" :options="registerOption" option-value="id" use-input input-debounce="0" /> -->
-          </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
-              lazy-rules
-              v-model="conclusionResultNo"
-              :rules="[
-                (val) =>
-                  !!val || `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`,
-              ]"
-              :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`"
-              hide-bottom-space
-            />
-
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionResultNo"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ (เรื่อง ผลการสอบแข่งขัน)'}`]"
-              hide-bottom-space :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบแข่งขัน)'}`" emit-value map-options
-              option-label="name" :options="announceOption" option-value="id" use-input input-debounce="0" /> -->
-          </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>
+      <!-- C-PM-01-04 -->
+      <div
+        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+        v-if="
+          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
+            lazy-rules
+            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>
 
-        <!-- C-PM-05-06 -->
-        <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="
-            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
-              lazy-rules
-              v-model="conclusion1"
-              :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
-              :label="`${'มติ กก. ครั้งที่'}`"
-              hide-bottom-space
-            /> -->
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="conclusionRegisterNo"
+            :rules="[
+              (val) =>
+                !!val ||
+                `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`,
+            ]"
+            :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`"
+            hide-bottom-space
+          />
 
-          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusion1"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ '}`]" hide-bottom-space
-              :label="`${'มติ กก. ครั้งที่'}`" emit-value map-options option-label="name" :options="conclusion1Option"
-              option-value="id" use-input input-debounce="0" /> -->
-          <!-- </div> -->
-          <!-- <div class="col-xs-12 col-md-6">
-            <datepicker
-              menu-class-name="modalfix"
-              v-model="conclusionDate1"
-              :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="
-                    conclusionDate1 != null ? date2Thai(conclusionDate1) : 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
-              lazy-rules
-              v-model="conclusion2"
-              :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
-              :label="`${'มติ กก. ครั้งที่'}`"
-              hide-bottom-space
-            /> -->
-
-          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusion2" :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ '}`]" hide-bottom-space :label="`${'มติ กก. ครั้งที่ '}`" emit-value map-options option-label="name" :options="conclusion2Option" option-value="id" use-input input-debounce="0" /> -->
-          <!-- </div> -->
-          <!-- <div class="col-xs-12 col-md-6">
-            <datepicker
-              menu-class-name="modalfix"
-              v-model="conclusionDate2"
-              :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="
-                    conclusionDate2 != null ? date2Thai(conclusionDate2) : 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
-              lazy-rules
-              v-model="meeting"
-              :rules="[(val) => !!val || `${'กรุณากรอกการประชุม ครั้งที่'}`]"
-              :label="`${'การประชุม ครั้งที่'}`"
-              hide-bottom-space
-            />
-
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="meeting"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกการประชุม ครั้งที่ '}`]" hide-bottom-space
-              :label="`${'การประชุมครั้งที่ '}`" emit-value map-options option-label="name" :options="meetingOption"
-              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
-                  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>
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionRegisterNo"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`]"
+            hide-bottom-space :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`" emit-value map-options
+            option-label="name" :options="registerOption" option-value="id" use-input input-debounce="0" /> -->
         </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
+            lazy-rules
+            v-model="conclusionResultNo"
+            :rules="[
+              (val) =>
+                !!val || `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`,
+            ]"
+            :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`"
+            hide-bottom-space
+          />
 
-        <!-- C-PM-07 -->
-        <!-- <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="typeOrder.commandCode === 'C-PM-07'"
-        >
-          <div class="col-xs-12 col-md-6">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="conclusionRelocation1"
-              :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
-              :label="`${'มติ กก. ครั้งที่'}`"
-              hide-bottom-space
-            />
-          </div>
-          <div class="col-xs-12 col-md-6">
-            <datepicker
-              menu-class-name="modalfix"
-              v-model="conclusionRelocationDate1"
-              :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="
-                    conclusionRelocationDate1 != null
-                      ? date2Thai(conclusionRelocationDate1)
-                      : 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
-              lazy-rules
-              v-model="conclusionRelocation2"
-              :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
-              :label="`${'มติ กก. ครั้งที่'}`"
-              hide-bottom-space
-            />
-          </div>
-          <div class="col-xs-12 col-md-6">
-            <datepicker
-              menu-class-name="modalfix"
-              v-model="conclusionRelocationDate2"
-              :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="
-                    conclusionRelocationDate2 != null
-                      ? date2Thai(conclusionRelocationDate2)
-                      : 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>
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionResultNo"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ (เรื่อง ผลการสอบแข่งขัน)'}`]"
+            hide-bottom-space :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบแข่งขัน)'}`" emit-value map-options
+            option-label="name" :options="announceOption" option-value="id" use-input input-debounce="0" /> -->
+        </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.commandCode === 'C-PM-05' ||
+          typeOrder.commandCode === 'C-PM-06'
+        "
+      >
+        <!-- <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="conclusion1"
+            :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
+            :label="`${'มติ กก. ครั้งที่'}`"
+            hide-bottom-space
+          /> -->
+
+        <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusion1"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ '}`]" hide-bottom-space
+            :label="`${'มติ กก. ครั้งที่'}`" emit-value map-options option-label="name" :options="conclusion1Option"
+            option-value="id" use-input input-debounce="0" /> -->
+        <!-- </div> -->
+        <!-- <div class="col-xs-12 col-md-6">
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="conclusionDate1"
+            :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="
+                  conclusionDate1 != null ? date2Thai(conclusionDate1) : 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
+            lazy-rules
+            v-model="conclusion2"
+            :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
+            :label="`${'มติ กก. ครั้งที่'}`"
+            hide-bottom-space
+          /> -->
 
-        <!-- C-PM-08 -->
-        <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="typeOrder.commandCode === 'C-PM-08'"
-        >
-          <!-- <div class="col-xs-12 col-md-6">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="conclusion"
-              :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
-              :label="`${'มติ กก. ครั้งที่'}`"
-              hide-bottom-space
-            />
-          </div> -->
-          <!-- <div class="col-xs-12 col-md-6">
-            <datepicker
-              menu-class-name="modalfix"
-              v-model="conclusionDate"
-              :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="
-                    conclusionDate != null ? date2Thai(conclusionDate) : 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
-              lazy-rules
-              v-model="conclusionLeave"
-              :rules="[
-                (val) =>
-                  !!val ||
-                  `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ออกจากราชการ)'}`,
-              ]"
-              :label="`${'มติ กก. ครั้งที่ (เรื่อง ออกจากราชการ)'}`"
-              hide-bottom-space
-            />
-          </div> -->
-          <!-- <div class="col-xs-12 col-md-6">
-            <datepicker
-              menu-class-name="modalfix"
-              v-model="conclusionLeaveDate"
-              :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="
-                    conclusionLeaveDate != null
-                      ? date2Thai(conclusionLeaveDate)
-                      : 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
-              lazy-rules
-              v-model="conclusionReturnNo"
-              :rules="[
-                (val) =>
-                  !!val ||
-                  `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`,
-              ]"
-              :label="`${'มติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`"
-              hide-bottom-space
-            />
+        <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusion2" :rules="[(val: string) => !!val || `${'กรุณาเลือกมติ กก. ครั้งที่ '}`]" hide-bottom-space :label="`${'มติ กก. ครั้งที่ '}`" emit-value map-options option-label="name" :options="conclusion2Option" option-value="id" use-input input-debounce="0" /> -->
+        <!-- </div> -->
+        <!-- <div class="col-xs-12 col-md-6">
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="conclusionDate2"
+            :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="
+                  conclusionDate2 != null ? date2Thai(conclusionDate2) : 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
+            lazy-rules
+            v-model="meeting"
+            :rules="[(val) => !!val || `${'กรุณากรอกการประชุม ครั้งที่'}`]"
+            :label="`${'การประชุม ครั้งที่'}`"
+            hide-bottom-space
+          />
 
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionReceive"
-              :rules="[(val: string) => !!val || `${'มติ กก. ครั้งที่ (กลับเข้าราชการ)'}`]" hide-bottom-space
-              :label="`${'มติ กก. ครั้งที่ (กลับเข้าราชการ)'}`" emit-value map-options option-label="name"
-              :options="ReceiveOption" option-value="id" use-input input-debounce="0" /> -->
-          </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>
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="meeting"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกการประชุม ครั้งที่ '}`]" hide-bottom-space
+            :label="`${'การประชุมครั้งที่ '}`" emit-value map-options option-label="name" :options="meetingOption"
+            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
+                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-07 -->
+      <!-- <div
+        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+        v-if="typeOrder.commandCode === 'C-PM-07'"
+      >
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="conclusionRelocation1"
+            :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
+            :label="`${'มติ กก. ครั้งที่'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="conclusionRelocationDate1"
+            :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="
+                  conclusionRelocationDate1 != null
+                    ? date2Thai(conclusionRelocationDate1)
+                    : 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
+            lazy-rules
+            v-model="conclusionRelocation2"
+            :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
+            :label="`${'มติ กก. ครั้งที่'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="conclusionRelocationDate2"
+            :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="
+                  conclusionRelocationDate2 != null
+                    ? date2Thai(conclusionRelocationDate2)
+                    : 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.commandCode === 'C-PM-08'"
+      >
+        <!-- <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="conclusion"
+            :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
+            :label="`${'มติ กก. ครั้งที่'}`"
+            hide-bottom-space
+          />
+        </div> -->
+        <!-- <div class="col-xs-12 col-md-6">
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="conclusionDate"
+            :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="
+                  conclusionDate != null ? date2Thai(conclusionDate) : 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
+            lazy-rules
+            v-model="conclusionLeave"
+            :rules="[
+              (val) =>
+                !!val ||
+                `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ออกจากราชการ)'}`,
+            ]"
+            :label="`${'มติ กก. ครั้งที่ (เรื่อง ออกจากราชการ)'}`"
+            hide-bottom-space
+          />
+        </div> -->
+        <!-- <div class="col-xs-12 col-md-6">
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="conclusionLeaveDate"
+            :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="
+                  conclusionLeaveDate != null
+                    ? date2Thai(conclusionLeaveDate)
+                    : 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
+            lazy-rules
+            v-model="conclusionReturnNo"
+            :rules="[
+              (val) =>
+                !!val ||
+                `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`,
+            ]"
+            :label="`${'มติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`"
+            hide-bottom-space
+          />
+
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionReceive"
+            :rules="[(val: string) => !!val || `${'มติ กก. ครั้งที่ (กลับเข้าราชการ)'}`]" hide-bottom-space
+            :label="`${'มติ กก. ครั้งที่ (กลับเข้าราชการ)'}`" emit-value map-options option-label="name"
+            :options="ReceiveOption" option-value="id" use-input input-debounce="0" /> -->
+        </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.commandCode === 'C-PM-09'"
+      >
+        <div class="col-xs-12 col-md-12">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="organizations"
+            :rules="[(val) => !!val || `${'กรุณากกรอกหน่วยงาน'}`]"
+            :label="`${'หน่วยงาน'}`"
+            hide-bottom-space
+          />
+          <!-- <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="organizations"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]"
+            hide-bottom-space
+            :label="`${'ชื่อหน่วยงาน'}`"
+            emit-value
+            map-options
+            option-label="name"
+            :options="organizationsOption"
+            option-value="id"
+            use-input
+            input-debounce="0"
+          /> -->
+        </div>
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="order"
+            :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]"
+            :label="`${'คำสั่งที่'}`"
+            hide-bottom-space
+          />
+
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="order"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]" hide-bottom-space :label="`${'คำสั่งที่'}`"
+            emit-value map-options option-label="name" :options="orderOption" option-value="id" use-input
+            input-debounce="0" /> -->
+        </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">
+          <!-- <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="book"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือก หนังสือสำนักงาน ก.พ. ที่ นร'}`]"
+            hide-bottom-space
+            :label="`${'หนังสือสำนักงาน ก.พ. ที่ นร'}`"
+            emit-value
+            map-options
+            option-label="name"
+            :options="bookOption"
+            option-value="id"
+            use-input
+            input-debounce="0"
+          /> -->
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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.commandCode === 'C-PM-10'"
+      >
+        <div class="col-xs-12 col-md-4">
+          <!-- <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="organizationsOld"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน (ต้นทาง)'}`]"
+            hide-bottom-space
+            :label="`${'ชื่อหน่วยงาน (ต้นทาง)'}`"
+            emit-value
+            map-options
+            option-label="name"
+            :options="organizationsOldOption"
+            option-value="id"
+            use-input
+            input-debounce="0"
+          /> -->
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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
+            lazy-rules
+            v-model="orderOld"
+            :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]"
+            :label="`${'คำสั่งที่ (ต้นทาง)'}`"
+            hide-bottom-space
+          />
+
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="orderOld"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]" hide-bottom-space
+            :label="`${'คำสั่งที่ (ต้นทาง)'}`" emit-value map-options option-label="name" :options="orderOldOption"
+            option-value="id" use-input input-debounce="0" /> -->
+        </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
+            lazy-rules
+            v-model="locationname"
+            :rules="[(val) => !!val || `${'กรุณากรอกให้ดำรงตำแหน่ง ณ'}`]"
+            :label="`${'ให้ดำรงตำแหน่ง ณ'}`"
+            hide-bottom-space
+          />
         </div>
 
-        <!-- C-PM-09 -->
-        <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="typeOrder.commandCode === 'C-PM-09'"
-        >
-          <div class="col-xs-12 col-md-12">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="organizations"
-              :rules="[(val) => !!val || `${'กรุณากกรอกหน่วยงาน'}`]"
-              :label="`${'หน่วยงาน'}`"
-              hide-bottom-space
-            />
-            <!-- <selector
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="organizations"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]"
-              hide-bottom-space
-              :label="`${'ชื่อหน่วยงาน'}`"
-              emit-value
-              map-options
-              option-label="name"
-              :options="organizationsOption"
-              option-value="id"
-              use-input
-              input-debounce="0"
-            /> -->
-          </div>
-          <div class="col-xs-12 col-md-6">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="order"
-              :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]"
-              :label="`${'คำสั่งที่'}`"
-              hide-bottom-space
-            />
+        <div class="col-xs-12 col-md-4">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="experimentOc"
+            :rules="[
+              (val) =>
+                !!val ||
+                `${'กรุณากรอกหน่วยงานที่ให้ทดลองปฏิบัติหน้าที่ราชการ'}`,
+            ]"
+            :label="`${'หน่วยงานที่ให้ทดลองปฏิบัติหน้าที่ราชการ'}`"
+            hide-bottom-space
+          />
+        </div>
+        <div class="col-md-4"></div>
 
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="order"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]" hide-bottom-space :label="`${'คำสั่งที่'}`"
-              emit-value map-options option-label="name" :options="orderOption" option-value="id" use-input
-              input-debounce="0" /> -->
-          </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">
-            <!-- <selector
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="book"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือก หนังสือสำนักงาน ก.พ. ที่ นร'}`]"
-              hide-bottom-space
-              :label="`${'หนังสือสำนักงาน ก.พ. ที่ นร'}`"
-              emit-value
-              map-options
-              option-label="name"
-              :options="bookOption"
-              option-value="id"
-              use-input
-              input-debounce="0"
-            /> -->
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              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 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>
 
-        <!-- C-PM-10 -->
-        <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="typeOrder.commandCode === 'C-PM-10'"
-        >
-          <div class="col-xs-12 col-md-4">
-            <!-- <selector
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="organizationsOld"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน (ต้นทาง)'}`]"
-              hide-bottom-space
-              :label="`${'ชื่อหน่วยงาน (ต้นทาง)'}`"
-              emit-value
-              map-options
-              option-label="name"
-              :options="organizationsOldOption"
-              option-value="id"
-              use-input
-              input-debounce="0"
-            /> -->
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              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
-              lazy-rules
-              v-model="orderOld"
-              :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]"
-              :label="`${'คำสั่งที่ (ต้นทาง)'}`"
-              hide-bottom-space
-            />
-
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="orderOld"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]" hide-bottom-space
-              :label="`${'คำสั่งที่ (ต้นทาง)'}`" emit-value map-options option-label="name" :options="orderOldOption"
-              option-value="id" use-input input-debounce="0" /> -->
-          </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
-              lazy-rules
-              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
-              lazy-rules
-              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">
-            <!-- <selector
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="chairman"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกประธาน'}`]"
-              hide-bottom-space
-              :label="`${'ประธาน'}`"
-              emit-value
-              map-options
-              option-label="name"
-              :options="chairmanOption"
-              option-value="id"
-              use-input
-              input-debounce="0"
-            /> -->
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="chairman"
-              :rules="[(val) => !!val || `${'กรุณากรอกชื่อประธาน'}`]"
-              :label="`${'ประธาน'}`"
-              hide-bottom-space
-              @click="openDialog('chairman')"
-            />
-          </div>
-          <div class="col-xs-12 col-md-4">
-            <!-- <selector
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="director"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกกรรมการ'}`]"
-              hide-bottom-space
-              :label="`${'กรรมการ'}`"
-              emit-value
-              map-options
-              option-label="name"
-              :options="directorOption"
-              option-value="id"
-              use-input
-              input-debounce="0"
-            /> -->
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="director"
-              :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
-              :label="`${'กรรมการ'}`"
-              hide-bottom-space
-              @click="openDialog('director')"
-            />
-          </div>
-          <div class="col-xs-12 col-md-4">
-            <!-- <selector
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="director2"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกกรรมการ'}`]"
-              hide-bottom-space
-              :label="`${'กรรมการ'}`"
-              emit-value
-              map-options
-              option-label="name"
-              :options="director2Option"
-              option-value="id"
-              use-input
-              input-debounce="0"
-            /> -->
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="director2"
-              :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
-              :label="`${'กรรมการ'}`"
-              hide-bottom-space
-              @click="openDialog('director2')"
-            />
-          </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>
 
-        <!-- C-PM-11 - 12 -->
-        <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="
-            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
-              lazy-rules
-              v-model="committeeOc"
-              :rules="[
-                (val) => !!val || `${'กรุณาเลือกชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`,
-              ]"
-              :label="`${'ชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`"
-              hide-bottom-space
-            />
-
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="committeeOc"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน (อนุสนธิคำสั่ง)'}`]" hide-bottom-space
-              :label="`${'ชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`" emit-value map-options option-label="name"
-              :options="committeeOcOption" option-value="id" use-input input-debounce="0" /> -->
-          </div>
-          <div class="col-xs-12 col-md-4">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="committeeOrder"
-              :rules="[(val) => !!val || `${'กรุณากรอกอนุสนธิคำสั่งที่'}`]"
-              :label="`${'อนุสนธิคำสั่งที่'}`"
-              hide-bottom-space
-            />
-
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="committeeOrder"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกอนุสนธิคำสั่งที่'}`]" hide-bottom-space
-              :label="`${'อนุสนธิคำสั่งที่'}`" emit-value map-options option-label="name" :options="committeeOrderOption"
-              option-value="id" use-input input-debounce="0" /> -->
-          </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 class="col-xs-12 col-md-4">
+          <!-- <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="chairman"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกประธาน'}`]"
+            hide-bottom-space
+            :label="`${'ประธาน'}`"
+            emit-value
+            map-options
+            option-label="name"
+            :options="chairmanOption"
+            option-value="id"
+            use-input
+            input-debounce="0"
+          /> -->
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="chairman"
+            :rules="[(val) => !!val || `${'กรุณากรอกชื่อประธาน'}`]"
+            :label="`${'ประธาน'}`"
+            hide-bottom-space
+            @click="openDialog('chairman')"
+          />
         </div>
-
-        <!-- C-PM-13 -->
-        <div
-          class="row col-6 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="typeOrder.commandCode === 'C-PM-13'"
-        >
-          <div class="col-xs-12 col-md-12">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="receiveOc"
-              :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน'}`]"
-              :label="`${'ชื่อหน่วยงาน'}`"
-              hide-bottom-space
-            />
-
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="receiveOc"
-              :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]" hide-bottom-space
-              :label="`${'ชื่อหน่วยงาน'}`" emit-value map-options option-label="name" :options="receiveOcOption"
-              option-value="id" use-input input-debounce="0" /> -->
-          </div>
+        <div class="col-xs-12 col-md-4">
+          <!-- <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="director"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกกรรมการ'}`]"
+            hide-bottom-space
+            :label="`${'กรรมการ'}`"
+            emit-value
+            map-options
+            option-label="name"
+            :options="directorOption"
+            option-value="id"
+            use-input
+            input-debounce="0"
+          /> -->
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="director"
+            :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
+            :label="`${'กรรมการ'}`"
+            hide-bottom-space
+            @click="openDialog('director')"
+          />
         </div>
+        <div class="col-xs-12 col-md-4">
+          <!-- <selector
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="director2"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกกรรมการ'}`]"
+            hide-bottom-space
+            :label="`${'กรรมการ'}`"
+            emit-value
+            map-options
+            option-label="name"
+            :options="director2Option"
+            option-value="id"
+            use-input
+            input-debounce="0"
+          /> -->
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="director2"
+            :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
+            :label="`${'กรรมการ'}`"
+            hide-bottom-space
+            @click="openDialog('director2')"
+          />
+        </div>
+      </div>
 
-        <!-- C-PM-14 -->
-        <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="typeOrder.commandCode === 'C-PM-14'"
-        >
-          <div class="col-xs-12 col-md-4">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="transferOrganizationName"
-              :rules="[(val) => !!val || `${'กรุณากรอกส่วนราชการที่ให้โอน'}`]"
-              :label="`${'ส่วนราชการที่ให้โอน'}`"
-              hide-bottom-space
-            />
+      <!-- C-PM-11 - 12 -->
+      <div
+        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+        v-if="
+          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
+            lazy-rules
+            v-model="committeeOc"
+            :rules="[
+              (val) => !!val || `${'กรุณาเลือกชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`,
+            ]"
+            :label="`${'ชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`"
+            hide-bottom-space
+          />
 
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionReceive"
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="committeeOc"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน (อนุสนธิคำสั่ง)'}`]" hide-bottom-space
+            :label="`${'ชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`" emit-value map-options option-label="name"
+            :options="committeeOcOption" option-value="id" use-input input-debounce="0" /> -->
+        </div>
+        <div class="col-xs-12 col-md-4">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="committeeOrder"
+            :rules="[(val) => !!val || `${'กรุณากรอกอนุสนธิคำสั่งที่'}`]"
+            :label="`${'อนุสนธิคำสั่งที่'}`"
+            hide-bottom-space
+          />
+
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="committeeOrder"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกอนุสนธิคำสั่งที่'}`]" hide-bottom-space
+            :label="`${'อนุสนธิคำสั่งที่'}`" emit-value map-options option-label="name" :options="committeeOrderOption"
+            option-value="id" use-input input-debounce="0" /> -->
+        </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.commandCode === 'C-PM-13'"
+      >
+        <div class="col-xs-12 col-md-12">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="receiveOc"
+            :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน'}`]"
+            :label="`${'ชื่อหน่วยงาน'}`"
+            hide-bottom-space
+          />
+
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="receiveOc"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]" hide-bottom-space
+            :label="`${'ชื่อหน่วยงาน'}`" emit-value map-options option-label="name" :options="receiveOcOption"
+            option-value="id" use-input input-debounce="0" /> -->
+        </div>
+      </div>
+
+      <!-- C-PM-14 -->
+      <div
+        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+        v-if="typeOrder.commandCode === 'C-PM-14'"
+      >
+        <div class="col-xs-12 col-md-4">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="transferOrganizationName"
+            :rules="[(val) => !!val || `${'กรุณากรอกส่วนราชการที่ให้โอน'}`]"
+            :label="`${'ส่วนราชการที่ให้โอน'}`"
+            hide-bottom-space
+          />
+
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionReceive"
+          :rules="[(val: string) => !!val || `${'มติ กก. ครั้งที่ '}`]" hide-bottom-space
+          :label="`${'มติ กก. ครั้งที่ '}`" emit-value map-options option-label="name" :options="ReceiveOption"
+          option-value="id" use-input input-debounce="0" /> -->
+        </div>
+        <div class="col-xs-12 col-md-4">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            v-model="conclusionReceive"
+            :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
+            :label="`${'มติ กก. ครั้งที่'}`"
+            hide-bottom-space
+          />
+
+          <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionReceive"
             :rules="[(val: string) => !!val || `${'มติ กก. ครั้งที่ '}`]" hide-bottom-space
             :label="`${'มติ กก. ครั้งที่ '}`" emit-value map-options option-label="name" :options="ReceiveOption"
             option-value="id" use-input input-debounce="0" /> -->
-          </div>
-          <div class="col-xs-12 col-md-4">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              v-model="conclusionReceive"
-              :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
-              :label="`${'มติ กก. ครั้งที่'}`"
-              hide-bottom-space
-            />
-
-            <!-- <selector :class="getClass(true)" outlined dense lazy-rules v-model="conclusionReceive"
-              :rules="[(val: string) => !!val || `${'มติ กก. ครั้งที่ '}`]" hide-bottom-space
-              :label="`${'มติ กก. ครั้งที่ '}`" emit-value map-options option-label="name" :options="ReceiveOption"
-              option-value="id" use-input input-debounce="0" /> -->
-          </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.commandCode === 'C-PM-16'"
-        >
-          <div class="col-xs-12 col-md-6">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              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 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-18-20 -->
-        <div
-          class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
-          v-if="
-            typeOrder.commandCode === 'C-PM-18' ||
-            typeOrder.commandCode === 'C-PM-19' ||
-            typeOrder.commandCode === 'C-PM-20'
-          "
-        >
-          <div class="col-xs-12 col-md-6">
-            <q-input
-              :class="getClass(true)"
-              outlined
-              dense
-              lazy-rules
-              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
-              lazy-rules
-              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
-              lazy-rules
-              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
-              lazy-rules
-              v-model="conclusionFireResolution"
-              :rules="[
-                (val) =>
-                  !!val ||
-                  `${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
-              ]"
-              :label="`${'มติที่ประชุม (เรื่องการดำเนินการทางวินัย)'}`"
-              hide-bottom-space
-            />
-          </div>
+      <!-- C-PM-16 -->
+      <div
+        class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md"
+        v-if="typeOrder.commandCode === 'C-PM-16'"
+      >
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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.commandCode === 'C-PM-18' ||
+          typeOrder.commandCode === 'C-PM-19' ||
+          typeOrder.commandCode === 'C-PM-20'
+        "
+      >
+        <div class="col-xs-12 col-md-6">
+          <q-input
+            :class="getClass(true)"
+            outlined
+            dense
+            lazy-rules
+            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
+            lazy-rules
+            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
+            lazy-rules
+            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
+            lazy-rules
+            v-model="conclusionFireResolution"
+            :rules="[
+              (val) =>
+                !!val ||
+                `${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
+            ]"
+            :label="`${'มติที่ประชุม (เรื่องการดำเนินการทางวินัย)'}`"
+            hide-bottom-space
+          />
         </div>
       </div>
     </q-form>
@@ -2579,4 +2578,4 @@ const getClass = (val: boolean) => {
     top: 0;
   }
 }
-</style>
+</style>
\ No newline at end of file