From d25bf232750be4d9d5830c6ccd77de81c00ff343 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 25 Aug 2023 17:57:03 +0700
Subject: [PATCH] =?UTF-8?q?api=20=E0=B8=AD=E0=B8=AD=E0=B8=81=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=AA=E0=B8=B1=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../10_order/components/step/step01.vue       | 211 +++++++++++++++++-
 1 file changed, 200 insertions(+), 11 deletions(-)

diff --git a/src/modules/10_order/components/step/step01.vue b/src/modules/10_order/components/step/step01.vue
index 84aa15ad2..9979cb946 100644
--- a/src/modules/10_order/components/step/step01.vue
+++ b/src/modules/10_order/components/step/step01.vue
@@ -191,11 +191,20 @@ const receiveOcOption = ref<DataOption1[]>([
     id: "3fa85f64-5717-4562-b3fc-2c963f66afa6",
   },
 ]);
+// C-PM-14
+const transferOrganizationName = ref<string>("");
 
 // C-PM-16
 const orderNumber = ref<string>();
 const orderNumberDate = ref<Date>(new Date());
 
+// C-PM-18-20
+const fault = ref<string>("");
+const guiltyBasis = ref<string>("");
+const conclusionFireNo = ref<string>("");
+const conclusionFireDate = ref<Date>(new Date());
+const conclusionFireResolution = ref<string>("");
+
 onMounted(async () => {
   if (orderId) {
     fecthTypeOption("hasData");
@@ -251,9 +260,8 @@ const fetchdetailOrder = async () => {
   await http
     .get(config.API.detailOrder(orderIdString))
     .then((res: any) => {
-      // console.log(typeOrderOption.value);
-
       const data = res.data.result;
+      console.log(data);
       typeOrder.value = typeOrderOption.value.find(
         (e) => e.id === data.orderTypeValue
       );
@@ -271,6 +279,57 @@ const fetchdetailOrder = async () => {
       conclusionRegisterDate.value = data.conclusionRegisterDate;
       conclusionResultNo.value = data.conclusionResultNo;
       conclusionResultDate.value = data.conclusionResultDate;
+      // 05 -06
+      meeting.value = data.conclusionMeetingNo;
+      dateMeeting.value = data.conclusionMeetingDate;
+
+      // 08
+      conclusionReceive.value = data.conclusionReturnNo;
+      conclusionReceiveDate.value = data.conclusionReturnDate;
+
+      //09
+      organizations.value = data.sourceOrganizationName;
+      order.value = data.conclusionReturnNo;
+      orderDate.value = data.conclusionReturnDate;
+      book.value = data.militaryCommandNo;
+      bookDate.value = data.militaryCommandDate;
+
+      //10
+      organizationsOld.value = data.placementCommandIssuer;
+      orderOld.value = data.placementCommandNo;
+      orderOldDate.value = data.placementCommandDate;
+      locationname.value = data.placementPositionName;
+      experimentOc.value = data.placementOrganizationName;
+      experimentformDate.value = data.probationStartDate;
+      experimenttoDate.value = data.probationEndDate;
+      chairman.value = data.chairManFullName;
+      director.value = data.member1FullName;
+      director2.value = data.member2FullName;
+
+      //11-12
+      committeeOc.value = data.placementCommandIssuer;
+      committeeOrder.value = data.placementCommandNo;
+      committeeDate.value = data.placementCommandDate;
+
+      //13
+      receiveOc.value = data.receiveOrganizationName;
+
+      //14
+      transferOrganizationName.value = data.transferOrganizationName;
+      conclusionReceive.value = data.conclusionReceiveNo;
+      conclusionReceiveDate.value = data.conclusionReceiveDate;
+
+      //16
+      orderNumber.value = data.govAidCommandNo;
+      orderNumberDate.value = data.govAidCommandDate;
+
+      //18-20
+      fault.value = data.fault;
+      guiltyBasis.value = data.guiltyBasis;
+      conclusionFireNo.value = data.conclusionFireNo;
+      conclusionFireDate.value = data.conclusionFireDate;
+      conclusionFireResolution.value = data.conclusionFireResolution;
+
       fecthExamRoundOption(data.orderTypeCode);
     })
     .catch((e) => {
@@ -285,7 +344,6 @@ const fecthCommand = async () => {
   await http
     .get(config.API.organizationsOrder())
     .then((res: any) => {
-      console.log(res);
       byOrderOption.value = res.data.result;
     })
     .catch((e: any) => {
@@ -397,7 +455,7 @@ const submit = async () => {
     });
   } else if (typeOrder.value.commandCode == "C-PM-14") {
     Object.assign(formdata, {
-      transferOrganizationName: "",
+      transferOrganizationName: transferOrganizationName.value,
       conclusionReceiveNo: conclusionReceive.value,
       conclusionReceiveDate: conclusionReceiveDate.value,
     });
@@ -412,11 +470,11 @@ const submit = async () => {
     typeOrder.value.commandCode == "C-PM-20"
   ) {
     Object.assign(formdata, {
-      fault: "",
-      guiltyBasis: "",
-      conclusionFireNo: "",
-      conclusionFireDate: new Date(),
-      conclusionFireResolution: "",
+      fault: fault.value,
+      guiltyBasis: guiltyBasis.value,
+      conclusionFireNo: conclusionFireNo.value,
+      conclusionFireDate: conclusionFireDate.value,
+      conclusionFireResolution: conclusionFireResolution.value,
     });
   }
 
@@ -1874,7 +1932,24 @@ const getClass = (val: boolean) => {
           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-6">
+          <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
@@ -1891,7 +1966,7 @@ const getClass = (val: boolean) => {
               :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">
+          <div class="col-xs-12 col-md-4">
             <datepicker
               menu-class-name="modalfix"
               v-model="conclusionReceiveDate"
@@ -1993,6 +2068,120 @@ const getClass = (val: boolean) => {
             </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>
       </div>
     </q-form>
   </div>