From a11bdf7e1934e06a8afe37f528da567c9644f538 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Tue, 2 Apr 2024 10:25:43 +0700
Subject: [PATCH] =?UTF-8?q?UI=20=E0=B8=A3=E0=B8=B0=E0=B8=9A=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=B1=E0=B8=92=E0=B8=99=E0=B8=B2=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=99=E0=B8=B9=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=9D=E0=B8=B6=E0=B8=81=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=A3=E0=B8=A1/=E0=B8=94=E0=B8=B9=E0=B8=87?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99=20=E0=B8=82=E0=B8=A3=E0=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FollowResult.vue               |  4 +-
 .../15_development/components/Other.vue       |  3 +-
 .../components/history/AddPage.vue            | 76 ++++++++++++++++++-
 .../15_development/interface/request/Main.ts  | 15 ++++
 4 files changed, 92 insertions(+), 6 deletions(-)

diff --git a/src/modules/15_development/components/FollowResult.vue b/src/modules/15_development/components/FollowResult.vue
index d79e6327d..36ad308e2 100644
--- a/src/modules/15_development/components/FollowResult.vue
+++ b/src/modules/15_development/components/FollowResult.vue
@@ -90,7 +90,7 @@ onMounted(() => {
 });
 </script>
 <template>
-  <q-form greedy @submit.prevent @validation-success="onSubmit">
+
     <div class="row q-pa-md q-col-gutter-sm">
       <div class="col-12">
         <span class="text-weight-medium text-body1">ตัวชี้วัดความสำเร็จ</span>
@@ -254,7 +254,7 @@ onMounted(() => {
         <q-tooltip>บันทึกข้อมูล</q-tooltip>
       </q-btn>
     </div>
-  </q-form>
+
 </template>
 
 <style scoped></style>
diff --git a/src/modules/15_development/components/Other.vue b/src/modules/15_development/components/Other.vue
index 1d6f8bd10..42086e60c 100644
--- a/src/modules/15_development/components/Other.vue
+++ b/src/modules/15_development/components/Other.vue
@@ -75,7 +75,7 @@ onMounted(() => {
 });
 </script>
 <template>
-  <q-form greedy @submit.prevent @validation-success="onSubmit">
+
     <div class="row q-pa-md q-col-gutter-sm">
       <div class="col-12">
         <span class="text-weight-medium text-body1">ระยะเวลาดำเนินการ</span>
@@ -312,7 +312,6 @@ onMounted(() => {
         <q-tooltip>บันทึกข้อมูล</q-tooltip>
       </q-btn>
     </div>
-  </q-form>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/15_development/components/history/AddPage.vue b/src/modules/15_development/components/history/AddPage.vue
index 2788265dc..bb9bd5b78 100644
--- a/src/modules/15_development/components/history/AddPage.vue
+++ b/src/modules/15_development/components/history/AddPage.vue
@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { ref, reactive } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import type { FormAddHistory } from "@/modules/15_development/interface/request/Main";
+import type {
+  FormAddHistory,
+  FormAddHistoryProject,
+} from "@/modules/15_development/interface/request/Main";
 import { useDevelopmentDataStore } from "@/modules/15_development/store/developmentStore";
 
 import Dialog from "@/modules/15_development/components/history/Dialog.vue";
@@ -12,7 +15,7 @@ const store = useDevelopmentDataStore();
 const modalDialog = ref<boolean>(false);
 const typeSelect = ref<string>("");
 
-/** ตัวแปรข้อมูลหลัก */
+/** ตัวแปรข้อมูลข้าราชการ */
 const formMain = reactive<FormAddHistory>({
   citizenId: "1XXXXXXXXXXXX", //เลขประจําตัวประชาชน
   name: "นางสาวรัชภรณ์ ภักดี", //ชื่อ - นามสกุล
@@ -23,6 +26,20 @@ const formMain = reactive<FormAddHistory>({
   oc: "กลุ่มงานช่วยนักบริหาร", //หน่วยงานที่สังกัด
 });
 
+/** ตัวแปรข้อมูลโครงสร้าง */
+const formMainProject = reactive<FormAddHistoryProject>({
+  project: "", //ชื่อโครงการ/หลักสูตรการฝึกอบรม
+  year: "", //ปีงบประมาณที่เข้ารับการฝึกอบรม
+  trainingStart: "", //วันเริ่มต้นการฝึกอบรม
+  trainingEnd: "", //วันสิ้นสุดการฝึกอบรม
+  totalTraining: "", //รวมระยะเวลาในการฝึกอบรม
+  location: "", //สถานที่ไปศึกษาดูงาน
+  topic: "", //หัวข้อการไปศึกษาดูงาน
+  studyStart: "", //วันเริ่มต้นการศึกษาดูงาน
+  studyEnd: "", //วันสิ้นสุดการศึกษาดูงาน
+  organizingTraining: "", //หน่วยงานที่รับผิดชอบจัดการอบรม
+});
+
 const fieldLabels = {
   citizenId: "เลขประจําตัวประชาชน",
   name: "ชื่อ - นามสกุล",
@@ -34,6 +51,20 @@ const fieldLabels = {
   oc: "หน่วยงานที่สังกัด",
 };
 
+const fieldLabelsProject = {
+  project: "ชื่อโครงการ/หลักสูตรการฝึกอบรม",
+  year: "ปีงบประมาณที่เข้ารับการฝึกอบรม",
+  trainingStart: "วันเริ่มต้นการฝึกอบรม",
+  trainingEnd: "วันสิ้นสุดการฝึกอบรม",
+  totalTraining: "รวมระยะเวลาในการฝึกอบรม",
+
+  location: "สถานที่ไปศึกษาดูงาน",
+  topic: "หัวข้อการไปศึกษาดูงาน",
+  studyStart: "วันเริ่มต้นการศึกษาดูงาน",
+  studyEnd: "วันสิ้นสุดการศึกษาดูงาน",
+  organizingTraining: "หน่วยงานที่รับผิดชอบจัดการอบรม",
+};
+
 const visibleColumnsGov = ref<string[]>([
   "citizenId",
   "name",
@@ -229,6 +260,47 @@ function openDialog(select: string) {
         />
       </div>
       <div class="col-12"><q-separator /></div>
+      <div class="row q-col-gutter-md q-pa-md">
+        <div class="col-12 col-sm-6 col-md-6 q-gutter-y-sm">
+          <div
+            class="row"
+            v-for="(field, index) in Object.keys(fieldLabelsProject).slice(
+              0,
+              5
+            )"
+            :key="index"
+          >
+            <div class="col-12 col-sm-12 col-md-4">
+              <span class="text-grey-6 text-weight-medium">{{
+                fieldLabelsProject[field as keyof typeof fieldLabelsProject]
+              }}</span>
+            </div>
+            <div class="col-12 col-sm-12 col-md-8">
+              <span>{{ formMainProject[field] ? formMainProject[field] : "-" }}</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-12 col-sm-6 col-md-6 q-gutter-y-sm">
+          <div
+            class="row"
+            v-for="(field, index) in Object.keys(fieldLabelsProject).slice(
+              5,
+              10
+            )"
+            :key="index"
+          >
+            <div class="col-12 col-sm-12 col-md-4">
+              <span class="text-grey-6 text-weight-medium">{{
+                fieldLabelsProject[field as keyof typeof fieldLabelsProject]
+              }}</span>
+            </div>
+            <div class="col-12 col-sm-12 col-md-8">
+              <span>{{ formMainProject[field] ? formMainProject[field] : "-" }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
     </q-card>
   </q-card>
 
diff --git a/src/modules/15_development/interface/request/Main.ts b/src/modules/15_development/interface/request/Main.ts
index 0adefb3c8..5fe5ccd8b 100644
--- a/src/modules/15_development/interface/request/Main.ts
+++ b/src/modules/15_development/interface/request/Main.ts
@@ -63,6 +63,20 @@ interface FormAddHistory{
   [key: string]: any;
 }
 
+interface FormAddHistoryProject{
+  project:string
+  year:string
+  trainingStart:string
+  trainingEnd:string
+  totalTraining:string
+  location:string
+  topic:string
+  studyStart:string
+  studyEnd:string
+  organizingTraining:string
+  [key: string]: any;
+}
+
 export type {
   FormQueryProject,
   FormBasicinfo,
@@ -71,4 +85,5 @@ export type {
   FormFollowResult,
   FormFollowOther,
   FormAddHistory,
+  FormAddHistoryProject,
 };