From 72a1171b8fd226c44df91eadc9b7c8e2e4628605 Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Wed, 3 Jan 2024 16:44:07 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A3=E0=B8=A1=E0=B8=81=E0=B8=B2=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/2_InvestigateFacts/Form.vue    | 216 +++++++++---------
 .../3_InvestigateDisciplinary/EditPage.vue    |  11 +-
 .../3_InvestigateDisciplinary/Form.vue        |  78 ++++---
 .../Director/DialogInvestigateTotal.vue       |   5 +-
 .../11_discipline/components/DialogDuty.vue   |  10 +-
 .../store/InvestigateDisStore.ts              |  10 +
 6 files changed, 186 insertions(+), 144 deletions(-)

diff --git a/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue b/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
index d94502151..33bf1a240 100644
--- a/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
+++ b/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
@@ -54,6 +54,7 @@ const type = ref<string>("");
 const modalEditDirector = ref<boolean>(false);
 const editDirectorId = ref<string>();
 const dutyVal = ref<string>();
+const commandNoVal = ref<string>();
 
 const filter = ref<string>("");
 const isUpdate = ref<boolean>(false);
@@ -128,7 +129,7 @@ const formData = reactive<FormData>({
   organizationId: "",
   persons: [],
   investigationExtendHistory: [],
-  isDisciplinary:false
+  isDisciplinary: false,
 });
 
 /** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
@@ -293,20 +294,21 @@ watch(props.data, async () => {
 
     mainStore.rowsAdd = props.data.persons;
     mainStore.rowsCheck = mainStore.rowsAdd.filter(
-      (item: any) => item.isDisciplinary === false && item.isSend === 'NEW'
+      (item: any) => item.isDisciplinary === false && item.isSend === "NEW"
     );
 
     const dataMap = props.data.directors.map((item: any) => ({
-      id: item.id,
-      directorId: item.directorId,
+      id: item.id ? item.id:'-',
+      directorId: item.directorId ? item.directorId:'-',
       name: `${item.prefix}${item.firstName} ${item.lastName}`,
-      prefix: item.prefix,
-      firstName: item.firstName,
-      lastName: item.lastName,
-      position: item.position,
-      email: item.email,
-      phone: item.phone,
-      duty: item.duty,
+      prefix: item.prefix ? item.prefix:'-',
+      firstName: item.firstName ? item.firstName:'-',
+      lastName: item.lastName ? item.lastName:'-',
+      position: item.position ? item.position:'-',
+      email: item.email ? item.email:'-',
+      phone: item.phone ? item.phone:'-',
+      commandNo: item.commandNo ? item.commandNo:'-',
+      duty: item.duty ? item.duty:'-',
       check: "props",
     }));
 
@@ -571,20 +573,24 @@ function emitPerson(data: FormData[]) {
     });
 }
 
-function openEditDirector(id: string, duty: string) {
-  editDirectorId.value = id;
+function openEditDirector(data: any) {
+  editDirectorId.value = data.directorId;
   modalEditDirector.value = true;
-  dutyVal.value = duty;
+  dutyVal.value = data.duty;
+  commandNoVal.value = data.commandNo;
 }
 
 function closeEditDirector() {
   modalEditDirector.value = false;
 }
 
-async function saveDuty(id: string, duty: string) {
+async function saveDuty(id: string, duty: string, resolution: string) {
   showLoader();
   await http
-    .put(config.API.investigateEditDuty(formData.id, id), { duty: duty })
+    .put(config.API.investigateEditDuty(formData.id, id), {
+      duty: duty,
+      commandNo: resolution,
+    })
     .then((res: any) => {
       success($q, "บันทึกสำเร็จ");
       closeEditDirector();
@@ -680,7 +686,10 @@ onMounted(async () => {
                 </div>
                 <div
                   class="col-xs-12 col-sm-4"
-                  v-if="route.name === 'disciplineInvestigatefactsEdit' && mainStore.rowsCheck.length >0"
+                  v-if="
+                    route.name === 'disciplineInvestigatefactsEdit' &&
+                    mainStore.rowsCheck.length > 0
+                  "
                 >
                   <q-btn
                     class="q-pa-sm"
@@ -1143,24 +1152,11 @@ onMounted(async () => {
                               flat
                               round
                               color="blue"
-                              @click="
-                                openEditDirector(
-                                  props.row.directorId,
-                                  props.row.duty
-                                )
-                              "
+                              @click="openEditDirector(props.row)"
                               icon="mdi-pencil-outline"
                             >
                               <q-tooltip>แก้ไข</q-tooltip>
                             </q-btn>
-                            <DialogDuty
-                              :modal="modalEditDirector"
-                              :close-popup="closeEditDirector"
-                              :id="editDirectorId"
-                              :duty="dutyVal"
-                              :save="saveDuty"
-                            />
-
                             <q-btn
                               v-if="!isReadonly"
                               dense
@@ -1212,87 +1208,82 @@ onMounted(async () => {
 
                   <div class="col-12"><q-separator /></div>
 
-                  
-                    <div class="row col-12 q-col-gutter-sm q-pa-sm">
-                      <div class="col-3">
-                        <q-select
-                          :class="inputEdit(isReadonly)"
-                          for="#fault"
-                          outlined
-                          dense
-                          :readonly="isReadonly"
-                          ref="investigationStatusResultRef"
-                          v-model="formData.investigationStatusResult"
-                          :options="mainStore.statusResultOptions"
-                          label="ผลการสืบสวน"
-                          emit-value
-                          map-options
-                          option-label="name"
-                          option-value="id"
-                          use-input
-                          @filter="(inputValue: any,
+                  <div class="row col-12 q-col-gutter-sm q-pa-sm">
+                    <div class="col-3">
+                      <q-select
+                        :class="inputEdit(isReadonly)"
+                        for="#fault"
+                        outlined
+                        dense
+                        :readonly="isReadonly"
+                        ref="investigationStatusResultRef"
+                        v-model="formData.investigationStatusResult"
+                        :options="mainStore.statusResultOptions"
+                        label="ผลการสืบสวน"
+                        emit-value
+                        map-options
+                        option-label="name"
+                        option-value="id"
+                        use-input
+                        @filter="(inputValue: any,
                 doneFn: Function) => filterFnOptionsType(inputValue, doneFn, 'faultOp'
                 )"
-                          @update:model-value="changeFormData()"
-                          ><template v-slot:no-option>
-                            <q-item>
-                              <q-item-section class="text-grey">
-                                ไม่มีข้อมูล
-                              </q-item-section>
-                            </q-item>
-                          </template>
-                        </q-select>
-                      </div>
-
-                      <div
-                        v-if="
-                          formData.investigationStatusResult == 'HAVE_CAUSE'
-                        "
-                        class="col-3"
-                      >
-                        <q-select
-                          :class="inputEdit(isReadonly)"
-                          :readonly="isReadonly"
-                          for="#fault"
-                          outlined
-                          dense
-                          ref="investigationCauseTextRef"
-                          v-model="formData.investigationCauseText"
-                          :options="mainStore.causeTextOptions"
-                          label="ร้ายแรง/ไม่ร้ายแรง"
-                          emit-value
-                          map-options
-                          option-label="name"
-                          option-value="id"
-                          use-input
-                          @update:model-value="changeFormData()"
-                          ><template v-slot:no-option>
-                            <q-item>
-                              <q-item-section class="text-grey">
-                                ไม่มีข้อมูล
-                              </q-item-section>
-                            </q-item>
-                          </template>
-                        </q-select>
-                      </div>
-                      <div class="col-12">
-                        <q-input
-                          :class="inputEdit(isReadonly)"
-                          outlined
-                          ref="resultRef"
-                          :readonly="isReadonly"
-                          dense
-                          borderless
-                          v-model="formData.result"
-                          hide-bottom-space
-                          :label="`${'เหตุผล'}`"
-                          type="textarea"
-                          @update:model-value="changeFormData()"
-                        />
-                      </div>
+                        @update:model-value="changeFormData()"
+                        ><template v-slot:no-option>
+                          <q-item>
+                            <q-item-section class="text-grey">
+                              ไม่มีข้อมูล
+                            </q-item-section>
+                          </q-item>
+                        </template>
+                      </q-select>
                     </div>
 
-             
+                    <div
+                      v-if="formData.investigationStatusResult == 'HAVE_CAUSE'"
+                      class="col-3"
+                    >
+                      <q-select
+                        :class="inputEdit(isReadonly)"
+                        :readonly="isReadonly"
+                        for="#fault"
+                        outlined
+                        dense
+                        ref="investigationCauseTextRef"
+                        v-model="formData.investigationCauseText"
+                        :options="mainStore.causeTextOptions"
+                        label="ร้ายแรง/ไม่ร้ายแรง"
+                        emit-value
+                        map-options
+                        option-label="name"
+                        option-value="id"
+                        use-input
+                        @update:model-value="changeFormData()"
+                        ><template v-slot:no-option>
+                          <q-item>
+                            <q-item-section class="text-grey">
+                              ไม่มีข้อมูล
+                            </q-item-section>
+                          </q-item>
+                        </template>
+                      </q-select>
+                    </div>
+                    <div class="col-12">
+                      <q-input
+                        :class="inputEdit(isReadonly)"
+                        outlined
+                        ref="resultRef"
+                        :readonly="isReadonly"
+                        dense
+                        borderless
+                        v-model="formData.result"
+                        hide-bottom-space
+                        :label="`${'เหตุผล'}`"
+                        type="textarea"
+                        @update:model-value="changeFormData()"
+                      />
+                    </div>
+                  </div>
                 </q-card>
               </div>
 
@@ -1504,6 +1495,15 @@ onMounted(async () => {
     </div>
   </div>
 
+  <DialogDuty
+    :modal="modalEditDirector"
+    :close-popup="closeEditDirector"
+    :id="editDirectorId"
+    :duty="dutyVal"
+    :command="commandNoVal"
+    :save="saveDuty"
+  />
+
   <DialogAddPersonal
     title="ผู้ถูกร้องเรียน"
     :modal="modalPerson"
diff --git a/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue b/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
index 8fea91da7..adccb812b 100644
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
@@ -45,7 +45,7 @@ const status = ref<string>("");
 
 const idInvestigate = ref<string>("");
 const idComplaint = ref<string>("");
-const respondentRows = ref<Persons[]>();
+const respondentRows = ref<Persons[]>([]);
 const personObjComplaint = reactive<ArrayPerson>({
   id: "",
   personId: "",
@@ -117,6 +117,7 @@ const dataInvestigatefacts = reactive<FormInvestigateFact>({
   organizationId: "",
   persons: [],
   investigationExtendHistory: [],
+  isDisciplinary: false,
 });
 
 /** function fetchData สอบสวนความผิดทางวินัย*/
@@ -251,7 +252,9 @@ async function onSubmit(id: string) {
 
 /** ยืนยัน ส่งไปออกคำสั่ง */
 async function sentIssue() {
-  respondentRows.value = await store.rowSent.filter((x) => x.isSuspend === 'NEW' && x.isSend === 'NEW');
+  respondentRows.value = await store.rowSent.filter(
+    (x) => x.isSuspend === "NEW" && x.isSend === "NEW"
+  );
   modalPopup.value = true;
 }
 
@@ -381,7 +384,6 @@ onMounted(async () => {
 <template>
   <div class="col-xs-12 col-sm-12 col-md-11">
     <div class="toptitle col-12 row items-center">
-
       <q-btn
         icon="mdi-arrow-left"
         unelevated
@@ -394,7 +396,6 @@ onMounted(async () => {
       />
       <div class="q-ma-none">แก้ไขการสอบสวนความผิดทางวินัย</div>
       <q-space />
-
       <div class="q-gutter-x-sm">
         <q-btn
           v-if="status === 'NEW'"
@@ -452,7 +453,7 @@ onMounted(async () => {
             :data="dataInvestigatefacts"
           />
         </q-tab-panel>
-        
+
         <q-tab-panel name="disciplinary">
           <FormDisciplinary
             :on-submit="onSubmit"
diff --git a/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue b/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue
index b0ae88abc..29e1a6488 100644
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue
@@ -67,6 +67,7 @@ const listDirector = ref<any>([]);
 const modalEditDirector = ref<boolean>(false);
 const editDirectorId = ref<string>();
 const dutyVal = ref<string>();
+const commandNoVal = ref<string>();
 
 const id = ref<string>(route.params.id as string);
 const isUpdate = ref<boolean>(false);
@@ -327,16 +328,17 @@ async function fetchDatadetail() {
     );
     /** MAP รายชื่อกรรมการ หน้าหลัก */
     const dataMap = props.data.director.map((item: any) => ({
-      idRaw: item.id,
-      id: item.directorId,
+      idRaw: item.id ? item.id:'-',
+      id: item.directorId ? item.directorId:'-',
       name: `${item.prefix}${item.firstName} ${item.lastName}`,
-      prefix: item.prefix,
-      firstName: item.firstName,
-      lastName: item.lastName,
-      position: item.position,
-      email: item.email,
-      phone: item.phone,
-      duty: item.duty,
+      prefix: item.prefix ? item.prefix:'-',
+      firstName: item.firstName ? item.firstName:'-',
+      lastName: item.lastName ? item.lastName:'-',
+      position: item.position ? item.position:'-',
+      email: item.email ? item.email:'-',
+      phone: item.phone ? item.phone:'-',
+      duty: item.duty ? item.duty:'-',
+      commandNo: item.commandNo ? item.commandNo:'-',
       check: "props",
     }));
 
@@ -537,20 +539,42 @@ function emitPerson(data: PersonsArray[]) {
     });
 }
 
-function openEditDirector(idVal: string, duty: string) {
-  editDirectorId.value = idVal;
+function openEditDirector(data: any) {
+  console.log(data)
+  editDirectorId.value = data.idRaw;
   modalEditDirector.value = true;
-  dutyVal.value = duty;
+  dutyVal.value = data.duty;
+  commandNoVal.value = data.commandNo;
 }
 
 function closeEditDirector() {
   modalEditDirector.value = false;
 }
 
-async function saveDuty(id: string, duty: string) {
+// async function saveDuty(id: string, duty: string) {
+//   showLoader();
+//   await http
+//     .put(config.API.disciplinaryEditDuty(props.data.id, id), { duty: duty })
+//     .then((res: any) => {
+//       success($q, "บันทึกสำเร็จ");
+//       closeEditDirector();
+//     })
+//     .catch((e) => {
+//       messageError($q, e);
+//     })
+//     .finally(async () => {
+//       props.fetchData();
+//       hideLoader();
+//     });
+// }
+
+async function saveDuty(id: string, duty: string, resolution: string) {
   showLoader();
   await http
-    .put(config.API.disciplinaryEditDuty(props.data.id, id), { duty: duty })
+    .put(config.API.disciplinaryEditDuty(props.data.id, id), {
+      duty: duty,
+      commandNo: resolution,
+    })
     .then((res: any) => {
       success($q, "บันทึกสำเร็จ");
       closeEditDirector();
@@ -687,7 +711,8 @@ onMounted(async () => {
                     v-if="
                       route.name === 'disciplineDisciplinaryEdit' &&
                       props.data &&
-                      props.data.status === 'NEW'
+                      props.data.status === 'NEW' &&
+                      mainStore.rowsCheck.length > 0
                     "
                   >
                     <q-btn
@@ -1328,23 +1353,11 @@ onMounted(async () => {
                                 flat
                                 round
                                 color="blue"
-                                @click="
-                                  openEditDirector(
-                                    props.row.idRaw,
-                                    props.row.duty
-                                  )
-                                "
+                                @click="openEditDirector(props.row)"
                                 icon="mdi-pencil-outline"
                               >
                                 <q-tooltip>แก้ไข</q-tooltip>
                               </q-btn>
-                              <DialogDuty
-                                :modal="modalEditDirector"
-                                :close-popup="closeEditDirector"
-                                :id="editDirectorId"
-                                :duty="dutyVal"
-                                :save="saveDuty"
-                              />
 
                               <q-btn
                                 v-if="!isReadonly"
@@ -1711,6 +1724,15 @@ onMounted(async () => {
     </div>
   </div>
 
+  <DialogDuty
+    :modal="modalEditDirector"
+    :close-popup="closeEditDirector"
+    :id="editDirectorId"
+    :duty="dutyVal"
+    :command="commandNoVal"
+    :save="saveDuty"
+  />
+
   <!-- Popup ผู้ถูกร้องเรียน -->
   <DialogAddPersonal
     title="ผู้ถูกร้องเรียน"
diff --git a/src/modules/11_discipline/components/6_BasicInformation/Director/DialogInvestigateTotal.vue b/src/modules/11_discipline/components/6_BasicInformation/Director/DialogInvestigateTotal.vue
index 793390d69..c838556de 100644
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/DialogInvestigateTotal.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/DialogInvestigateTotal.vue
@@ -17,7 +17,7 @@ import http from "@/plugins/http";
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { showLoader, success, messageError, dialogConfirm, hideLoader } = mixin;
-const listCheck = ref<number>();
+const listCheck = ref<number|null>();
 
 const props = defineProps({
   modal: Boolean,
@@ -46,6 +46,9 @@ function clickList(index: number, data: any) {
 
 watch(props, () => {
   if (props) {
+    listCheck.value = null
+    listInvestigateDetail.value = []
+    dataList.value = []
     const data: DirectorRowsResponse = props.dataList as DirectorRowsResponse;
     showLoader();
     http
diff --git a/src/modules/11_discipline/components/DialogDuty.vue b/src/modules/11_discipline/components/DialogDuty.vue
index 766e08814..b5b98a8ef 100644
--- a/src/modules/11_discipline/components/DialogDuty.vue
+++ b/src/modules/11_discipline/components/DialogDuty.vue
@@ -24,6 +24,10 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  command: {
+    type: String,
+    default: "",
+  },
   resolution: {
     type: String,
     default: "",
@@ -48,8 +52,9 @@ async function submit(){
         dialogConfirm(
           $q,
           async () => {
-            await props.save(props.id, duty.value);
+            await props.save(props.id, duty.value,resolution.value);
             duty.value = "";
+            resolution.value = "";
           },
           "ยืนยันการบันทึกข้อมูล",
           "ต้องการยืนยันการบันทึกข้อมูลหรือไม่?"
@@ -60,8 +65,9 @@ async function submit(){
 };
 
 watch(props, () => {
+  console.log(props.command)
   duty.value = props?.duty;
-  resolution.value = props?.resolution;
+  resolution.value = props?.command;
 });
 </script>
 
diff --git a/src/modules/11_discipline/store/InvestigateDisStore.ts b/src/modules/11_discipline/store/InvestigateDisStore.ts
index ab88a849b..a2a7112e8 100644
--- a/src/modules/11_discipline/store/InvestigateDisStore.ts
+++ b/src/modules/11_discipline/store/InvestigateDisStore.ts
@@ -176,6 +176,7 @@ export const useInvestigateDisStore = defineStore(
       "name",
       "position",
       "duty",
+      "commandNo",
       "email",
       "phone",
       "total",
@@ -217,6 +218,15 @@ export const useInvestigateDisStore = defineStore(
         headerStyle: "font-size: 14px",
         style: "font-size: 14px",
       },
+      {
+        name: "commandNo",
+        align: "left",
+        label: "มติ",
+        sortable: true,
+        field: "commandNo",
+        headerStyle: "font-size: 14px",
+        style: "font-size: 14px",
+      },
       {
         name: "email",
         align: "left",