From 4f70d588d1404240b99fd391b296299aba9d8e00 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 10 Oct 2024 17:05:04 +0700
Subject: [PATCH] fixing bod IDP

---
 .../requestEdit/01_TabInformation.vue         |  20 +-
 .../components/requestEdit/02_TabIDP.vue      |   3 +-
 .../requestEdit/Dialog02_EditIDP.vue          | 344 +++++++++---------
 3 files changed, 189 insertions(+), 178 deletions(-)

diff --git a/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue b/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
index b2890d17f..29ee5a5bb 100644
--- a/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
@@ -336,14 +336,26 @@ onMounted(() => {
           <q-tr :props="props">
             <q-td auto-width>
               <q-btn
-                :icon="props.row.topic == 'ขออัปเดตข้อมูลจากกรมการปกครอง' ? 'mdi-sync-circle':'edit'"
+                :icon="
+                  props.row.topic == 'ขออัปเดตข้อมูลจากกรมการปกครอง'
+                    ? 'mdi-sync-circle'
+                    : 'edit'
+                "
                 round
                 dense
                 flat
-                :color="props.row.topic == 'ขออัปเดตข้อมูลจากกรมการปกครอง' ? 'info':'edit'"
+                :color="
+                  props.row.topic == 'ขออัปเดตข้อมูลจากกรมการปกครอง'
+                    ? 'info'
+                    : 'edit'
+                "
                 @click.pervent="onclickEdit(props.row.id)"
               >
-                <q-tooltip>{{props.row.topic == 'ขออัปเดตข้อมูลจากกรมการปกครอง' ? 'ขออัปเดตข้อมูลจากกรมการปกครอง':'แก้ไขสถานะคำร้อง'}}</q-tooltip>
+                <q-tooltip>{{
+                  props.row.topic == "ขออัปเดตข้อมูลจากกรมการปกครอง"
+                    ? "ขออัปเดตข้อมูลจากกรมการปกครอง"
+                    : "แก้ไขสถานะคำร้อง"
+                }}</q-tooltip>
               </q-btn>
             </q-td>
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
@@ -356,7 +368,7 @@ onMounted(() => {
                   color="primary"
                   @click.pervent="onDownloadFile(props.row.id)"
                 >
-                  <q-tooltip>หลักฐานอ้างอิง</q-tooltip>
+                  <q-tooltip>ดาวน์โหลดเอกสารหลักฐาน</q-tooltip>
                 </q-btn>
               </div>
               <div v-else class="table_ellipsis2">
diff --git a/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue b/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
index b5e6946f5..76cc47a86 100644
--- a/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
@@ -276,7 +276,6 @@ watch(
   }
 );
 
-
 /** HooK lifecycle ทำงานเมื่อมีการเรียกใช้งาน Componenets*/
 onMounted(() => {
   fetchData();
@@ -402,7 +401,7 @@ onMounted(() => {
                   color="primary"
                   @click.pervent="onDownloadFile(props.row.id)"
                 >
-                  <q-tooltip>หลักฐานอ้างอิง</q-tooltip>
+                  <q-tooltip>ดาวน์โหลดเอกสารหลักฐาน</q-tooltip>
                 </q-btn>
               </div>
               <div v-else>
diff --git a/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue b/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue
index cca2245ed..a84e7643c 100644
--- a/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue
@@ -252,18 +252,18 @@ watch(modal, (val) => {
 <template>
   <q-dialog v-model="modal" persistent>
     <q-card style="min-width: 65%">
-      <q-form greedy @submit.prevent @validation-success="onSubmit">
-        <DialogHeader
-          :tittle="`${formData.createdFullName}
+      <DialogHeader
+        :tittle="`${formData.createdFullName}
         (ขอแก้ไขเมื่อ ${
           formData.createdAt ? date2Thai(formData.createdAt, true, true) : ''
         })`"
-          :close="closeDialog"
-        />
-        <q-separator />
+        :close="closeDialog"
+      />
+      <q-separator />
 
-        <!-- สถานะคำร้อง -->
-        <q-card-section>
+      <!-- สถานะคำร้อง -->
+      <q-form greedy @submit.prevent @validation-success="onSubmit">
+        <q-card-section v-if="formData.status == 'PENDING'">
           <q-card bordered class="col-12">
             <div class="row q-pa-md q-col-gutter-sm">
               <!-- สถานะ -->
@@ -320,171 +320,171 @@ watch(modal, (val) => {
             </q-card-actions>
           </q-card>
         </q-card-section>
-
-        <!-- รายละเอียด -->
-        <q-card-section class="q-pt-none">
-          <q-card bordered class="col-12">
-            <div class="col-12 text-weight-medium bg-grey-1 q-py-xs q-px-md">
-              รายละเอียด
-            </div>
-            <q-separator />
-            <div class="row q-col-gutter-sm q-pa-md">
-              <div class="col-12">
-                <q-input
-                  readonly
-                  outlined
-                  v-model="formData.topic"
-                  label="ชื่อเรื่อง/เนื้อเรื่อง/หัวข้อการพัฒนา"
-                  dense
-                />
-              </div>
-
-              <div class="col-12">
-                <div class="q-mb-sm text-weight-medium text-body2">
-                  วิธีการพัฒนา
-                </div>
-                <div class="row col-12 q-ml-md q-col-gutter-sm">
-                  <!-- 70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย) -->
-                  <div class="col-4">
-                    <div class="q-mb-sm text-weight-medium text-body2">
-                      70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย)
-                    </div>
-                    <q-option-group
-                      disable
-                      class="check_box q-mt-sm"
-                      keep-color
-                      color="primary"
-                      dense
-                      v-model="formData.developmentProjects"
-                      :options="itemsDevelopment70"
-                      type="checkbox"
-                    />
-
-                    <div
-                      class="row"
-                      v-if="formData.developmentProjects.includes('other1')"
-                    >
-                      <div class="col-8 q-mt-sm relative-position">
-                        <div class="other_custom_input">
-                          <q-input
-                            readonly
-                            v-model="formData.reasonDevelopment70"
-                            dense
-                            outlined
-                            label="กรุณาระบุ"
-                          ></q-input>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- 20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting) -->
-                  <div class="col-4">
-                    <div class="q-mb-sm text-weight-medium text-body2">
-                      20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting)
-                    </div>
-                    <q-option-group
-                      disable
-                      class="check_box q-mt-sm"
-                      keep-color
-                      color="primary"
-                      dense
-                      v-model="formData.developmentProjects"
-                      :options="itemsDevelopment20"
-                      type="checkbox"
-                    />
-                    <div
-                      class="row"
-                      v-if="formData.developmentProjects.includes('other2')"
-                    >
-                      <div class="col-8 q-mt-sm relative-position">
-                        <div class="other_custom_input">
-                          <q-input
-                            readonly
-                            v-model="formData.reasonDevelopment20"
-                            dense
-                            outlined
-                            label="กรุณาระบุ"
-                          ></q-input>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- 10 การฝึกอบรมอื่นๆ -->
-                  <div class="col-4">
-                    <div class="q-mb-sm text-weight-medium text-body2">
-                      10 การฝึกอบรมอื่นๆ
-                    </div>
-                    <q-option-group
-                      disable
-                      class="check_box q-mt-sm"
-                      keep-color
-                      color="primary"
-                      dense
-                      v-model="formData.developmentProjects"
-                      :options="itemsDevelopment10"
-                      type="checkbox"
-                    />
-                    <div
-                      class="row"
-                      v-if="formData.developmentProjects.includes('other3')"
-                    >
-                      <div class="offset-4 col-8 q-mt-sm relative-position">
-                        <div class="other_custom_input">
-                          <q-input
-                            readonly
-                            v-model="formData.reasonDevelopment10"
-                            dense
-                            outlined
-                            label="กรุณาระบุ"
-                          ></q-input>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <!-- เป้าหมายการนำไปพัฒนางาน -->
-              <div class="col-12">
-                <q-input
-                  readonly
-                  outlined
-                  v-model="formData.developmentTarget"
-                  label="เป้าหมายการนำไปพัฒนางาน"
-                  dense
-                  type="textarea"
-                />
-              </div>
-
-              <!-- วิธีการวัดผลการพัฒนา -->
-              <div class="col-12">
-                <q-input
-                  readonly
-                  outlined
-                  v-model="formData.developmentResults"
-                  label="วิธีการวัดผลการพัฒนา"
-                  dense
-                  type="textarea"
-                />
-              </div>
-
-              <!-- รายงานผลการพัฒนา -->
-              <div class="col-12">
-                <q-input
-                  readonly
-                  outlined
-                  v-model="formData.developmentReport"
-                  label="รายงานผลการพัฒนา"
-                  dense
-                  type="textarea"
-                />
-              </div>
-            </div>
-          </q-card>
-        </q-card-section>
       </q-form>
+
+      <!-- รายละเอียด -->
+      <q-card-section class="q-pt-sm">
+        <q-card bordered class="col-12">
+          <div class="col-12 text-weight-medium bg-grey-1 q-py-xs q-px-md">
+            รายละเอียด
+          </div>
+          <q-separator />
+          <div class="row q-col-gutter-sm q-pa-md">
+            <div class="col-12">
+              <q-input
+                readonly
+                outlined
+                v-model="formData.topic"
+                label="ชื่อเรื่อง/เนื้อเรื่อง/หัวข้อการพัฒนา"
+                dense
+              />
+            </div>
+
+            <div class="col-12">
+              <div class="q-mb-sm text-weight-medium text-body2">
+                วิธีการพัฒนา
+              </div>
+              <div class="row col-12 q-ml-md q-col-gutter-sm">
+                <!-- 70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย) -->
+                <div class="col-4">
+                  <div class="q-mb-sm text-weight-medium text-body2">
+                    70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย)
+                  </div>
+                  <q-option-group
+                    disable
+                    class="check_box q-mt-sm"
+                    keep-color
+                    color="primary"
+                    dense
+                    v-model="formData.developmentProjects"
+                    :options="itemsDevelopment70"
+                    type="checkbox"
+                  />
+
+                  <div
+                    class="row"
+                    v-if="formData.developmentProjects.includes('other1')"
+                  >
+                    <div class="col-8 q-mt-sm relative-position">
+                      <div class="other_custom_input">
+                        <q-input
+                          readonly
+                          v-model="formData.reasonDevelopment70"
+                          dense
+                          outlined
+                          label="กรุณาระบุ"
+                        ></q-input>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting) -->
+                <div class="col-4">
+                  <div class="q-mb-sm text-weight-medium text-body2">
+                    20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting)
+                  </div>
+                  <q-option-group
+                    disable
+                    class="check_box q-mt-sm"
+                    keep-color
+                    color="primary"
+                    dense
+                    v-model="formData.developmentProjects"
+                    :options="itemsDevelopment20"
+                    type="checkbox"
+                  />
+                  <div
+                    class="row"
+                    v-if="formData.developmentProjects.includes('other2')"
+                  >
+                    <div class="col-8 q-mt-sm relative-position">
+                      <div class="other_custom_input">
+                        <q-input
+                          readonly
+                          v-model="formData.reasonDevelopment20"
+                          dense
+                          outlined
+                          label="กรุณาระบุ"
+                        ></q-input>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 10 การฝึกอบรมอื่นๆ -->
+                <div class="col-4">
+                  <div class="q-mb-sm text-weight-medium text-body2">
+                    10 การฝึกอบรมอื่นๆ
+                  </div>
+                  <q-option-group
+                    disable
+                    class="check_box q-mt-sm"
+                    keep-color
+                    color="primary"
+                    dense
+                    v-model="formData.developmentProjects"
+                    :options="itemsDevelopment10"
+                    type="checkbox"
+                  />
+                  <div
+                    class="row"
+                    v-if="formData.developmentProjects.includes('other3')"
+                  >
+                    <div class="offset-4 col-8 q-mt-sm relative-position">
+                      <div class="other_custom_input">
+                        <q-input
+                          readonly
+                          v-model="formData.reasonDevelopment10"
+                          dense
+                          outlined
+                          label="กรุณาระบุ"
+                        ></q-input>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- เป้าหมายการนำไปพัฒนางาน -->
+            <div class="col-12">
+              <q-input
+                readonly
+                outlined
+                v-model="formData.developmentTarget"
+                label="เป้าหมายการนำไปพัฒนางาน"
+                dense
+                type="textarea"
+              />
+            </div>
+
+            <!-- วิธีการวัดผลการพัฒนา -->
+            <div class="col-12">
+              <q-input
+                readonly
+                outlined
+                v-model="formData.developmentResults"
+                label="วิธีการวัดผลการพัฒนา"
+                dense
+                type="textarea"
+              />
+            </div>
+
+            <!-- รายงานผลการพัฒนา -->
+            <div class="col-12">
+              <q-input
+                readonly
+                outlined
+                v-model="formData.developmentReport"
+                label="รายงานผลการพัฒนา"
+                dense
+                type="textarea"
+              />
+            </div>
+          </div>
+        </q-card>
+      </q-card-section>
     </q-card>
   </q-dialog>
 </template>