From 60d67f27209a9061708f85a477c132a57e58c813 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 18 Jan 2024 10:29:37 +0700
Subject: [PATCH 01/10] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20field=20typr=20=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=87?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99=E0=B8=AA=E0=B8=96=E0=B8=B4=E0=B8=95=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5=E0=B8=87=E0=B9=80=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/1_Work/DialogReport.vue        | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/modules/09_leave/components/1_Work/DialogReport.vue b/src/modules/09_leave/components/1_Work/DialogReport.vue
index 8c7acf537..cb670d2a6 100644
--- a/src/modules/09_leave/components/1_Work/DialogReport.vue
+++ b/src/modules/09_leave/components/1_Work/DialogReport.vue
@@ -38,10 +38,10 @@ const props = defineProps({
 });
 
 const loadingBtn = ref<boolean>(true);
-const filterType = ref<string>("daily");
+const filterType = ref<string>("DAY");
 const filterTypeMain = ref<DataOption[]>([
-  { id: "daily", name: "รายวัน" },
-  { id: "monthly", name: "รายเดือน" },
+  { id: "DAY", name: "รายวัน" },
+  { id: "MONTH", name: "รายเดือน" },
 ]);
 const filterTypeOption = ref<DataOption[]>(filterTypeMain.value);
 const date = ref<Date>(new Date());
@@ -54,9 +54,9 @@ const detailReport = ref<any>();
 
 /** function อัปเดทรายงานสถิติการลา*/
 async function updateFilterType() {
-  filterType.value === "daily"
+  filterType.value === "DAY"
     ? updateDte()
-    : filterType.value === "monthly"
+    : filterType.value === "MONTH"
     ? updateMonth()
     : false;
 }
@@ -66,6 +66,7 @@ async function updateDte() {
   const body = {
     startDate: dateToISO(date.value),
     endDate: dateToISO(date.value),
+    type: filterType.value,
   };
   fetchReportTimeRecords(body);
 }
@@ -80,6 +81,7 @@ async function updateMonth() {
   const body = {
     startDate: dateToISO(firstDay),
     endDate: dateToISO(lastDay),
+    type: filterType.value,
   };
   fetchReportTimeRecords(body);
 }
@@ -133,7 +135,7 @@ async function genReportXLSX(data: any) {
       },
       responseType: "blob",
     })
-    .then(async (res) => {
+    .then((res) => {
       const blob = new Blob([res.data]);
       downloadReport(blob, "xlsx");
     })
@@ -165,7 +167,7 @@ function monthYearThai(val: DataDateMonthObject) {
 watch(
   () => props.modal,
   () => {
-    filterType.value = "daily";
+    filterType.value = "DAY";
     date.value = new Date();
     props.modal && updateFilterType();
   }
@@ -192,11 +194,11 @@ watch(
                 map-options
                 option-label="name"
                 option-value="id"
-                use-input
                 @update:model-value="updateFilterType"
                 @filter="(inputValue: any,
         doneFn: Function) => filterFnOptions(inputValue, doneFn,)"
-                ><template v-slot:no-option>
+              >
+                <template v-slot:no-option>
                   <q-item>
                     <q-item-section class="text-grey">
                       ไม่มีข้อมูล
@@ -205,7 +207,7 @@ watch(
                 </template>
               </q-select>
             </div>
-            <div class="q-pr-xs col-4" v-if="filterType === 'daily'">
+            <div class="q-pr-xs col-4" v-if="filterType === 'DAY'">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="date"
@@ -241,7 +243,7 @@ watch(
                 </template>
               </datepicker>
             </div>
-            <div class="q-pr-xs col-4" v-if="filterType === 'monthly'">
+            <div class="q-pr-xs col-4" v-if="filterType === 'MONTH'">
               <datepicker
                 v-model="dateMonth"
                 :locale="'th'"

From 814c25d81a10f871484b6ba4d16888160fc7b792 Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Thu, 18 Jan 2024 11:02:23 +0700
Subject: [PATCH 02/10] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20ui?=
 =?UTF-8?q?=20=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=99=20step=201-5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Detail/Stepper.vue             |  50 +++-
 .../components/Detail/Tab1.vue                |  68 ++++--
 .../components/Detail/step/step1.vue          | 227 ++++++++++--------
 .../components/Detail/step/step2.vue          | 212 ++++++++--------
 .../components/Detail/step/step3.vue          |  16 +-
 .../components/Detail/step/step4.vue          | 146 ++++++-----
 .../components/Detail/step/step5.vue          | 110 ++++-----
 .../components/Detail/viewstep/tableStep1.vue |  25 +-
 .../components/Detail/viewstep/viewPDF.vue    |  23 +-
 .../components/Detail/viewstep/viewStep1.vue  | 193 +++++++--------
 .../components/Detail/viewstep/viewStep3.vue  |  87 +++----
 .../12_evaluatePersonal/views/DetailPage.vue  |  46 ++--
 src/views/MainLayout.vue                      |   4 +-
 13 files changed, 631 insertions(+), 576 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue b/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue
index 9e70e186a..ed401b6f3 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/Stepper.vue
@@ -13,6 +13,7 @@ const store = useEvaluateDetailStore();
     header-nav
     ref="stepper"
     :bordered="false"
+    class="stepEva text-grey-8"
   >
     <q-step
       keep-alive
@@ -20,6 +21,7 @@ const store = useEvaluateDetailStore();
       prefix="1"
       title="ตรวจสอบคุณสมบัติ"
       :done="store.step >= 1"
+      class="subStep"
     >
     </q-step>
 
@@ -29,6 +31,7 @@ const store = useEvaluateDetailStore();
       title="จัดเตรียมเอกสารเล่ม 1"
       :done="store.step >= 2"
       :disable="store.currentStep < 2"
+      class="subStep"
     >
     </q-step>
 
@@ -38,6 +41,7 @@ const store = useEvaluateDetailStore();
       title="ตรวจสอบเอกสารเล่ม 1"
       :done="store.step >= 3"
       :disable="store.currentStep < 3"
+      class="subStep"
     >
     </q-step>
 
@@ -47,6 +51,7 @@ const store = useEvaluateDetailStore();
       title="รอตรวจสอบคุณสมบัติ"
       :done="store.step >= 4"
       :disable="store.currentStep < 4"
+      class="subStep"
     >
     </q-step>
 
@@ -56,6 +61,7 @@ const store = useEvaluateDetailStore();
       title="ประกาศบนเว็บไซต์"
       :done="store.step >= 5"
       :disable="store.currentStep < 5"
+      class="subStep"
     >
     </q-step>
 
@@ -65,6 +71,7 @@ const store = useEvaluateDetailStore();
       title="จัดเตรียมเอกสารเล่ม 2"
       :done="store.step >= 6"
       :disable="store.currentStep < 6"
+      class="subStep"
     >
     </q-step>
 
@@ -74,6 +81,7 @@ const store = useEvaluateDetailStore();
       title="ตรวจสอบเอกสารเล่ม 2"
       :done="store.step >= 7"
       :disable="store.currentStep < 7"
+      class="subStep"
     >
     </q-step>
 
@@ -83,6 +91,7 @@ const store = useEvaluateDetailStore();
       title="รอพิจารณาผลการประเมิน"
       :done="store.step >= 8"
       :disable="store.currentStep < 8"
+      class="subStep"
     >
     </q-step>
 
@@ -92,9 +101,48 @@ const store = useEvaluateDetailStore();
       title="เสร็จสิ้น"
       :done="store.step >= 9"
       :disable="store.currentStep < 9"
+      class="subStep"
     >
     </q-step>
   </q-stepper>
 </template>
 
-<style scoped></style>
+<style>
+.stepEva {
+  padding: 0px !important;
+}
+.subStep .q-stepper__tab {
+  padding: 10px 10px !important;
+  border-radius: 8px;
+  font-size: 0.9rem;
+}
+
+/* steppe active */
+.stepEva .q-stepper__tab--active .q-stepper__title {
+  color: #34373c !important;
+  font-weight: 500 !important;
+}
+.stepEva .q-stepper__tab--active .q-stepper__dot {
+  color: white !important;
+  border: 1.5px solid #02a998;
+}
+
+.stepEva .q-stepper__tab--active .q-stepper__dot span {
+  color: #02a998;
+}
+
+/* steppe done */
+.stepEva .q-stepper__tab--done .q-stepper__dot {
+  color: #02a998;
+}
+
+.stepEva.q-stepper--vertical .q-stepper__dot:before,
+.stepEva.q-stepper--vertical .q-stepper__dot:after {
+  width: 1px;
+  background: #c8d3db;
+}
+.stepEva .q-stepper__tab .q-stepper__title {
+  color: #9a9a9a;
+  font-weight: 400;
+}
+</style>
\ No newline at end of file
diff --git a/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue b/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue
index 28b44173c..149c6ab01 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/Tab1.vue
@@ -120,32 +120,45 @@ onMounted(async () => {
 </script>
 
 <template>
-  <q-card bordered class="col-12 row caedNone q-pa-md q-col-gutter-md">
-    <div class="col-xs-12 col-sm-3">
-      <div class="toptitle">
-        {{
-          props.data && props.data?.type == "SPECIAL_EXPERT"
-            ? "ประเมินชำนาญการพิเศษ"
-            : "ประเมินชำนาญการ"
-        }}
-
-        <q-btn
-          flat
-          round
-          dense
-          color="primary"
-          icon="history"
-          @click="onClickPopupHistory"
-        >
-          <q-tooltip>ประวัติการประเมิน</q-tooltip>
-        </q-btn>
+  <q-card bordered class="col-12 row caedNone q-col-gutter-md">
+    <div class="col-xs-12 col-sm-3 row">
+      <div class="col-12 row no-wrap">
+        <div class="col-12 q-py-md q-px-lg">
+          <div class="col-12 row items-center no-wrap">
+            <div class="toptitle2">
+              {{
+                props.data && props.data?.type == "SPECIAL_EXPERT"
+                  ? "ประเมินชำนาญการพิเศษ"
+                  : "ประเมินชำนาญการ"
+              }}
+            </div>
+            <q-space/>
+            <div>
+              <q-btn
+                flat
+                round
+                dense
+                color="primary"
+                icon="history"
+                @click="onClickPopupHistory"
+              >
+                <q-tooltip>ประวัติการประเมิน</q-tooltip>
+              </q-btn>
+            </div>
+          </div>
+          <div class="col-12">
+            <Stepper />
+          </div>
+        </div>
+        <div class="col-12 row">
+          <q-separator :vertical="!$q.screen.lt.md" />
+        </div>
       </div>
-      <Stepper />
     </div>
 
-    <div class="col-xs-12 col-sm-9">
-      <div class="col-12 row">
-        <div class="toptitle">
+    <div class="col-xs-12 col-sm-9 q-pa-md">
+      <div class="col-12 row q-pt-md">
+        <div class="toptitle2">
           {{ store.step }}.{{ store.titel[store.step - 1] }}
         </div>
       </div>
@@ -162,8 +175,7 @@ onMounted(async () => {
               : 'col-xs-12 col-sm-5 row'
           "
         >
-          <q-card flat bordered class="col-12 q-pa-md">
-            <q-card-section>
+          <q-card flat bordered class="col-12">
               <Step1 v-if="store.step === 1" :data="props.data" />
               <Step2 v-if="store.step === 2" @update:form="updateformCommand" />
               <Step3 v-if="store.step === 3" :step="store.step" />
@@ -173,7 +185,6 @@ onMounted(async () => {
               <Step7 v-if="store.step === 7" />
               <Step8 v-if="store.step === 8" />
               <Step9 v-if="store.step === 9" />
-            </q-card-section>
           </q-card>
         </div>
         <div
@@ -200,4 +211,9 @@ onMounted(async () => {
 .q-stepper--vertical .q-stepper__step-inner {
   padding: 0;
 }
+.toptitle2 {
+  font-size: 1rem;
+  font-weight: bold;
+  margin-bottom: 1.2%;
+}
 </style>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue
index cf75cc773..cf44129a2 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step1.vue
@@ -23,110 +23,127 @@ const formData = reactive<FormFeature>({
 </script>
 
 <template>
-  <q-list>
-    <q-item v-ripple>
-      <q-item-section avatar>
-        <q-checkbox
-          disable
-          keep-color
-          color="primary"
-          v-model="formData.isEducationalQft"
-        />
-      </q-item-section>
-      <q-item-section>
-        <q-item-label>คุณวุฒิการศึกษา </q-item-label>
-      </q-item-section>
-    </q-item>
-    <q-item v-ripple>
-      <q-item-section avatar>
-        <q-checkbox
-          disable
-          keep-color
-          color="primary"
-          v-model="formData.isGovermantServiceHtr"
-        />
-      </q-item-section>
-      <q-item-section>
-        <q-item-label>ประวัติการรับราชการ </q-item-label>
-      </q-item-section>
-    </q-item>
-    <q-item v-ripple>
-      <q-item-section avatar>
-        <q-checkbox
-          disabled
-          keep-color
-          color="primary"
-          v-model="formData.isOperatingExp"
-        />
-      </q-item-section>
-      <q-item-section>
-        <q-item-label>ประสบการณ์ในการปฏิบัติงาน </q-item-label>
-      </q-item-section>
-    </q-item>
-    <q-item v-ripple>
-      <q-item-section avatar>
-        <q-checkbox
-          disable
-          keep-color
-          color="primary"
-          v-model="formData.isMinPeriodOfTenure"
-        />
-      </q-item-section>
-      <q-item-section>
-        <q-item-label
-          >ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก</q-item-label
-        >
-      </q-item-section>
-    </q-item>
-    <q-item v-ripple>
-      <q-item-section avatar>
-        <q-checkbox
-          disable
-          keep-color
-          color="primary"
-          v-model="formData.isHaveSpecificQft"
-        />
-      </q-item-section>
-      <q-item-section>
-        <q-item-label
-          >มีคุณสมบัติตรงตามคุณสมบัติเฉพาะ สำหรับตำแหน่งที่กำหนด
-          ในมาตรฐานกำหนดตำแหน่ง</q-item-label
-        >
-      </q-item-section>
-    </q-item>
-    <q-item v-ripple>
-      <q-item-section avatar>
-        <q-checkbox
-          disable
-          keep-color
-          color="primary"
-          v-model="formData.isHaveProLicense"
-        />
-      </q-item-section>
-      <q-item-section>
-        <q-item-label
-          >มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ และ/หรือ
-          คุณวุฒิเพิ่มเติมครบถ้วนตามที่ ก.ก. กำหนด (แพทย์พยาบาล วิศวกรโยธา
-          สถาปนิก ฯลฯ)</q-item-label
-        >
-      </q-item-section>
-    </q-item>
-    <q-item v-ripple>
-      <q-item-section avatar>
-        <q-checkbox
-          disable
-          keep-color
-          color="primary"
-          v-model="formData.isHaveMinPeriodOrHoldPos"
-        />
-      </q-item-section>
-      <q-item-section>
-        <q-item-label
-          >มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก</q-item-label
-        >
-      </q-item-section>
-    </q-item>
-  </q-list>
+  <div class="q-pa-sm" :style="$q.screen.lt.sm ? '' : 'max-height: 64vh; overflow: scroll;' ">
+    <q-list dense>
+      <q-item v-ripple class="listItem">
+        <q-item-section avatar>
+          <q-checkbox
+            disable
+            keep-color
+            color="primary"
+            size="sm"
+            v-model="formData.isEducationalQft"
+          />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label>คุณวุฒิการศึกษา </q-item-label>
+        </q-item-section>
+      </q-item>
+      <q-item v-ripple class="listItem">
+        <q-item-section avatar>
+          <q-checkbox
+            disable
+            keep-color
+            color="primary"
+            size="sm"
+            v-model="formData.isGovermantServiceHtr"
+          />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label>ประวัติการรับราชการ </q-item-label>
+        </q-item-section>
+      </q-item>
+      <q-item v-ripple class="listItem">
+        <q-item-section avatar>
+          <q-checkbox
+            disabled
+            keep-color
+            color="primary"
+            size="sm"
+            v-model="formData.isOperatingExp"
+          />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label>ประสบการณ์ในการปฏิบัติงาน </q-item-label>
+        </q-item-section>
+      </q-item>
+      <q-item v-ripple class="listItem">
+        <q-item-section avatar>
+          <q-checkbox
+            disable
+            keep-color
+            color="primary"
+            size="sm"
+            v-model="formData.isMinPeriodOfTenure"
+          />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label
+            >ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก</q-item-label
+          >
+        </q-item-section>
+      </q-item>
+      <q-item v-ripple class="listItem">
+        <q-item-section avatar>
+          <q-checkbox
+            disable
+            keep-color
+            color="primary"
+            size="sm"
+            v-model="formData.isHaveSpecificQft"
+          />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label
+            >มีคุณสมบัติตรงตามคุณสมบัติเฉพาะ สำหรับตำแหน่งที่กำหนด
+            ในมาตรฐานกำหนดตำแหน่ง</q-item-label
+          >
+        </q-item-section>
+      </q-item>
+      <q-item v-ripple class="listItem">
+        <q-item-section avatar>
+          <q-checkbox
+            disable
+            keep-color
+            color="primary"
+            size="sm"
+            v-model="formData.isHaveProLicense"
+          />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label
+            >มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ และ/หรือ
+            คุณวุฒิเพิ่มเติมครบถ้วนตามที่ ก.ก. กำหนด (แพทย์พยาบาล วิศวกรโยธา
+            สถาปนิก ฯลฯ)</q-item-label
+          >
+        </q-item-section>
+      </q-item>
+      <q-item v-ripple class="listItem">
+        <q-item-section avatar>
+          <q-checkbox
+            disable
+            keep-color
+            color="primary"
+            size="sm"
+            v-model="formData.isHaveMinPeriodOrHoldPos"
+          />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label
+            >มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก</q-item-label
+          >
+        </q-item-section>
+      </q-item>
+    </q-list>
+  </div>
 </template>
 
-<style scoped></style>
+<style >
+.listItem{
+  padding: 5px 0px !important;
+}
+.listItem .q-item__section--avatar{
+  min-width:  auto !important;
+}
+</style>
+
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
index dfed23c20..a3c76cb77 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
@@ -58,120 +58,128 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="row q-col-gutter-md">
-    <!-- ผลงาน -->
-    <div class="col-12">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">ผลงาน</div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-12 row">
-                <div class="row col-12 q-col-gutter-md q-pa-sm">
-                  <q-input
-                    readonly
-                    dense
-                    class="col-xs-12 col-sm-6"
-                    outlined
-                    label="ชื่อผลงาน"
-                    v-model="subject"
-                    :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
-                    lazy-rules
-                  />
-                  <q-input
-                    readonly
-                    class="col-xs-12 col-sm-6"
-                    dense
-                    outlined
-                    v-model="author"
-                    label="เจ้าของผลงาน"
-                    :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
-                    lazy-rules
-                  />
+  <div class="q-pa-sm col-12">
+    <div class="row q-col-gutter-sm">
+      <!-- ผลงาน -->
+      <div class="col-12">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">ผลงาน</div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-sm col-12">
+                <div class="col-xs-12 col-sm-12 row">
+                  <div class="row col-12 q-col-gutter-sm">
+                    <q-input
+                      readonly
+                      dense
+                      class="col-xs-12 col-sm-6"
+                      outlined
+                      label="ชื่อผลงาน"
+                      v-model="subject"
+                      :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
+                      lazy-rules
+                      hide-bottom-space
+                    />
+                    <q-input
+                      readonly
+                      class="col-xs-12 col-sm-6"
+                      dense
+                      outlined
+                      v-model="author"
+                      label="เจ้าของผลงาน"
+                      :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
+                      lazy-rules
+                      hide-bottom-space
+                    />
+                  </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
-    </div>
+        </q-card>
+      </div>
 
-    <!-- เลือกผู้เซ็นเอกสาร -->
-    <div class="col-12">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          เลือกผู้เซ็นเอกสาร
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-12 row">
-                <div class="text-weight-medium q-py-sm">
-                  ผู้บังคับบัญชาชั้นต้น
-                </div>
-                <div class="row col-12 q-col-gutter-md q-pa-sm">
-                  <q-input
-                    readonly
-                    ref="elementaryFullNameRef"
-                    dense
-                    class="col-xs-12 col-sm-6"
-                    outlined
-                    label="ชื่อ-นามสกุล"
-                    v-model="formCommand.elementaryFullName"
-                    :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
-                    lazy-rules
-                  />
-                  <q-input
-                    readonly
-                    ref="elementaryPositonRef"
-                    class="col-xs-12 col-sm-6"
-                    dense
-                    outlined
-                    v-model="formCommand.elementaryPosition"
-                    label="ตำแหน่ง"
-                    :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
-                    lazy-rules
-                  />
+      <!-- เลือกผู้เซ็นเอกสาร -->
+      <div class="col-12">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+            เลือกผู้เซ็นเอกสาร
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-sm col-12">
+                <div class="col-xs-12 col-sm-12 row">
+                  <div class="text-weight-medium q-pt-xs q-pl-sm">
+                    ผู้บังคับบัญชาชั้นต้น
+                  </div>
+                  <div class="row col-12 q-col-gutter-sm q-pa-sm">
+                    <q-input
+                      readonly
+                      ref="elementaryFullNameRef"
+                      dense
+                      class="col-xs-12 col-sm-6"
+                      outlined
+                      label="ชื่อ-นามสกุล"
+                      v-model="formCommand.elementaryFullName"
+                      :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
+                      lazy-rules
+                      hide-bottom-space
+                    />
+                    <q-input
+                      readonly
+                      ref="elementaryPositonRef"
+                      class="col-xs-12 col-sm-6"
+                      dense
+                      outlined
+                      v-model="formCommand.elementaryPosition"
+                      label="ตำแหน่ง"
+                      :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                      lazy-rules
+                      hide-bottom-space
+                    />
+                  </div>
                 </div>
               </div>
-            </div>
 
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-12 row">
-                <div class="text-weight-medium q-py-sm">
-                  ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
-                </div>
-                <div class="row col-12 q-col-gutter-md q-pa-sm">
-                  <q-input
-                    readonly
-                    ref="abovelevelFullnameRef"
-                    dense
-                    class="col-xs-12 col-sm-6"
-                    outlined
-                    v-model="formCommand.abovelevelFullname"
-                    label="ชื่อ-นามสกุล"
-                    :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
-                    lazy-rules
-                  />
-                  <q-input
-                    ref="abovelevelPositionRef"
-                    class="col-xs-12 col-sm-6"
-                    dense
-                    readonly
-                    outlined
-                    v-model="formCommand.abovelevelPosition"
-                    label="ตำแหน่ง"
-                    :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
-                    lazy-rules
-                  />
+              <div class="row q-col-gutter-sm col-12">
+                <div class="col-xs-12 col-sm-12 row">
+                  <div class="text-weight-medium q-pl-sm q-pt-sm">
+                    ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
+                  </div>
+                  <div class="row col-12 q-col-gutter-md q-pa-sm">
+                    <q-input
+                      readonly
+                      ref="abovelevelFullnameRef"
+                      dense
+                      class="col-xs-12 col-sm-6"
+                      outlined
+                      v-model="formCommand.abovelevelFullname"
+                      label="ชื่อ-นามสกุล"
+                      :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
+                      lazy-rules
+                      hide-bottom-space
+                    />
+                    <q-input
+                      ref="abovelevelPositionRef"
+                      class="col-xs-12 col-sm-6"
+                      dense
+                      readonly
+                      outlined
+                      v-model="formCommand.abovelevelPosition"
+                      label="ตำแหน่ง"
+                      :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                      lazy-rules
+                      hide-bottom-space
+                    />
+                  </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
+        </q-card>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
index 5a60fda50..57ce748e1 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
@@ -121,15 +121,16 @@ onMounted(async () => {
 </script>
 
 <template>
-  <q-list separator>
+  <q-list separator dense>
     <q-item
+      
       clickable
       v-ripple
       :active="selectedItem === 1 ? true : false"
       active-class="text-primary"
       @click="handleItemClick(1)"
     >
-      <q-item-section>แบบพิจารณาคุณสมบัติบุคคล</q-item-section>
+      <q-item-section class="q-py-sm">แบบพิจารณาคุณสมบัติบุคคล</q-item-section>
     </q-item>
     <q-item
       clickable
@@ -138,7 +139,7 @@ onMounted(async () => {
       active-class="text-primary"
       @click="handleItemClick(2)"
     >
-      <q-item-section>แบบแสดงรายละเอียดการเสนอผลงาน</q-item-section>
+      <q-item-section class="q-py-sm">แบบแสดงรายละเอียดการเสนอผลงาน</q-item-section>
     </q-item>
     <q-item
       clickable
@@ -147,8 +148,7 @@ onMounted(async () => {
       active-class="text-primary"
       @click="handleItemClick(3)"
     >
-      <q-item-section
-        >แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล
+      <q-item-section class="q-py-sm">แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล
         (เอกสารแบบ ก)</q-item-section
       >
     </q-item>
@@ -159,7 +159,7 @@ onMounted(async () => {
       active-class="text-primary"
       @click="handleItemClick(4)"
     >
-      <q-item-section> แบบประเมินคุณลักษณะบุคคล </q-item-section>
+      <q-item-section class="q-py-sm"> แบบประเมินคุณลักษณะบุคคล </q-item-section>
     </q-item>
     <q-item
       clickable
@@ -168,7 +168,7 @@ onMounted(async () => {
       active-class="text-primary"
       @click="handleItemClick(5)"
     >
-      <q-item-section>
+      <q-item-section class="q-py-sm">
         แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)
       </q-item-section>
     </q-item>
@@ -179,7 +179,7 @@ onMounted(async () => {
       active-class="text-primary"
       @click="handleItemClick(6)"
     >
-      <q-item-section> ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11) </q-item-section>
+      <q-item-section class="q-py-sm"> ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11) </q-item-section>
     </q-item>
   </q-list>
 </template>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
index 0e2fbc677..a9b9fbfe1 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
@@ -385,7 +385,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="row q-col-gutter-md">
+  <div class="row q-col-gutter-sm q-pa-sm">
     <!-- เอกสารเล่มที่ 1 -->
     <div class="col-12">
       <q-card bordered style="border: 1px solid #d6dee1">
@@ -399,10 +399,9 @@ onMounted(async () => {
           :key="file.id"
           class="full-width"
           bordered
-          separator
         >
           <q-item clickable v-ripple>
-            <q-item-section>{{ file.fileName }}</q-item-section>
+            <q-item-section class="text-grey-9">{{ file.fileName }}</q-item-section>
             <q-item-section avatar>
               <div class="row">
                 <div>
@@ -412,7 +411,7 @@ onMounted(async () => {
                     round
                     size="12px"
                     color="blue"
-                    icon="mdi-download-outline"
+                    icon="mdi-download"
                     @click="downloadFile(file.pathName)"
                   >
                     <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
@@ -428,81 +427,76 @@ onMounted(async () => {
     <!-- ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10) -->
     <div class="col-12">
       <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)
+        <div class="text-weight-medium row col-12 bg-grey-1 q-py-sm q-px-md items-center">
+          <div>ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)</div>
+          <q-space/>
+          <div v-if="store.currentStep == 4" >
+            <q-btn
+              icon="download"
+              color="primary"
+              flat
+              dense
+              round
+              @click="
+                onClickDowloadFile(
+                  'เอกสารหมายเลข 10',
+                  'template-4',
+                  'ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)'
+                )
+              "
+            >
+              <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+            >
+          </div>
+          <div >
+            <q-btn
+              v-if="download10Url != ''"
+              :href="download10Url"
+              target="_blank"
+              class="col-12"
+              icon="visibility"
+              color="primary"
+              flat
+              dense
+              round
+            >
+              <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+            >
+          </div>
         </div>
-        <div class="col-12"><q-separator /></div>
+        <div class="col-12"  v-if="store.currentStep == 4"><q-separator /></div>
         <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div v-if="store.currentStep == 4" class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  class="col-12"
-                  outline
-                  icon="download"
-                  label="ดาวน์โหลดต้นแบบ"
-                  color="primary"
-                  @click="
-                    onClickDowloadFile(
-                      'เอกสารหมายเลข 10',
-                      'template-4',
-                      'ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)'
-                    )
-                  "
-                >
-                  <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="download10Url != ''"
-                  :href="download10Url"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-
-              <div v-if="store.currentStep == 4" class="row col-12">
-                <div class="col-xs-12 col-sm-11 row">
-                  <q-file
-                    ref="fileEvaluationUploadRef"
-                    v-model="fileEvaluationUpload"
-                    class="col-12"
-                    outlined
-                    dense
-                    hide-bottom-space
-                    lazy-rules
-                    accept=".pdf"
-                    :rules="
-                      download10Url === ''
-                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                        : []
-                    "
-                  >
-                    <template v-slot:prepend>
-                      <q-icon name="attach_file" />
-                    </template>
-                  </q-file>
-                </div>
-                <div class="col-1 self-center text-center q-pl-none">
+          <div class="col-12 q-pa-sm"  v-if="store.currentStep == 4">
+              <q-file
+                ref="fileEvaluationUploadRef"
+                v-model="fileEvaluationUpload"
+                class="col-12"
+                outlined
+                dense
+                hide-bottom-space
+                lazy-rules
+                accept=".pdf"
+                :rules="
+                  download10Url === ''
+                    ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                    : []
+                "
+              >
+                <template v-slot:prepend>
+                  <q-icon name="attach_file" />
+                </template>
+                <template v-slot:after>
                   <q-btn
-                    flat
-                    round
-                    dense
-                    color="primary"
-                    icon="mdi-upload "
-                    @click="upLoadFile(fileEvaluationUpload)"
-                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                  >
-                </div>
-              </div>
-            </div>
+                      flat
+                      round
+                      dense
+                      color="primary"
+                      icon="mdi-upload "
+                      @click="upLoadFile(fileEvaluationUpload)"
+                      ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                    >
+                </template>
+              </q-file>
           </div>
         </div>
       </q-card>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
index f292f6632..d718b5bb3 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
@@ -239,9 +239,9 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="row q-gutter-sm">
+   <div class="row q-col-gutter-sm q-pa-sm">
     <div class="col-12">
-      <q-banner class="text-weight-bold text-red-14 bg-red-2 text-center">
+      <q-banner class="text-weight-bold text-red-14 bg-red-1 text-center rounded-borders">
         <div class="text-weight-bold">
           <q-icon name="info_outline" color="red-14" size="24px" />
           ประกาศเมื่อวันที่ {{ AnnouncementStartDate }} ถึงวันที่
@@ -282,6 +282,7 @@ onMounted(async () => {
                   <q-btn
                     flat
                     round
+                    dense
                     color="primary"
                     icon="mdi-clipboard-outline"
                     @click="copyLink(file.pathName)"
@@ -297,62 +298,61 @@ onMounted(async () => {
     </div>
     <div class="col-12">
       <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          บันทึกแจ้งผลการประกาศคัดเลือก
+        <div class="text-weight-medium row col-12 bg-grey-1 q-py-sm q-px-md items-center">
+          <div>บันทึกแจ้งผลการประกาศคัดเลือก</div>
+          <q-space />
+          <div>
+            <q-btn
+              v-if="download10Url != ''"
+              :href="download10Url"
+              target="_blank"
+              class="col-12"
+              icon="visibility"
+              color="primary"
+              flat
+              dense
+              round
+            >
+              <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+            >
+          </div>
         </div>
-        <div class="col-12"><q-separator /></div>
+        <div class="col-12" v-if="store.currentStep == 5"><q-separator /></div>
         <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="download10Url != ''"
-                  :href="download10Url"
-                  target="_blank"
+          <div class="col-12 q-pa-sm" v-if="store.currentStep == 5">
+            <div class="row col-12">
+              <div class="col-xs-12 col-sm-10 row">
+                <q-file
+                  ref="fileEvaluation5Ref"
+                  v-model="fileEvaluation5"
                   class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                  outlined
+                  dense
+                  label="อัปโหลดไฟล์"
+                  hide-bottom-space
+                  lazy-rules
+                  accept=".pdf"
+                  :rules="
+                    download10Url === ''
+                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                      : []
+                  "
                 >
+                  <template v-slot:prepend>
+                    <q-icon name="attach_file" />
+                  </template>
+                </q-file>
               </div>
-
-              <div v-if="store.currentStep == 5" class="row col-12">
-                <div class="col-xs-12 col-sm-10 row">
-                  <q-file
-                    ref="fileEvaluation5Ref"
-                    v-model="fileEvaluation5"
-                    class="col-12"
-                    outlined
-                    dense
-                    label="อัปโหลดไฟล์"
-                    hide-bottom-space
-                    lazy-rules
-                    accept=".pdf"
-                    :rules="
-                      download10Url === ''
-                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                        : []
-                    "
-                  >
-                    <template v-slot:prepend>
-                      <q-icon name="attach_file" />
-                    </template>
-                  </q-file>
-                </div>
-                <div class="col-2 self-center text-center q-pl-none">
-                  <q-btn
-                    flat
-                    round
-                    dense
-                    color="primary"
-                    icon="mdi-upload"
-                    @click="upLoadFile(fileEvaluation5)"
-                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                  >
-                </div>
+              <div class="col-2 self-center text-center q-pl-none">
+                <q-btn
+                  flat
+                  round
+                  dense
+                  color="primary"
+                  icon="mdi-upload"
+                  @click="upLoadFile(fileEvaluation5)"
+                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                >
               </div>
             </div>
           </div>
@@ -360,8 +360,8 @@ onMounted(async () => {
       </q-card>
     </div>
 
-    <div v-if="store.currentStep == 5" class="col-12">
-      <div class="q-mt-xs q-gutter-md" align="right">
+    <div class="col-12" v-if="store.currentStep == 5" >
+      <div class="q-mr-sm" align="right">
         <q-btn
           unelevated
           label="บันทึกแจ้งผลการประกาศคัดเลือก"
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue
index c8c9b55ec..568f9845b 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue
@@ -12,19 +12,18 @@ const props = defineProps({
 </script>
 
 <template>
-  <d-table
-    ref="table"
-    :columns="props.columns"
-    :rows="props.row"
-    row-key="name"
-    flat
-    bordered
-    dense
-    class="custom-header-table"
-    style="width: 610px"
-    :rows-per-page-options="[10, 25, 50, 100]"
-  >
-  </d-table>
+  <q-table
+      ref="table"
+      flat
+      bordered
+      :columns="props.columns"
+      :rows="props.row"
+      dense
+      :rows-per-page-options="[10, 25, 50, 100]"
+      virtual-scroll
+      class="row col-12"
+    >
+  </q-table>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue
index aafbe8abc..af362d956 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue
@@ -52,9 +52,10 @@ onMounted(() => {
   <q-splitter
     v-model="splitterModel"
     horizontal
+    class="bg-grey-1 q-px-sm"
     :style="
       props.type !== 'popup'
-        ? 'height: 50vh; border: 1px solid rgb(210, 210, 210);border-radius: 5px;'
+        ? 'height: 50vh; border-radius: 5px;'
         : 'border: 1px solid rgb(210, 210, 210);border-radius: 5px;'
     "
     before-class="overflow-hidden disable"
@@ -67,8 +68,9 @@ onMounted(() => {
             <q-btn
               padding="xs"
               icon="mdi-chevron-left"
-              color="grey-2"
-              text-color="grey-5"
+              color="grey-4"
+              unelevated
+              text-color="grey-8"
               size="md"
               class="my-auto"
               @click="backPage"
@@ -84,8 +86,9 @@ onMounted(() => {
             <q-btn
               padding="xs"
               icon="mdi-chevron-right"
-              color="grey-2"
-              text-color="grey-5"
+              color="grey-4"
+              unelevated
+              text-color="grey-8"
               size="md"
               @click="nextPage"
               :disable="page === numOfPages"
@@ -106,8 +109,9 @@ onMounted(() => {
             <q-btn
               padding="xs"
               icon="mdi-chevron-left"
-              color="grey-2"
-              text-color="grey-5"
+              color="grey-4"
+              unelevated
+              text-color="grey-8"
               size="md"
               class="my-auto"
               @click="backPage"
@@ -124,8 +128,9 @@ onMounted(() => {
             <q-btn
               padding="xs"
               icon="mdi-chevron-right"
-              color="grey-2"
-              text-color="grey-5"
+              color="grey-4"
+              unelevated
+              text-color="grey-8"
               size="md"
               @click="nextPage"
               :disable="page === numOfPages"
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
index a0c5786b9..87ec3e60e 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
@@ -128,16 +128,16 @@ onMounted(() => {
 </script>
 
 <template>
-  <q-scroll-area style="height: 450px; max=width: 100%">
-    <div class="q-pa-xs">
-      <q-card class="q-gutter-md" style="max-width: 100%">
-        <q-card bordered style="border: 1px solid #d6dee1">
-          <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm">ข้อมูลส่วนตัว</span>
-          </div>
-          <q-separator />
+  <q-card bordered class="col-12 row shadow-0 q-pa-sm" :style="$q.screen.lt.sm ? '' : 'max-height: 64vh; overflow: scroll;' ">
+    <div class="row col-12">
+      <q-card class="col-12  cardSp1" bordered>
+        <div class="text-weight-bold row items-center bg-grey-2 col-12">
+          <span class="q-ml-lg q-my-sm">ข้อมูลส่วนตัว</span>
+        </div>
+        <div class="col-12"><q-separator /></div>
 
-          <div class="row q-pa-sm">
+        <div class="row col-12 q-pa-sm">
+          <div class="row q-col-gutter-sm">
             <div class="col-xs-6 col-sm-4 col-md-3">
               <q-input
                 borderless
@@ -161,9 +161,6 @@ onMounted(() => {
                 readonly
                 label="วันเดือนปีเกิด"
               >
-                <template v-slot:prepend>
-                  <q-icon class="size-icon" name="o_calendar_today" />
-                </template>
               </q-input>
             </div>
             <div class="col-xs-6 col-sm-4 col-md-3">
@@ -182,14 +179,6 @@ onMounted(() => {
                 label="ตำแหน่งเลขที่"
               />
             </div>
-            <div class="col-xs-6 col-sm-4 col-md-3">
-              <q-input
-                borderless
-                readonly
-                :model-value="formDetail.oc"
-                label="สังกัด"
-              />
-            </div>
             <div class="col-xs-6 col-sm-4 col-md-3">
               <q-input
                 borderless
@@ -225,17 +214,27 @@ onMounted(() => {
                 label="อายุราชการ"
               />
             </div>
+            <div class="col-xs-12 col-sm-9">
+              <q-input
+                borderless
+                readonly
+                :model-value="formDetail.oc"
+                label="สังกัด"
+                autogrow
+              />
+            </div>
           </div>
-        </q-card>
+        </div>
+      </q-card>
 
-        <q-card bordered style="border: 1px solid #d6dee1">
-          <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm">ประวัติการศึกษา </span>
-          </div>
-          <q-separator />
-          <div v-if="formDetail.educations && formDetail.educations.length > 0">
+      <q-card class="col-12  cardSp1" bordered>
+        <div class="text-weight-bold row items-center bg-grey-2 col-12">
+          <span class="q-ml-lg q-my-sm">ประวัติการศึกษา </span>
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <div class="row col-12 q-pa-sm" v-if="formDetail.educations && formDetail.educations.length > 0">
             <div
-              class="row q-pa-sm"
+              class="row q-col-gutter-sm"
               v-for="(education, index) in formDetail.educations"
               :key="index"
             >
@@ -264,9 +263,6 @@ onMounted(() => {
                   readonly
                   label="ตั้งแต่"
                 >
-                  <template v-slot:prepend>
-                    <q-icon class="size-icon" name="o_calendar_today" />
-                  </template>
                 </q-input>
               </div>
 
@@ -277,9 +273,6 @@ onMounted(() => {
                   readonly
                   label="ถึง"
                 >
-                  <template v-slot:prepend>
-                    <q-icon class="size-icon" name="o_calendar_today" />
-                  </template>
                 </q-input>
               </div>
               <div class="col-xs-6 col-sm-4 col-md-3">
@@ -289,9 +282,6 @@ onMounted(() => {
                   readonly
                   label="วันที่สำเร็จการศึกษา"
                 >
-                  <template v-slot:prepend>
-                    <q-icon class="size-icon" name="o_calendar_today" />
-                  </template>
                 </q-input>
               </div>
 
@@ -347,84 +337,67 @@ onMounted(() => {
                   label="ประเทศ"
                 />
               </div>
-            </div>
           </div>
-          <div v-else class="row col-12 q-pa-md">ไม่มีประวัติการศึกษา</div>
-          <q-separator />
-        </q-card>
+        </div>
+        <div v-else class="row col-12 q-pa-md">ไม่มีประวัติการศึกษา</div>
+      </q-card>
 
-        <q-card bordered style="border: 1px solid #d6dee1">
-          <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm">ใบอนุญาตประกอบวิชาชีพ</span>
-          </div>
-          <q-separator />
-          <div class="row q-pa-sm">
-            <div class="col-xs-12 col-sm-12 col-md-12">
-              <TableData
-                :columns="columnsCertificates"
-                :row="formDetail.certificates"
-              />
-            </div>
-          </div>
-        </q-card>
+      <q-card class="col-12  cardSp1" bordered>
+        <div class="text-weight-bold row items-center bg-grey-2 col-12">
+          <span class="q-ml-lg q-my-sm">ใบอนุญาตประกอบวิชาชีพ</span>
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <TableData
+          class="col-12"
+          :columns="columnsCertificates"
+          :row="formDetail.certificates"
+        />
+      </q-card>
 
-        <q-card bordered style="border: 1px solid #d6dee1">
-          <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm">ประวัติการรับราชการ</span>
-          </div>
-          <q-separator />
-          <div class="row q-pa-sm">
-            <div class="col-xs-12 col-sm-12 col-md-12">
-              <TableData :columns="columnSalaries" :row="formDetail.salaries" />
-            </div>
-          </div>
-        </q-card>
+      <q-card class="col-12  cardSp1" bordered>
+        <div class="text-weight-bold row items-center bg-grey-2 col-12">
+          <span class="q-ml-lg q-my-sm">ประวัติการรับราชการ</span>
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <div class="col-10">
+          <TableData :columns="columnSalaries" :row="formDetail.salaries" />
+        </div>
+      </q-card>
+      
+      <q-card class="col-12 cardSp1" bordered>
+        <div class="text-weight-bold row items-center bg-grey-2 col-12">
+          <span class="q-ml-lg q-my-sm">ประวัติการฝึกอบรมดูงาน</span>
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <TableData class="col-12" :columns="columnTraining" :row="formDetail.trainings"/>
+      </q-card>
 
-        <q-card bordered style="border: 1px solid #d6dee1">
-          <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm">ประวัติการฝึกอบรมดูงาน</span>
-          </div>
-          <q-separator />
-          <div class="row q-pa-sm">
-            <div class="col-xs-12 col-sm-12 col-md-12">
-              <TableData
-                :columns="columnTraining"
-                :row="formDetail.trainings"
-              />
-            </div>
-          </div>
-        </q-card>
+      <q-card class="col-12  cardSp1" bordered>
+        <div class="text-weight-bold row items-center bg-grey-2 col-12">
+          <span class="q-ml-lg q-my-sm">ประสบการณ์ในการปฏิบัติงาน </span>
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <div class="col-12 q-pa-sm">
+          -
+        </div>
+      </q-card>
 
-        <q-card bordered style="border: 1px solid #d6dee1">
-          <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm">ประสบการณ์ในการปฏิบัติงาน </span>
-          </div>
-          <q-separator />
-          <div class="row q-pa-sm">
-            <div class="col-xs-12 col-sm-12 col-md-12">
-              -
-              <!-- <TableData
-                :columns="columnTraining"
-                :row="formDetail.Trainings"
-              /> -->
-            </div>
-          </div>
-        </q-card>
-
-        <q-card bordered style="border: 1px solid #d6dee1">
-          <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm"
-              >ผลงานที่เคยเสนอขอประเมิน (ถ้ามี)</span
-            >
-          </div>
-          <q-separator />
-          <div class="row q-pa-sm">
-            <div class="col-xs-12 col-sm-12 col-md-12">
-              <TableData :columns="columnProjectsProposed" />
-            </div>
-          </div>
-        </q-card>
+      <q-card class="col-12  cardSp1" bordered>
+        <div class="text-weight-bold row items-center bg-grey-2 col-12">
+          <span class="q-ml-lg q-my-sm">ผลงานที่เคยเสนอขอประเมิน (ถ้ามี)</span>
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <div class="col-10">
+          <TableData :columns="columnProjectsProposed" />
+        </div>
       </q-card>
     </div>
-  </q-scroll-area>
+  </q-card>
 </template>
+<style >
+.cardSp1{
+  border: 1px solid #d6dee1;
+  margin-bottom: 10px ;
+  box-shadow: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue
index 3ff4e1269..691991ea3 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep3.vue
@@ -14,50 +14,53 @@ const modalPerview = ref<boolean>(false);
 </script>
 
 <template>
-  <div class="col-12 row">
-    <q-space />
-    <q-btn
-      flat
-      round
-      color="primary"
-      icon="download"
-      target="_blank"
-      :href="store.urlDownloadFile"
-    >
-      <q-tooltip>ดาวน์โหลด</q-tooltip>
-    </q-btn>
-    <q-btn
-      flat
-      round
-      color="primary"
-      icon="mdi-fullscreen"
-      @click="modalPerview = true"
-      ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
-    >
-  </div>
+  <q-card bordered class="col-12 row shadow-0">
+    <div class="col-12 row items-center q-pa-sm q-gutter-sm">
+      <div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
+        <q-space />
+        <q-btn
+          flat
+          dense
+          color="primary"
+          icon="mdi-download"
+          target="_blank"
+          :href="store.urlDownloadFile"
+        >
+          <q-tooltip>ดาวน์โหลด</q-tooltip>
+        </q-btn>
+        <q-btn
+          flat
+          dense
+          color="primary"
+          icon="mdi-fullscreen"
+          @click="modalPerview = true"
+          ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
+        >
+    </div>
+    <div class="col-12"><q-separator /></div>
+    <q-tab-panels v-model="store.tabPanels" animated swipeable vertical class="col-12 row">
+      <q-tab-panel name="1" class="col-12">
+        <ViewPDF />
+      </q-tab-panel>
 
-  <q-tab-panels v-model="store.tabPanels" animated swipeable vertical>
-    <q-tab-panel name="1">
-      <ViewPDF />
-    </q-tab-panel>
+      <q-tab-panel name="2" class="col-12">
+        <ViewPDF />
+      </q-tab-panel>
 
-    <q-tab-panel name="2">
-      <ViewPDF />
-    </q-tab-panel>
-
-    <q-tab-panel name="3">
-      <ViewPDF />
-    </q-tab-panel>
-    <q-tab-panel name="4">
-      <ViewPDF />
-    </q-tab-panel>
-    <q-tab-panel name="5">
-      <ViewPDF />
-    </q-tab-panel>
-    <q-tab-panel name="6">
-      <ViewPDF />
-    </q-tab-panel>
-  </q-tab-panels>
+      <q-tab-panel name="3" class="col-12">
+        <ViewPDF />
+      </q-tab-panel>
+      <q-tab-panel name="4" class="col-12">
+        <ViewPDF />
+      </q-tab-panel>
+      <q-tab-panel name="5" class="col-12">
+        <ViewPDF />
+      </q-tab-panel>
+      <q-tab-panel name="6" class="col-12">
+        <ViewPDF />
+      </q-tab-panel>
+    </q-tab-panels>
+  </q-card>
 
   <q-dialog v-model="modalPerview" full-width fullHeight>
     <q-card>
diff --git a/src/modules/12_evaluatePersonal/views/DetailPage.vue b/src/modules/12_evaluatePersonal/views/DetailPage.vue
index 1a8ca739b..5957896cf 100644
--- a/src/modules/12_evaluatePersonal/views/DetailPage.vue
+++ b/src/modules/12_evaluatePersonal/views/DetailPage.vue
@@ -74,33 +74,25 @@ onMounted(async () => {
       <div>รายละเอียดการประเมินบุคคลของ {{ `${prefix}${fullName}` }}</div>
     </div>
   </div>
-  <q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md">
-    <div class="col-xs-12 col-sm-12 col-md-11 row q-col-gutter-md">
-      <div class="col-12 row">
-        <q-card bordered class="col-12 row caedNone">
-          <q-card class="col-12 items-center">
-            <q-tabs
-              v-model="store.tabMenu"
-              dense
-              align="left"
-              inline-label
-              class="rounded-borders"
-              indicator-color="primary"
-              active-bg-color="teal-1"
-              active-class="text-primary"
-            >
-              <q-tab name="1" label="รายละเอียดการประเมิน" />
-              <q-tab name="2" label="กรรมการและการประชุม" />
-            </q-tabs>
-            <q-separator />
-            <q-tab-panels v-model="store.tabMenu" animated>
-              <q-tab-panel name="1"> <Tab1 :data="data" /></q-tab-panel>
+  <q-card flat bordered class="col-12">
+    <q-tabs
+      v-model="store.tabMenu"
+      dense
+      align="left"
+      inline-label
+      class="rounded-borders"
+      indicator-color="primary"
+      active-bg-color="teal-1"
+      active-class="text-primary"
+    >
+      <q-tab name="1" label="รายละเอียดการประเมิน" />
+      <q-tab name="2" label="กรรมการและการประชุม" />
+    </q-tabs>
+    <q-separator />
+    <q-tab-panels v-model="store.tabMenu" animated>
+      <q-tab-panel name="1"> <Tab1 :data="data" /></q-tab-panel>
 
-              <q-tab-panel name="2"> <Tab2 :data="data" /></q-tab-panel>
-            </q-tab-panels>
-          </q-card>
-        </q-card>
-      </div>
-    </div>
+      <q-tab-panel name="2"> <Tab2 :data="data" /></q-tab-panel>
+    </q-tab-panels>
   </q-card>
 </template>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 0bdca12a4..3f67e16a6 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -1143,10 +1143,10 @@ function onLoad(index: any, done: any) {
   border-radius: 0px 100px 100px 0px;
 }
 
-.q-field--outlined .q-icon {
+/* .q-field--outlined .q-icon {
   color: #7474747f;
 }
-
+ */
 .q-card__actions .q-btn--rectangle {
   padding: 0 14px !important;
 }

From f21ba8a715b49d303bece2811aa348c40343e4c1 Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 18 Jan 2024 11:24:19 +0700
Subject: [PATCH 03/10] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3?=
 =?UTF-8?q?=E0=B9=80=E0=B8=AD=E0=B8=81=E0=B8=AA=E0=B8=B2=E0=B8=A3=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12_evaluatePersonal/components/Detail/step/step5.vue   | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
index d718b5bb3..640e7a464 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
@@ -49,6 +49,13 @@ const files = [
     fileName: "ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
     pathName: "6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
   },
+  {
+    id: "file4",
+    fileName:
+      "แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
+    pathName:
+      "3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
+  },
 ];
 
 /** function บันทึกแจ้งผลการประกาศคัดเลือก*/

From ba649113a505e8d1edfd0f19471ce3d9ec3fc52c Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Thu, 18 Jan 2024 11:49:53 +0700
Subject: [PATCH 04/10] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20cs?=
 =?UTF-8?q?s=20=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=99=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=80=E0=B8=95=E0=B8=B4=E0=B8=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Detail/step/step2.vue          |  8 +--
 .../components/Detail/step/step3.vue          |  1 -
 .../components/Detail/step/step5.vue          |  2 +-
 .../components/Detail/step/step6.vue          |  8 +--
 .../components/Detail/step/step7.vue          |  4 +-
 .../components/Detail/step/step9.vue          | 32 ++++++------
 .../components/Detail/viewstep/viewStep7.vue  | 49 ++++++++++---------
 7 files changed, 56 insertions(+), 48 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
index a3c76cb77..8521c20ee 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
@@ -111,10 +111,10 @@ onMounted(async () => {
             <div class="col-12 q-pa-sm">
               <div class="row q-col-gutter-sm col-12">
                 <div class="col-xs-12 col-sm-12 row">
-                  <div class="text-weight-medium q-pt-xs q-pl-sm">
+                  <div class="text-weight-medium q-py-xs q-pl-sm">
                     ผู้บังคับบัญชาชั้นต้น
                   </div>
-                  <div class="row col-12 q-col-gutter-sm q-pa-sm">
+                  <div class="row col-12 q-col-gutter-sm">
                     <q-input
                       readonly
                       ref="elementaryFullNameRef"
@@ -145,10 +145,10 @@ onMounted(async () => {
 
               <div class="row q-col-gutter-sm col-12">
                 <div class="col-xs-12 col-sm-12 row">
-                  <div class="text-weight-medium q-pl-sm q-pt-sm">
+                  <div class="text-weight-medium q-pl-sm q-pt-md q-mb-xs">
                     ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
                   </div>
-                  <div class="row col-12 q-col-gutter-md q-pa-sm">
+                  <div class="row col-12 q-col-gutter-sm">
                     <q-input
                       readonly
                       ref="abovelevelFullnameRef"
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
index 57ce748e1..1cede5f75 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
@@ -123,7 +123,6 @@ onMounted(async () => {
 <template>
   <q-list separator dense>
     <q-item
-      
       clickable
       v-ripple
       :active="selectedItem === 1 ? true : false"
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
index 640e7a464..253d6e7c0 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
@@ -272,7 +272,7 @@ onMounted(async () => {
           separator
         >
           <q-item clickable v-ripple>
-            <q-item-section>{{ file.fileName }}</q-item-section>
+            <q-item-section class="text-grey-9">{{ file.fileName }}</q-item-section>
             <q-item-section avatar>
               <div class="row">
                 <div>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step6.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step6.vue
index 30194b95c..dd54bae02 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step6.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step6.vue
@@ -155,10 +155,10 @@ onMounted(async () => {
           <div class="col-12 q-pa-sm">
             <div class="row q-col-gutter-sm col-12">
               <div class="col-xs-12 col-sm-12 row">
-                <div class="text-weight-medium q-pl-sm q-pt-sm">
+                <div class="text-weight-medium q-pl-sm q-py-sm">
                   ผู้บังคับบัญชาชั้นต้น
                 </div>
-                <div class="row col-12 q-col-gutter-md">
+                <div class="row col-12 q-col-gutter-sm">
                   <q-input
                     readonly
                     ref="elementaryFullNameRef"
@@ -189,10 +189,10 @@ onMounted(async () => {
 
             <div class="row q-col-gutter-sm col-12">
               <div class="col-xs-12 col-sm-12 row">
-                <div class="text-weight-medium q-pl-sm q-pt-sm">
+                <div class="text-weight-medium q-pl-sm q-pt-md q-mb-xs">
                   ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
                 </div>
-                <div class="row col-12 q-col-gutter-md">
+                <div class="row col-12 q-col-gutter-sm">
                   <q-input
                     readonly
                     ref="abovelevelFullnameRef"
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step7.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step7.vue
index bc4a9adcd..42dd63adf 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step7.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step7.vue
@@ -113,7 +113,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <q-list separator>
+  <q-list separator dense>
     <q-item
       clickable
       v-ripple
@@ -121,7 +121,7 @@ onMounted(async () => {
       active-class="text-primary"
       @click="handleItemClick(1)"
     >
-      <q-item-section>เอกสารเล่ม 2</q-item-section>
+      <q-item-section class="q-py-sm">เอกสารเล่ม 2</q-item-section>
     </q-item>
   </q-list>
 </template>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step9.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step9.vue
index 431a956f7..35dd70989 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step9.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step9.vue
@@ -25,20 +25,24 @@ function copyLink() {
 </script>
 
 <template>
-  <div class="row">
-    <div class="col-12 text-center">
-      <p class="text-weight-bold q-mb-none">Public URL</p>
-
-      <q-btn
-        class="q-mt-md"
-        outline
-        icon="mdi-clipboard-outline"
-        label="คัดลอกลิงก์"
-        color="primary"
-        @click="copyLink"
-      >
-        <q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn
-      >
+  <div class="row q-pa-md">
+    <div class="col-12 row items-center justify-center">
+      <div class="row"><strong>Public URL : </strong>
+        <a :href="`${link}/${id}`" class="q-pl-sm"> {{link}}/{{ id }}
+        </a>
+      </div>
+      <q-space/>
+      <div class="q-pt-sm">
+        <q-btn
+          outline
+          icon="mdi-content-copy"
+          label="คัดลอกลิงก์"
+          color="primary"
+          @click="copyLink"
+        >
+          <q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn
+        >
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep7.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep7.vue
index da523ba30..3e36124a0 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep7.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep7.vue
@@ -15,29 +15,34 @@ const modalPerview = ref<boolean>(false);
 </script>
 
 <template>
-  <div class="col-12 row">
-    <q-space />
-    <q-btn
-      flat
-      round
-      color="primary"
-      icon="download"
-      target="_blank"
-      :href="store.urlDownloadFile"
-    >
-      <q-tooltip>ดาวน์โหลด</q-tooltip>
-    </q-btn>
-    <q-btn
-      flat
-      round
-      color="primary"
-      icon="mdi-fullscreen"
-      @click="modalPerview = true"
-      ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
-    >
-  </div>
+  <q-card bordered class="col-12 row shadow-0">
+    <div class="col-12 row items-center q-pa-sm q-gutter-sm">
+      <div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
+        <q-space />
+          <q-btn
+            flat
+            dense
+            color="primary"
+            icon="download"
+            target="_blank"
+            :href="store.urlDownloadFile"
+          >
+            <q-tooltip>ดาวน์โหลด</q-tooltip>
+          </q-btn>
+          <q-btn
+            flat
+            dense
+            color="primary"
+            icon="mdi-fullscreen"
+            @click="modalPerview = true"
+            ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
+          >
+        </div>
+        <div class="col-12"><q-separator /></div>
+        <div class="col-12"><ViewPDF class="col-12" /></div>
+   </q-card>
 
-  <ViewPDF />
+ 
 
   <q-dialog v-model="modalPerview" full-width fullHeight>
     <q-card>

From fd98029774c5c1afe99ea3e82734b94e2b257b2b Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 18 Jan 2024 11:51:56 +0700
Subject: [PATCH 05/10] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20label=20?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=B8=E0=B8=97=E0=B8=98=E0=B8=A3=E0=B8=93=E0=B9=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../11_discipline/components/8_AppealComplain/Form.vue        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/11_discipline/components/8_AppealComplain/Form.vue b/src/modules/11_discipline/components/8_AppealComplain/Form.vue
index b9e019117..b805ef4d0 100644
--- a/src/modules/11_discipline/components/8_AppealComplain/Form.vue
+++ b/src/modules/11_discipline/components/8_AppealComplain/Form.vue
@@ -489,9 +489,9 @@ onMounted(() => {
                     outlined
                     hide-bottom-space
                     v-model="formData.title"
-                    :rules="[(val) => !!val || 'กรุณากรอกอุทธรณ์/ร้องทุกข์']"
+                    :rules="[(val) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์']"
                     lazy-rules
-                    label="อุทธรณ์/ร้องทุกข์"
+                    label="เรื่องอุทธรณ์/ร้องทุกข์"
                   />
                 </div>
               </div>

From af4c2eadcd3f23c369909fbd0a49d9cae644d9f4 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 18 Jan 2024 12:00:52 +0700
Subject: [PATCH 06/10] =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=81?=
 =?UTF-8?q?=E0=B8=88=E0=B9=89=E0=B8=87=E0=B9=80=E0=B8=95=E0=B8=B7=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/MainLayout.vue | 103 ++++++++++++++++++++++-----------------
 1 file changed, 57 insertions(+), 46 deletions(-)

diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 0bdca12a4..e84858f80 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -54,14 +54,7 @@ const role = ref<string[]>([]);
 const notiTrigger = ref<boolean>(false);
 const text = ref<string>("");
 
-const notiList = ref<notiType[]>([
-  {
-    id: "1",
-    sender: "ท",
-    body: "ขอแก้ไขข้อมูลทะเบียนประวัติ",
-    timereceive: new Date(),
-  },
-]);
+const notiList = ref<notiType[]>([]);
 const options = ref<optionType[]>([
   {
     icon: "mdi-account-cog",
@@ -83,29 +76,49 @@ const options = ref<optionType[]>([
   },
 ]);
 
-const getDataNotification = async (index: number) => {
+const getDataNotification = async (index: number, type: string) => {
   // showLoader();
   await http
     .get(config.API.msgNotificate + `?page=${index}&pageSize=${20}`)
     .then((res: any) => {
       const response = res.data.result.data;
-      totalInbox.value = res.data.result.total;
       let list: notiType[] = [];
-      response.map((e: any) => {
-        list.push({
-          id: e.id,
-          sender:
-            e.createdFullName == "" || e.createdFullName == null
-              ? "เจ้าหน้าที่"[0]
-              : e.createdFullName[0],
-          body: e.body ?? "",
-          timereceive: new Date(e.receiveDate),
+
+      if (type === "DEL") {
+        totalInbox.value = res.data.result.total;
+        if (notiList.value.length === 16) {
+          notiList.value = [];
+          response.map((e: any) => {
+            list.push({
+              id: e.id,
+              sender:
+                e.createdFullName == "" || e.createdFullName == null
+                  ? "เจ้าหน้าที่"[0]
+                  : e.createdFullName[0],
+              body: e.body ?? "",
+              timereceive: new Date(e.receiveDate),
+            });
+          });
+          notiList.value.push(...list);
+        }
+      } else {
+        response.map((e: any) => {
+          list.push({
+            id: e.id,
+            sender:
+              e.createdFullName == "" || e.createdFullName == null
+                ? "เจ้าหน้าที่"[0]
+                : e.createdFullName[0],
+            body: e.body ?? "",
+            timereceive: new Date(e.receiveDate),
+          });
         });
-      });
-      notiList.value.push(...list);
+        notiList.value.push(...list);
+        totalInbox.value = res.data.result.total;
+      }
     })
     .catch((e) => {
-      // messageError($q, e);
+      messageError($q, e);
     })
     .finally(() => {
       // hideLoader();
@@ -219,7 +232,7 @@ onMounted(async () => {
     await fetchroleUser(keycloak.tokenParsed.role);
   }
 
-  await getDataNotification(1);
+  await getDataNotification(1, "NOMAL");
   myEventHandler(null, false);
   window.addEventListener("resize", (e: any) => {
     myEventHandler(e, true);
@@ -410,32 +423,30 @@ if (keycloak.tokenParsed != null) {
   role.value = keycloak.tokenParsed.role;
 }
 
-const deleteData = async (id: string) => {
-  console.log("delete=", id);
-  showLoader();
-  await http
-    .delete(config.API.msgId(id))
-    .then((res) => {
-      success($q, "ลบข้อมูลสำเร็จ");
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(async () => {
-      getDataNotification(1);
-      hideLoader();
-    });
-};
-
-const clickDelete = (id: string) => {
-  dialogRemove($q, () => deleteData(id));
+const clickDelete = async (id: string, index: number) => {
+  dialogRemove($q, async () => {
+    showLoader();
+    await http
+      .delete(config.API.msgId(id))
+      .then(() => {
+        notiList.value.splice(index, 1);
+        success($q, "ลบข้อมูลสำเร็จ");
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(async () => {
+        getDataNotification(1, "DEL");
+        hideLoader();
+      });
+  });
 };
 
 const totalInbox = ref<number>(0);
 function onLoad(index: any, done: any) {
   if (notiList.value.length < totalInbox.value) {
     setTimeout(() => {
-      getDataNotification(index + 1);
+      getDataNotification(index + 1, "NOMAL");
       done();
     }, 2000);
   }
@@ -510,8 +521,8 @@ function onLoad(index: any, done: any) {
             >
               <q-list
                 style="min-width: 300px"
-                v-for="n in notiList"
-                :key="n.id"
+                v-for="(n, index) in notiList"
+                :key="index"
               >
                 <q-item v-ripple class="mytry q-py-xs" dense>
                   <q-item-section avatar top style="min-width: 40px">
@@ -537,7 +548,7 @@ function onLoad(index: any, done: any) {
                     dense
                     icon="mdi-close"
                     class="mybtn q-mx-xs"
-                    @click="clickDelete(n.id)"
+                    @click="clickDelete(n.id, index)"
                   ></q-btn>
                 </q-item>
                 <q-separator color="grey-2" />

From 031c68f33a25a13c0796da39092bc955da77808e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 18 Jan 2024 13:03:55 +0700
Subject: [PATCH 07/10] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B8=A3=E0=B8=B0=E0=B8=9A=E0=B8=9A=E0=B8=9B=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12_evaluatePersonal/components/Meeting/AddPage.vue      | 2 +-
 src/modules/12_evaluatePersonal/components/Meeting/Form.vue | 6 +++++-
 .../12_evaluatePersonal/components/Meeting/MainPage.vue     | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Meeting/AddPage.vue b/src/modules/12_evaluatePersonal/components/Meeting/AddPage.vue
index 88cba9de5..e05339d18 100644
--- a/src/modules/12_evaluatePersonal/components/Meeting/AddPage.vue
+++ b/src/modules/12_evaluatePersonal/components/Meeting/AddPage.vue
@@ -55,7 +55,7 @@ function addData(formData: any) {
         class="q-mr-sm"
         @click="$router.push(`/evaluate/meeting`)"
       />
-      เพิ่มรายการการประชุม
+      เพิ่มการประชุม
     </div>
 
     <Form :on-submit="onSubmit" />
diff --git a/src/modules/12_evaluatePersonal/components/Meeting/Form.vue b/src/modules/12_evaluatePersonal/components/Meeting/Form.vue
index b7b248e80..2645ca1d8 100644
--- a/src/modules/12_evaluatePersonal/components/Meeting/Form.vue
+++ b/src/modules/12_evaluatePersonal/components/Meeting/Form.vue
@@ -273,6 +273,7 @@ onMounted(() => {
             <template #trigger>
               <q-input
                 for="selectDate"
+                ref="dateMeetingStartRef"
                 dense
                 outlined
                 lazy-rules
@@ -283,6 +284,7 @@ onMounted(() => {
                 "
                 hide-bottom-space
                 :label="`${'วันเวลาที่เริ่มต้นการประชุม'}`"
+                :rules="[(val: string) => !!val || `${'กรุณาเลือกวันเวลาที่เริ่มต้นการประชุม'}`]"
               >
                 <template v-slot:prepend>
                   <q-icon name="event" class="cursor-pointer text-primary">
@@ -309,6 +311,7 @@ onMounted(() => {
             <template #trigger>
               <q-input
                 for="selectDate"
+                ref="dateMeetingEndRef"
                 dense
                 outlined
                 lazy-rules
@@ -318,7 +321,8 @@ onMounted(() => {
                     : null
                 "
                 hide-bottom-space
-                :label="`${'วันเวลาที่สิ้นสุด'}`"
+                :label="`${'วันเวลาสิ้นสุดการประชุม'}`"
+                :rules="[(val: string) => !!val || `${'กรุณาเลือกวันเวลาสิ้นสุดการประชุม'}`]"
               >
                 <template v-slot:prepend>
                   <q-icon name="event" class="cursor-pointer text-primary">
diff --git a/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue b/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue
index a4e772adf..5b7280829 100644
--- a/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue
+++ b/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue
@@ -140,7 +140,7 @@ function filterFn() {
           color="add"
           icon="mdi-plus"
         >
-          <q-tooltip>เพิ่มรายชื่อกรรมการ</q-tooltip>
+          <q-tooltip>เพิ่มการประชุม</q-tooltip>
         </q-btn>
       </div>
       <q-space />

From d3b138254b3c3ec775fab42103873727379135e5 Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Thu, 18 Jan 2024 13:51:00 +0700
Subject: [PATCH 08/10] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99?=
 =?UTF-8?q?=20step=20=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B9=80=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B7=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Detail/step/step4.vue          |   4 +-
 .../components/Detail/step/step5.vue          |  72 +-
 .../components/Detail/step/step8.vue          | 969 +++++++++---------
 3 files changed, 499 insertions(+), 546 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
index a9b9fbfe1..b8655c9f6 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
@@ -433,7 +433,7 @@ onMounted(async () => {
           <div v-if="store.currentStep == 4" >
             <q-btn
               icon="download"
-              color="primary"
+              color="indigo"
               flat
               dense
               round
@@ -455,7 +455,7 @@ onMounted(async () => {
               target="_blank"
               class="col-12"
               icon="visibility"
-              color="primary"
+              color="blue"
               flat
               dense
               round
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
index 253d6e7c0..6b961b1f6 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
@@ -315,7 +315,7 @@ onMounted(async () => {
               target="_blank"
               class="col-12"
               icon="visibility"
-              color="primary"
+              color="blue"
               flat
               dense
               round
@@ -325,44 +325,38 @@ onMounted(async () => {
           </div>
         </div>
         <div class="col-12" v-if="store.currentStep == 5"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm" v-if="store.currentStep == 5">
-            <div class="row col-12">
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation5Ref"
-                  v-model="fileEvaluation5"
-                  class="col-12"
-                  outlined
-                  dense
-                  label="อัปโหลดไฟล์"
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    download10Url === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <template v-slot:prepend>
-                    <q-icon name="attach_file" />
-                  </template>
-                </q-file>
-              </div>
-              <div class="col-2 self-center text-center q-pl-none">
-                <q-btn
-                  flat
-                  round
-                  dense
-                  color="primary"
-                  icon="mdi-upload"
-                  @click="upLoadFile(fileEvaluation5)"
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
-              </div>
-            </div>
-          </div>
+        <div class="col-12 q-pa-sm" v-if="store.currentStep == 5">
+          <q-file
+            ref="fileEvaluation5Ref"
+            v-model="fileEvaluation5"
+            class="col-12"
+            outlined
+            dense
+            label="อัปโหลดไฟล์"
+            hide-bottom-space
+            lazy-rules
+            accept=".pdf"
+            :rules="
+              download10Url === ''
+                ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                : []
+            "
+          >
+            <template v-slot:prepend>
+              <q-icon name="attach_file" />
+            </template>
+            <template v-slot:after>
+              <q-btn
+                flat
+                round
+                dense
+                color="primary"
+                icon="mdi-upload"
+                @click="upLoadFile(fileEvaluation5)"
+                ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+              >
+            </template>
+          </q-file>
         </div>
       </q-card>
     </div>
diff --git a/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue b/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
index ee6284365..41381fc50 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/step/step8.vue
@@ -360,85 +360,80 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="row q-col-gutter-sm">
+  <div class="row q-col-gutter-sm q-pa-sm">
     <div class="col-12">
       <q-card bordered style="border: 1px solid #d6dee1">
         <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
           เอกสารที่เกี่ยวข้องกับการประเมิน
         </div>
         <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-6">
-                <q-card bordered style="border: 1px solid #d6dee1">
-                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                    แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลประกอบการประเมินผลงาน
-                    (เอกสารแบบ ค)
+        <div class="col-12 q-pa-sm">
+          <div class="row q-col-gutter-sm col-12">
+            <div class="col-6">
+              <q-card bordered style="border: 1px solid #d6dee1">
+                <div class="col-12 row items-center text-weight-medium bg-grey-1 q-py-sm q-px-sm">
+                  <div class="col-xs-12 col-sm-9">
+                  แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลประกอบการประเมินผลงาน
+                  (เอกสารแบบ ค)
                   </div>
-                  <div class="col-12"><q-separator /></div>
-                  <div class="row">
-                    <div class="col-12 q-pa-sm">
-                      <div class="row q-col-gutter-md col-12">
-                        <div
-                          v-if="store.currentStep == 8"
-                          class="col-xs-12 col-sm-6 row"
+                  <q-space/>
+                  <div class="col-xs-12 col-sm-3 row justify-end">
+                    <div v-if="store.currentStep == 8">
+                      <q-btn
+                        class="col-12"
+                        flat dense
+                        icon="download"
+                        color="indigo"
+                        @click="
+                          onClickDowloadFile(
+                            'เอกสารแบบ ค',
+                            'template-4',
+                            'เอกสารแบบ ค'
+                          )
+                        "
+                      >
+                        <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                      >
+                    </div>
+                    <div>
+                      <q-btn
+                        v-if="downloadFile1"
+                        :href="downloadFile1"
+                        target="_blank"
+                        class="col-12"
+                        flat
+                        dense
+                        icon="visibility"
+                        color="blue"
+                      >
+                        <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                      >
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12"><q-separator /></div>
+                <div class="row col-12 q-pa-sm">
+                    <div v-if="store.currentStep == 8" class="row col-12">
+                        <q-file
+                          ref="fileEvaluation81Ref"
+                          v-model="fileEvaluation81"
+                          outlined
+                          hide-bottom-space
+                          lazy-rules
+                          label="อัปโหลดไฟล์"
+                          class="col-12"
+                          dense
+                          accept=".pdf"
+                          :rules="
+                            downloadFile1 === ''
+                              ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                              : []
+                          "
                         >
-                          <q-btn
-                            class="col-12"
-                            outline
-                            icon="download"
-                            label="ดาวน์โหลดต้นแบบ"
-                            color="primary"
-                            @click="
-                              onClickDowloadFile(
-                                'เอกสารแบบ ค',
-                                'template-4',
-                                'เอกสารแบบ ค'
-                              )
-                            "
-                          >
-                            <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                          >
-                        </div>
-                        <div class="col-xs-12 col-sm-6 row">
-                          <q-btn
-                            v-if="downloadFile1"
-                            :href="downloadFile1"
-                            target="_blank"
-                            class="col-12"
-                            outline
-                            icon="visibility"
-                            label="ดูไฟล์เอกสาร"
-                            color="primary"
-                          >
-                            <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                          >
-                        </div>
-                        <div v-if="store.currentStep == 8" class="row col-12">
-                          <div class="col-xs-12 col-sm-10 row">
-                            <q-file
-                              ref="fileEvaluation81Ref"
-                              v-model="fileEvaluation81"
-                              class="col-12"
-                              outlined
-                              dense
-                              hide-bottom-space
-                              lazy-rules
-                              label="อัปโหลดไฟล์"
-                              accept=".pdf"
-                              :rules="
-                                downloadFile1 === ''
-                                  ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                                  : []
-                              "
-                            >
-                              <template v-slot:prepend>
-                                <q-icon name="attach_file" />
-                              </template>
-                            </q-file>
-                          </div>
-                          <div class="col-2 self-center text-center q-pl-none">
+                          <template v-slot:prepend>
+                            <q-icon name="attach_file" />
+                          </template>
+                          <template v-slot:after>
                             <q-btn
                               flat
                               round
@@ -453,82 +448,78 @@ onMounted(async () => {
                               "
                               ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
                             >
-                          </div>
-                        </div>
-                      </div>
+
+                          </template>
+                        </q-file>
+                    </div>
+                </div>
+              </q-card>
+            </div>
+            <div class="col-6">
+              <q-card bordered style="border: 1px solid #d6dee1">
+                <div class="col-12 row items-center text-weight-medium bg-grey-1 q-py-sm q-px-sm">
+                  <div class="col-xs-12 col-sm-9">
+                     บัญชีแสดงการรับ-ส่งผลงาน (เอกสารหมายเลข 15)
+                  </div>
+                  <q-space/>
+                  <div class="col-xs-12 col-sm-3 row justify-end">
+                    <div
+                      v-if="store.currentStep == 8"
+                    >
+                      <q-btn
+                        class="col-12"
+                        flat dense
+                        icon="download"
+                        color="indigo"
+                        @click="
+                          onClickDowloadFile(
+                            'เอกสารหมายเลข 15',
+                            'template-4',
+                            'เอกสารหมายเลข 15'
+                          )
+                        "
+                      >
+                        <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                      >
+                    </div>
+                    <div>
+                      <q-btn
+                        v-if="downloadFile2"
+                        :href="downloadFile2"
+                        target="_blank"
+                        class="col-12"
+                        flat dense
+                        icon="visibility"
+                        color="blue"
+                      >
+                        <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                      >
                     </div>
                   </div>
-                </q-card>
-              </div>
-              <div class="col-6">
-                <q-card bordered style="border: 1px solid #d6dee1">
-                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                    บัญชีแสดงการรับ-ส่งผลงาน (เอกสารหมายเลข 15)
-                  </div>
-                  <div class="col-12"><q-separator /></div>
-                  <div class="row">
-                    <div class="col-12 q-pa-sm">
-                      <div class="row q-col-gutter-md col-12">
-                        <div
-                          v-if="store.currentStep == 8"
-                          class="col-xs-12 col-sm-6 row"
-                        >
-                          <q-btn
-                            class="col-12"
-                            outline
-                            icon="download"
-                            label="ดาวน์โหลดต้นแบบ"
-                            color="primary"
-                            @click="
-                              onClickDowloadFile(
-                                'เอกสารหมายเลข 15',
-                                'template-4',
-                                'เอกสารหมายเลข 15'
-                              )
-                            "
-                          >
-                            <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                          >
-                        </div>
-                        <div class="col-xs-12 col-sm-6 row">
-                          <q-btn
-                            v-if="downloadFile2"
-                            :href="downloadFile2"
-                            target="_blank"
-                            class="col-12"
-                            outline
-                            icon="visibility"
-                            label="ดูไฟล์เอกสาร"
-                            color="primary"
-                          >
-                            <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                          >
-                        </div>
-
-                        <div v-if="store.currentStep == 8" class="row col-12">
-                          <div class="col-xs-12 col-sm-10 row">
-                            <q-file
-                              ref="fileEvaluation82Ref"
-                              v-model="fileEvaluation82"
-                              class="col-12"
-                              outlined
-                              dense
-                              hide-bottom-space
-                              lazy-rules
-                              label="อัปโหลดไฟล์"
-                              accept=".pdf"
-                              :rules="
-                                downloadFile2 === ''
-                                  ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                                  : []
-                              "
-                            >
-                              <template v-slot:prepend>
-                                <q-icon name="attach_file" />
-                              </template>
-                            </q-file>
-                          </div>
-                          <div class="col-2 self-center text-center q-pl-none">
+                </div>
+                <div class="col-12"><q-separator /></div>
+                <div class="col-12 q-pa-sm">
+                    <div v-if="store.currentStep == 8" class="row col-12">
+                      <q-file
+                        ref="fileEvaluation82Ref"
+                        v-model="fileEvaluation82"
+                        class="col-12"
+                        outlined
+                        dense
+                        hide-bottom-space
+                        lazy-rules
+                        label="อัปโหลดไฟล์"
+                        accept=".pdf"
+                        :rules="
+                          downloadFile2 === ''
+                            ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                            : []
+                        "
+                      >
+                        <template v-slot:prepend>
+                          <q-icon name="attach_file" />
+                        </template>
+                        <template v-slot:after>
                             <q-btn
                               flat
                               round
@@ -543,262 +534,247 @@ onMounted(async () => {
                               "
                               ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
                             >
-                          </div>
-                        </div>
-                      </div>
+                        </template>
+                      </q-file>
                     </div>
+                </div>
+              </q-card>
+            </div>
+            <div class="col-6">
+              <q-card bordered style="border: 1px solid #d6dee1">
+                <div class="col-12 row items-center text-weight-medium bg-grey-1 q-py-sm q-px-sm">
+                  <div class="col-xs-12 col-sm-9">
+                      แบบประเมินผลงาน (เอกสารหมายเลข 16)
                   </div>
-                </q-card>
-              </div>
-              <div class="col-6">
-                <q-card bordered style="border: 1px solid #d6dee1">
-                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                    แบบประเมินผลงาน (เอกสารหมายเลข 16)
-                  </div>
-                  <div class="col-12"><q-separator /></div>
-                  <div class="row">
-                    <div class="col-12 q-pa-sm">
-                      <div class="row q-col-gutter-md col-12">
-                        <div
-                          v-if="store.currentStep == 8"
-                          class="col-xs-12 col-sm-6 row"
+                  <q-space/>
+                  <div class="col-xs-12 col-sm-3 row justify-end">
+                    <div v-if="store.currentStep == 8">
+                        <q-btn
+                          class="col-12"
+                          dense
+                          flat
+                          icon="download"
+                          color="indigo"
+                          @click="
+                            onClickDowloadFile(
+                              'เอกสารหมายเลข 16',
+                              'template-4',
+                              'เอกสารหมายเลข 16'
+                            )
+                          "
                         >
+                          <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                        >
+                      </div>
+                      <div>
+                        <q-btn
+                          v-if="downloadFile3"
+                          :href="downloadFile3"
+                          target="_blank"
+                          class="col-12"
+                          flat dense
+                          icon="visibility"
+                          color="blue"
+                        >
+                          <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                        >
+                      </div>
+                  </div>
+                </div>
+                <div class="col-12"><q-separator /></div>
+                <div class="col-12 q-pa-sm">
+                  <div v-if="store.currentStep == 8" class="row col-12">
+                    <q-file
+                      ref="fileEvaluation83Ref"
+                      v-model="fileEvaluation83"
+                      class="col-12"
+                      outlined
+                      dense
+                      hide-bottom-space
+                      lazy-rules
+                      label="อัปโหลดไฟล์"
+                      accept=".pdf"
+                      :rules="
+                        downloadFile3 === ''
+                          ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                          : []
+                      "
+                    >
+                      <template v-slot:prepend>
+                        <q-icon name="attach_file" />
+                      </template>
+                      <template v-slot:after>
                           <q-btn
-                            class="col-12"
-                            outline
-                            icon="download"
-                            label="ดาวน์โหลดต้นแบบ"
+                            flat
+                            round
+                            dense
                             color="primary"
+                            icon="mdi-upload"
                             @click="
-                              onClickDowloadFile(
-                                'เอกสารหมายเลข 16',
-                                'template-4',
-                                'เอกสารหมายเลข 16'
+                              upLoadFile(
+                                'แบบประเมินผลงาน (เอกสารหมายเลข 16)',
+                                fileEvaluation83
                               )
                             "
+                            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
                           >
-                            <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                          >
-                        </div>
-                        <div class="col-xs-12 col-sm-6 row">
-                          <q-btn
-                            v-if="downloadFile3"
-                            :href="downloadFile3"
-                            target="_blank"
-                            class="col-12"
-                            outline
-                            icon="visibility"
-                            label="ดูไฟล์เอกสาร"
-                            color="primary"
-                          >
-                            <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                          >
-                        </div>
-
-                        <div v-if="store.currentStep == 8" class="row col-12">
-                          <div class="col-xs-12 col-sm-10 row">
-                            <q-file
-                              ref="fileEvaluation83Ref"
-                              v-model="fileEvaluation83"
-                              class="col-12"
-                              outlined
-                              dense
-                              hide-bottom-space
-                              lazy-rules
-                              label="อัปโหลดไฟล์"
-                              accept=".pdf"
-                              :rules="
-                                downloadFile3 === ''
-                                  ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                                  : []
-                              "
-                            >
-                              <template v-slot:prepend>
-                                <q-icon name="attach_file" />
-                              </template>
-                            </q-file>
-                          </div>
-                          <div class="col-2 self-center text-center q-pl-none">
-                            <q-btn
-                              flat
-                              round
-                              dense
-                              color="primary"
-                              icon="mdi-upload"
-                              @click="
-                                upLoadFile(
-                                  'แบบประเมินผลงาน (เอกสารหมายเลข 16)',
-                                  fileEvaluation83
-                                )
-                              "
-                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                            >
-                          </div>
-                        </div>
+                      </template>
+                    </q-file>
+                  </div>
+                </div>
+              </q-card>
+            </div>
+            <div class="col-6">
+              <q-card bordered style="border: 1px solid #d6dee1">
+                <div class="col-12 row items-center text-weight-medium bg-grey-1 q-py-sm q-px-sm">
+                  <div class="col-xs-12 col-sm-9">
+                     แบบแสดงการประเมินผลงาน (เอกสารหมายเลข 17)
+                  </div>
+                  <q-space/>
+                  <div class="col-xs-12 col-sm-3 row justify-end">
+                    <div
+                        v-if="store.currentStep == 8"
+                      >
+                        <q-btn
+                          class="col-12"
+                          flat dense
+                          icon="download"
+                          color="indigo"
+                          @click="
+                            onClickDowloadFile(
+                              'เอกสารหมายเลข 17',
+                              'template-4',
+                              'เอกสารหมายเลข 17'
+                            )
+                          "
+                        >
+                          <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                        >
                       </div>
+                      <div>
+                        <q-btn
+                          v-if="downloadFile4"
+                          :href="downloadFile4"
+                          target="_blank"
+                          class="col-12"
+                          flat dense
+                          icon="visibility"
+                          color="blue"
+                        >
+                          <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                        >
+                      </div>
+                  </div>
+                </div>
+                <div class="col-12"><q-separator /></div>
+                <div class="col-12 q-pa-sm">
+                  <div v-if="store.currentStep == 8" class="row col-12">
+                    <q-file
+                      ref="fileEvaluation84Ref"
+                      v-model="fileEvaluation84"
+                      class="col-12"
+                      outlined
+                      dense
+                      hide-bottom-space
+                      lazy-rules
+                      label="อัปโหลดไฟล์"
+                      accept=".pdf"
+                      :rules="
+                        downloadFile4 === ''
+                          ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                          : []
+                      "
+                    >
+                      <template v-slot:prepend>
+                        <q-icon name="attach_file" />
+                      </template>
+                      <template v-slot:after>
+                        <q-btn
+                          flat
+                          round
+                          dense
+                          color="primary"
+                          icon="mdi-upload"
+                          @click="
+                            upLoadFile(
+                              'แบบแสดงการประเมินผลงาน (เอกสารหมายเลข 17)',
+                              fileEvaluation84
+                            )
+                          "
+                          ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                        >
+                      </template>
+                    </q-file>
+                  </div>
+                </div>
+              </q-card>
+            </div>
+            <div class="col-6">
+              <q-card bordered style="border: 1px solid #d6dee1">
+                <div class="col-12 row items-center text-weight-medium bg-grey-1 q-py-sm q-px-sm">
+                  <div class="col-xs-12 col-sm-9">
+                     แบบรายงานผลการประเมินบุคคล (เอกสารหมายเลข 18)
+                  </div>
+                  <q-space/>
+                  <div class="col-xs-12 col-sm-3 row justify-end">
+                    <div
+                      v-if="store.currentStep == 8"
+                    >
+                      <q-btn
+                        class="col-12"
+                        flat dense
+                        icon="download"
+                        color="indigo"
+                        @click="
+                          onClickDowloadFile(
+                            'เอกสารหมายเลข 18',
+                            'template-4',
+                            'เอกสารหมายเลข 18'
+                          )
+                        "
+                      >
+                        <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                      >
+                    </div>
+                    <div>
+                      <q-btn
+                        v-if="downloadFile5"
+                        :href="downloadFile5"
+                        target="_blank"
+                        class="col-12"
+                        flat dense
+                        icon="visibility"
+                        color="blue"
+                      >
+                        <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                      >
                     </div>
                   </div>
-                </q-card>
-              </div>
-              <div class="col-6">
-                <q-card bordered style="border: 1px solid #d6dee1">
-                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                    แบบแสดงการประเมินผลงาน (เอกสารหมายเลข 17)
-                  </div>
-                  <div class="col-12"><q-separator /></div>
-                  <div class="row">
-                    <div class="col-12 q-pa-sm">
-                      <div class="row q-col-gutter-md col-12">
-                        <div
-                          v-if="store.currentStep == 8"
-                          class="col-xs-12 col-sm-6 row"
-                        >
-                          <q-btn
-                            class="col-12"
-                            outline
-                            icon="download"
-                            label="ดาวน์โหลดต้นแบบ"
-                            color="primary"
-                            @click="
-                              onClickDowloadFile(
-                                'เอกสารหมายเลข 17',
-                                'template-4',
-                                'เอกสารหมายเลข 17'
-                              )
-                            "
-                          >
-                            <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                          >
-                        </div>
-                        <div class="col-xs-12 col-sm-6 row">
-                          <q-btn
-                            v-if="downloadFile4"
-                            :href="downloadFile4"
-                            target="_blank"
-                            class="col-12"
-                            outline
-                            icon="visibility"
-                            label="ดูไฟล์เอกสาร"
-                            color="primary"
-                          >
-                            <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                          >
-                        </div>
-
-                        <div v-if="store.currentStep == 8" class="row col-12">
-                          <div class="col-xs-12 col-sm-10 row">
-                            <q-file
-                              ref="fileEvaluation84Ref"
-                              v-model="fileEvaluation84"
-                              class="col-12"
-                              outlined
-                              dense
-                              hide-bottom-space
-                              lazy-rules
-                              label="อัปโหลดไฟล์"
-                              accept=".pdf"
-                              :rules="
-                                downloadFile4 === ''
-                                  ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                                  : []
-                              "
-                            >
-                              <template v-slot:prepend>
-                                <q-icon name="attach_file" />
-                              </template>
-                            </q-file>
-                          </div>
-                          <div class="col-2 self-center text-center q-pl-none">
-                            <q-btn
-                              flat
-                              round
-                              dense
-                              color="primary"
-                              icon="mdi-upload"
-                              @click="
-                                upLoadFile(
-                                  'แบบแสดงการประเมินผลงาน (เอกสารหมายเลข 17)',
-                                  fileEvaluation84
-                                )
-                              "
-                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                            >
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </q-card>
-              </div>
-              <div class="col-6">
-                <q-card bordered style="border: 1px solid #d6dee1">
-                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                    แบบรายงานผลการประเมินบุคคล (เอกสารหมายเลข 18)
-                  </div>
-                  <div class="col-12"><q-separator /></div>
-                  <div class="row">
-                    <div class="col-12 q-pa-sm">
-                      <div class="row q-col-gutter-md col-12">
-                        <div
-                          v-if="store.currentStep == 8"
-                          class="col-xs-12 col-sm-6 row"
-                        >
-                          <q-btn
-                            class="col-12"
-                            outline
-                            icon="download"
-                            label="ดาวน์โหลดต้นแบบ"
-                            color="primary"
-                            @click="
-                              onClickDowloadFile(
-                                'เอกสารหมายเลข 18',
-                                'template-4',
-                                'เอกสารหมายเลข 18'
-                              )
-                            "
-                          >
-                            <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                          >
-                        </div>
-                        <div class="col-xs-12 col-sm-6 row">
-                          <q-btn
-                            v-if="downloadFile5"
-                            :href="downloadFile5"
-                            target="_blank"
-                            class="col-12"
-                            outline
-                            icon="visibility"
-                            label="ดูไฟล์เอกสาร"
-                            color="primary"
-                          >
-                            <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                          >
-                        </div>
-
-                        <div v-if="store.currentStep == 8" class="row col-12">
-                          <div class="col-xs-12 col-sm-10 row">
-                            <q-file
-                              ref="fileEvaluation85Ref"
-                              v-model="fileEvaluation85"
-                              class="col-12"
-                              outlined
-                              dense
-                              hide-bottom-space
-                              lazy-rules
-                              label="อัปโหลดไฟล์"
-                              accept=".pdf"
-                              :rules="
-                                downloadFile5 === ''
-                                  ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                                  : []
-                              "
-                            >
-                              <template v-slot:prepend>
-                                <q-icon name="attach_file" />
-                              </template>
-                            </q-file>
-                          </div>
-                          <div class="col-2 self-center text-center q-pl-none">
+                </div>
+                <div class="col-12"><q-separator /></div>
+                <div class="col-12 q-pa-sm">
+                  <div class="row q-col-gutter-md col-12">
+                    <div v-if="store.currentStep == 8" class="row col-12">
+                      <q-file
+                        ref="fileEvaluation85Ref"
+                        v-model="fileEvaluation85"
+                        class="col-12"
+                        outlined
+                        dense
+                        hide-bottom-space
+                        lazy-rules
+                        label="อัปโหลดไฟล์"
+                        accept=".pdf"
+                        :rules="
+                          downloadFile5 === ''
+                            ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                            : []
+                        "
+                      >
+                        <template v-slot:prepend>
+                          <q-icon name="attach_file" />
+                        </template>
+                        <template v-slot:after>
                             <q-btn
                               flat
                               round
@@ -813,103 +789,94 @@ onMounted(async () => {
                               "
                               ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
                             >
-                          </div>
-                        </div>
-                      </div>
+                        </template>
+                      </q-file>
                     </div>
                   </div>
-                </q-card>
-              </div>
-              <div class="col-6">
-                <q-card bordered style="border: 1px solid #d6dee1">
-                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                    แบบสรุปผลการประเมิน (เอกสารแบบ ง)
+                </div>
+              </q-card>
+            </div>
+            <div class="col-6">
+              <q-card bordered style="border: 1px solid #d6dee1">
+                <div class="col-12 row items-center text-weight-medium bg-grey-1 q-py-sm q-px-sm">
+                  <div class="col-xs-12 col-sm-9">
+                     แบบสรุปผลการประเมิน (เอกสารแบบ ง)
                   </div>
-                  <div class="col-12"><q-separator /></div>
-                  <div class="row">
-                    <div class="col-12 q-pa-sm">
-                      <div class="row q-col-gutter-md col-12">
-                        <div
-                          v-if="store.currentStep == 8"
-                          class="col-xs-12 col-sm-6 row"
+                  <q-space/>
+                  <div class="col-xs-12 col-sm-3 row justify-end">
+                    <div v-if="store.currentStep == 8">
+                      <q-btn
+                        flat dense
+                        icon="download"
+                        color="indigo"
+                        @click="
+                          onClickDowloadFile(
+                            'เอกสารแบบ ง',
+                            'template-4',
+                            'เอกสารแบบ ง'
+                          )
+                        "
+                      >
+                        <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                      >
+                    </div>
+                    <div>
+                      <q-btn
+                        v-if="downloadFile6"
+                        :href="downloadFile6"
+                        target="_blank"
+                        class="col-12"
+                        flat dense
+                        icon="visibility"
+                        color="blue"
+                      >
+                        <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                      >
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12"><q-separator /></div>
+                <div class="col-12 q-pa-sm">                     
+                  <div v-if="store.currentStep == 8" class="row col-12">
+                    <q-file
+                      ref="fileEvaluation86Ref"
+                      v-model="fileEvaluation86"
+                      class="col-12"
+                      outlined
+                      dense
+                      hide-bottom-space
+                      lazy-rules
+                      label="อัปโหลดไฟล์"
+                      accept=".pdf"
+                      :rules="
+                        downloadFile6 === ''
+                          ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                          : []
+                      "
+                    >
+                      <template v-slot:prepend>
+                        <q-icon name="attach_file" />
+                      </template>
+                      <template v-slot:after>
+                        <q-btn
+                          flat
+                          round
+                          dense
+                          color="primary"
+                          icon="mdi-upload"
+                          @click="
+                            upLoadFile(
+                              'แบบสรุปผลการประเมิน (เอกสารแบบ ง)',
+                              fileEvaluation86
+                            )
+                          "
+                          ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
                         >
-                          <q-btn
-                            class="col-12"
-                            outline
-                            icon="download"
-                            label="ดาวน์โหลดต้นแบบ"
-                            color="primary"
-                            @click="
-                              onClickDowloadFile(
-                                'เอกสารแบบ ง',
-                                'template-4',
-                                'เอกสารแบบ ง'
-                              )
-                            "
-                          >
-                            <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                          >
-                        </div>
-                        <div class="col-xs-12 col-sm-6 row">
-                          <q-btn
-                            v-if="downloadFile6"
-                            :href="downloadFile6"
-                            target="_blank"
-                            class="col-12"
-                            outline
-                            icon="visibility"
-                            label="ดูไฟล์เอกสาร"
-                            color="primary"
-                          >
-                            <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                          >
-                        </div>
-
-                        <div v-if="store.currentStep == 8" class="row col-12">
-                          <div class="col-xs-12 col-sm-10 row">
-                            <q-file
-                              ref="fileEvaluation86Ref"
-                              v-model="fileEvaluation86"
-                              class="col-12"
-                              outlined
-                              dense
-                              hide-bottom-space
-                              lazy-rules
-                              label="อัปโหลดไฟล์"
-                              accept=".pdf"
-                              :rules="
-                                downloadFile6 === ''
-                                  ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                                  : []
-                              "
-                            >
-                              <template v-slot:prepend>
-                                <q-icon name="attach_file" />
-                              </template>
-                            </q-file>
-                          </div>
-                          <div class="col-2 self-center text-center q-pl-none">
-                            <q-btn
-                              flat
-                              round
-                              dense
-                              color="primary"
-                              icon="mdi-upload"
-                              @click="
-                                upLoadFile(
-                                  'แบบสรุปผลการประเมิน (เอกสารแบบ ง)',
-                                  fileEvaluation86
-                                )
-                              "
-                              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                            >
-                          </div>
-                        </div>
-                      </div>
-                    </div>
+                      </template>
+                    </q-file>
                   </div>
-                </q-card>
-              </div>
+                </div>
+              </q-card>
             </div>
           </div>
         </div>
@@ -917,36 +884,28 @@ onMounted(async () => {
     </div>
     <div v-if="downloadDocEditUrl != ''" class="col-12">
       <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          เอกสารเล่ม 2 (ฉบับแก้ไข)
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div
-                v-if="store.currentStep == 8"
-                class="col-xs-12 col-sm-12 row"
-              >
-                <q-btn
-                  :href="downloadDocEditUrl"
-                  target="_blank"
-                  class="col-12"
-                  icon="download"
-                  label="ดาวน์โหลด"
-                  color="primary"
-                >
-                  <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-            </div>
+        <div class="col-12 row items-center text-weight-medium bg-grey-1 q-py-sm q-px-md">
+          <div>เอกสารเล่ม 2 (ฉบับแก้ไข)</div>
+          <q-space/>
+          <div v-if="store.currentStep == 8">
+            <q-btn
+              :href="downloadDocEditUrl"
+              target="_blank"
+              class="col-12"
+              icon="download"
+              color="indigo"
+              flat
+              dense
+            >
+              <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+            >
           </div>
         </div>
       </q-card>
     </div>
 
     <div v-if="store.currentStep == 8" class="col-12">
-      <div class="q-mt-xs q-gutter-md" align="right">
+      <div align="right">
         <q-btn
           unelevated
           label="ยืนยันผลการพิจารณา"

From ad929f93e2f8de2c3bfa2d8712856dc0699f123c Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Thu, 18 Jan 2024 14:00:21 +0700
Subject: [PATCH 09/10] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20po?=
 =?UTF-8?q?pup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12_evaluatePersonal/components/Detail/popupHistory.vue    | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/popupHistory.vue b/src/modules/12_evaluatePersonal/components/Detail/popupHistory.vue
index d5c2cf6b4..0c6a2d437 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/popupHistory.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/popupHistory.vue
@@ -115,9 +115,7 @@ watch(
 <template>
   <q-dialog v-model="props.modal">
     <q-card style="width: 700px; max-width: 80vw">
-      <q-card-section>
-        <HeaderDialog :tittle="'ประวัติการประเมิน'" :close="props.close" />
-      </q-card-section>
+      <HeaderDialog :tittle="'ประวัติการประเมิน'" :close="props.close" />
       <q-separator />
       <q-card-section class="q-pt-none">
         <div class="col-xs-12 col-sm-12 col-md-12 row q-col-gutter-md">

From 9aa4be6aeddb097d4048647022433ea047e6eeab Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Thu, 18 Jan 2024 16:37:08 +0700
Subject: [PATCH 10/10] =?UTF-8?q?fix=20bug=20=E0=B8=A3=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B2=E0=B8=99=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../09_leave/components/3_Report/LeaveReport.vue     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/09_leave/components/3_Report/LeaveReport.vue b/src/modules/09_leave/components/3_Report/LeaveReport.vue
index e5a68ef6c..a0acab875 100644
--- a/src/modules/09_leave/components/3_Report/LeaveReport.vue
+++ b/src/modules/09_leave/components/3_Report/LeaveReport.vue
@@ -43,14 +43,14 @@ const detailReport = ref<any>();
 /** function อัปเดทบัญชีแสดงวันลา */
 async function updateLeaveday() {
   if (yearType.value === "FULL") {
-    dateStart.value = new Date(year.value, 9, 1);
-    dateEnd.value = new Date(year.value + 1, 8, 30);
+    dateStart.value = new Date(year.value - 1, 9, 1);
+    dateEnd.value = new Date(year.value, 8, 30);
   } else if (yearType.value === "FIRSTHAFT") {
-    dateStart.value = new Date(year.value, 9, 1);
-    dateEnd.value = new Date(year.value + 1, 2, 31);
+    dateStart.value = new Date(year.value - 1, 9, 1);
+    dateEnd.value = new Date(year.value, 2, 31);
   } else if (yearType.value === "SECONDHAFT") {
-    dateStart.value = new Date(year.value + 1, 3, 1);
-    dateEnd.value = new Date(year.value + 1, 8, 30);
+    dateStart.value = new Date(year.value, 3, 1);
+    dateEnd.value = new Date(year.value, 8, 30);
   }
 
   fetchLeaveday(