From aadf15bcde5d4bd94d86058971183d43c201ee7d Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 1 Oct 2024 18:07:25 +0700
Subject: [PATCH] fix

---
 src/components/LoginLinkage.vue               |  19 +-
 .../requestEdit/Dialog02_EditIDP.vue          | 424 +++++++++---------
 .../15_development/components/Record.vue      |  20 +-
 src/views/MainLayout.vue                      |  25 +-
 4 files changed, 263 insertions(+), 225 deletions(-)

diff --git a/src/components/LoginLinkage.vue b/src/components/LoginLinkage.vue
index 0be840181..baf5cc4cc 100644
--- a/src/components/LoginLinkage.vue
+++ b/src/components/LoginLinkage.vue
@@ -59,18 +59,9 @@ function onClose() {
       <q-card-section>
         <q-card flat bordered>
           <q-card-section>
-            <div
-              class="row"
-              style="
-                display: flex;
-                flex-direction: column;
-                align-items: flex-end;
-              "
-            >
+            <div class="row">
               <div class="text-red">
                 *ต้องใช้บน Windows และต้องติดตั้ง Agent
-              </div>
-              <div>
                 <a
                   href="https://linkagemgmt.bora.dopa.go.th/app/LinkageManagement-v1.11.0.zip"
                   >ลิงก์ดาวน์โหลด Agent</a
@@ -82,6 +73,7 @@ function onClose() {
               <!-- เสียบบัตรประชาชนเข้ากับเครื่องอ่าน -->
               <q-timeline-entry
                 title="เสียบบัตรประชาชนเข้ากับเครื่องอ่าน"
+                style="font-size: 12px"
                 :icon="
                   step === 1
                     ? 'mdi-pencil'
@@ -187,4 +179,9 @@ function onClose() {
   </q-dialog>
 </template>
 
-<style lang="sass" scoped></style>
+<style scoped>
+:deep(.q-timeline__title) {
+  font-size: 15px; /* ปรับขนาดฟอนต์ตามที่ต้องการ */
+  font-weight: normal; /* หรือปรับน้ำหนักฟอนต์ */
+}
+</style>
diff --git a/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue b/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue
index 60cca11fb..2dae1f215 100644
--- a/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue
@@ -239,227 +239,235 @@ watch(modal, (val) => {
 
 <template>
   <q-dialog v-model="modal" persistent>
-    <q-card style="min-width: 90%">
+    <q-card style="min-width: 65%">
       <q-form greedy @submit.prevent @validation-success="onSubmit">
         <DialogHeader tittle="ข้อมูลการพัฒนารายบุคคล" :close="closeDialog" />
         <q-separator />
 
-        <q-card-section style="max-height: 84vh" class="scroll">
-          <div class="row q-col-gutter-sm">
-            <div class="col-md-3 col-xs-12">
-              <div class="row q-col-gutter-sm">
-                <!-- สถานะ -->
-                <div class="col-12">
-                  <q-select
-                    :class="classInput(isReadOnly)"
-                    v-model="formData.status"
-                    label="สถานะ"
-                    dense
-                    outlined
-                    emit-value
-                    map-options
-                    :options="statusOption"
-                    :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
-                    lazy-rules
-                    hide-bottom-space
-                    use-input
-                    option-label="name"
-                    option-value="id"
-                    @filter="(inputValue:string,
+        <!-- สถานะคำร้อง -->
+        <q-card-section>
+          <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-pa-md q-col-gutter-sm">
+              <!-- สถานะ -->
+              <div class="col-4">
+                <q-select
+                  :class="classInput(isReadOnly)"
+                  v-model="formData.status"
+                  label="สถานะ"
+                  dense
+                  outlined
+                  emit-value
+                  map-options
+                  :options="statusOption"
+                  :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
+                  lazy-rules
+                  hide-bottom-space
+                  use-input
+                  option-label="name"
+                  option-value="id"
+                  @filter="(inputValue:string,
                         doneFn:Function) => filterOption(inputValue, doneFn
                         ) "
-                  >
-                    <template v-slot:no-option>
-                      <q-item>
-                        <q-item-section class="text-grey">
-                          ไม่มีข้อมูล
-                        </q-item-section>
-                      </q-item>
-                    </template>
-                  </q-select>
-                </div>
+                >
+                  <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="classInput(isReadOnly)"
-                    v-model="formData.reason"
-                    label="หมายเหตุ"
-                    dense
-                    outlined
-                    type="textarea"
-                    hide-bottom-space
-                  />
-                </div>
+              <!-- หมายเหตุ -->
+              <div class="col-8">
+                <q-input
+                  :class="classInput(isReadOnly)"
+                  v-model="formData.reason"
+                  label="หมายเหตุ"
+                  dense
+                  outlined
+                  type="textarea"
+                  hide-bottom-space
+                />
               </div>
             </div>
 
-            <div class="col-md-9 col-xs-12">
-              <div class="row q-col-gutter-sm">
-                <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>
-            </div>
-          </div>
+            <q-card-actions align="right">
+              <q-btn label="บันทึก" color="secondary" type="submit"
+                ><q-tooltip>บันทึก</q-tooltip></q-btn
+              >
+            </q-card-actions>
+          </q-card>
         </q-card-section>
 
-        <q-separator />
+        <!-- รายละเอียด -->
+        <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>
 
-        <q-card-actions align="right">
-          <q-btn label="บันทึก" color="secondary" type="submit"
-            ><q-tooltip>บันทึก</q-tooltip></q-btn
-          >
-        </q-card-actions>
+              <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>
   </q-dialog>
diff --git a/src/modules/15_development/components/Record.vue b/src/modules/15_development/components/Record.vue
index 4e31245bd..e64ad1c9b 100644
--- a/src/modules/15_development/components/Record.vue
+++ b/src/modules/15_development/components/Record.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
 import { useRoute } from "vue-router";
 import { useQuasar } from "quasar";
 
@@ -18,7 +18,8 @@ const listPerson = defineModel<ResRecord[]>("listPerson", { required: true });
 //ข้อมุล Table
 const keyword = ref<string>("");
 const rows = ref<ResRecord[]>([]);
-const columns = ref<QTableProps["columns"]>([
+// baseColumns
+const baseColumns = ref<QTableProps["columns"]>([
   {
     name: "isDone",
     align: "left",
@@ -185,6 +186,17 @@ const columns = ref<QTableProps["columns"]>([
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
 ]);
+const columns = computed(() => {
+  if (!isProfile.value) {
+    if (baseColumns.value) {
+      return baseColumns.value.filter(
+        (column) => column.name !== "isDone" && column.name !== "isDoneIDP"
+      );
+    }
+  }
+  return baseColumns.value;
+});
+
 const visibleColumns = ref<string[]>([
   "isDone",
   "isDoneIDP",
@@ -195,8 +207,8 @@ const visibleColumns = ref<string[]>([
   "posTypeName",
   "posLevelName",
   "posExecutive",
-  "startDate",
-  "endDate",
+  "dateStart",
+  "dateEnd",
   "trainingDays",
   "org",
   "commandNumber",
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 1ee422a83..5e33e30eb 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -703,7 +703,28 @@ async function fetchPermissionsSys() {
                 <div class="text-subtitle2 q-mt-md q-mb-xs text-center">
                   {{ fullname }}
                 </div>
-                <div id="#logout">
+                <div class="row q-col-gutter-sm q-pa-sm">
+                  <div class="col-6">
+                    <q-btn
+                      color="blue"
+                      label="เข้าสู่ระบบ Linkage Center"
+                      size="sm"
+                      v-close-popup
+                      @click="modalLoginLinkage = true"
+                    />
+                  </div>
+                  <div class="col-6">
+                    <q-btn
+                      color="primary"
+                      label="ออกจากระบบ"
+                      v-close-popup
+                      @click="doLogout"
+                      class="full-width full-height"
+                    />
+                  </div>
+                </div>
+
+                <!-- <div id="#logout">
                   <q-btn
                     color="blue"
                     label="เข้าสู่ระบบ Linkage Center"
@@ -722,7 +743,7 @@ async function fetchPermissionsSys() {
                     v-close-popup
                     @click="doLogout"
                   />
-                </div>
+                </div> -->
               </div>
 
               <!-- <div class="column col-12">