From 00cd6e18f225c91c1529348c45bdbeffe52b24d6 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Tue, 4 Feb 2025 15:13:46 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84=E0=B8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogRetired.vue              |   4 +-
 .../Achievement/05_ResultsPerformance.vue     | 165 ++++++++++++++++--
 .../GovernmentInformation/05_ActingPos.vue    |   6 +-
 .../06_HelpGovernment.vue                     |   6 +-
 .../interface/request/ResultsPerformance.ts   |   8 +-
 .../interface/response/ResultsPerformance.ts  |   2 +
 6 files changed, 167 insertions(+), 24 deletions(-)

diff --git a/src/modules/04_registryPerson/components/DialogRetired.vue b/src/modules/04_registryPerson/components/DialogRetired.vue
index 9dd81a08b..211f30886 100644
--- a/src/modules/04_registryPerson/components/DialogRetired.vue
+++ b/src/modules/04_registryPerson/components/DialogRetired.vue
@@ -75,14 +75,14 @@ watch(modal, (val) => {
             </div>
 
             <div class="row q-mt-md text-grey-6">
-              <div class="col-12">สาเหตุ /เหตุผล</div>
+              <div class="col-12">สาเหตุ/เหตุผล</div>
             </div>
             <div class="row">
               <div class="col-12">{{ data.reson ? data.reson : "-" }}</div>
             </div>
 
             <div class="row q-mt-md text-grey-6">
-              <div class="col-12">คำสั่ง /เอกสารอ้างอิง</div>
+              <div class="col-12">คำสั่ง/เอกสารอ้างอิง</div>
             </div>
             <div class="row">
               <div class="col-12">
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue b/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
index ccf8d5e82..831325f1d 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
@@ -10,7 +10,10 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import type { QTableProps } from "quasar";
-import type { RequestItemsObject } from "@/modules/04_registryPerson/interface/request/ResultsPerformance";
+import type {
+  RequestItemsObject,
+  DataOptions,
+} from "@/modules/04_registryPerson/interface/request/ResultsPerformance";
 import type { ResponseObject } from "@/modules/04_registryPerson/interface/response/ResultsPerformance";
 
 import DialogHeader from "@/components/DialogHeader.vue";
@@ -36,9 +39,9 @@ const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
 const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
-
+const year = ref<number | null>(new Date().getFullYear()); //ปีงบประมาณ
 const id = ref<string>(""); //id ที่ต้องการแก้ไข
-const typeIDP = ref<string>('')
+const typeIDP = ref<string>("");
 const isEdit = ref<boolean>(false); //สถานะการแก้ไขข้อมูล
 const modal = ref<boolean>(false); //แสดง popup ผลการประเมินการปฏิบัติราชการ
 const modalDevelop = ref<boolean>(false); //แสดง popup การพัฒนารายบุคคล
@@ -46,7 +49,11 @@ const modeView = ref<string>("table"); //การแสดงผล Table,Card
 const modeViewPlan = ref<string>("table"); //การแสดงผล Table,Card การพัฒนารายบุคคล
 const modalHistory = ref<boolean>(false); //แสดง popup ประวัติแก้ไข
 const kpiDevelopmentId = ref<string>(""); // id การพัฒนารายบุคคล
-
+const period = ref<string | null>(null);
+const periodOp = ref<DataOptions[]>([
+  { id: "OCT", name: "ตุลาคม" },
+  { id: "APR", name: "เมษายน" },
+]);
 /** props*/
 const isLeave = defineModel<boolean>("isLeave", {
   required: true,
@@ -87,6 +94,32 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
     format: (v) => date2Thai(v),
   },
+  {
+    name: "year",
+    align: "left",
+    label: "ปีงบประมาณ",
+    sortable: true,
+    field: "year",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => {
+      return `${v ? Number(v) + 543 : "-"}`;
+    },
+  },
+  {
+    name: "period",
+    align: "left",
+    label: "รอบการประเมิน",
+    sortable: true,
+    field: "period",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => {
+      return (
+        periodOp.value.find((item: DataOptions) => item.id === v)?.name || "-"
+      );
+    },
+  },
   {
     name: "point1Total",
     align: "left",
@@ -170,6 +203,8 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 const visibleColumns = ref<String[]>([
   "point1Total",
+  "year",
+  "period",
   "point1",
   "point2Total",
   "point2",
@@ -277,6 +312,32 @@ const columnsHistory = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
     format: (v) => date2Thai(v),
   },
+  {
+    name: "year",
+    align: "left",
+    label: "ปีงบประมาณ",
+    sortable: true,
+    field: "year",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => {
+      return `${v ? Number(v) + 543 : "-"}`;
+    },
+  },
+  {
+    name: "period",
+    align: "left",
+    label: "รอบการประเมิน",
+    sortable: true,
+    field: "period",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => {
+      return (
+        periodOp.value.find((item: DataOptions) => item.id === v)?.name || "-"
+      );
+    },
+  },
   {
     name: "point1Total",
     align: "left",
@@ -381,6 +442,8 @@ const columnsHistory = ref<QTableProps["columns"]>([
 ]);
 const visibleColumnsHistory = ref<String[]>([
   "point1Total",
+  "year",
+  "period",
   "point1",
   "point2Total",
   "point2",
@@ -459,6 +522,8 @@ async function addEditData(editStatus: boolean = false) {
   const method = editStatus ? "patch" : "post";
   const reqBody: RequestItemsObject = {
     ...resPerformForm,
+    period: period.value,
+    year: year.value,
     profileEmployeeId:
       !editStatus && empType.value !== "" ? profileId.value : undefined,
     profileId:
@@ -491,6 +556,8 @@ function onClickOpenDialog(editStatus: boolean = false, row?: ResponseObject) {
     resPerformForm.pointSumTotal = row.pointSumTotal;
     resPerformForm.pointSum = row.pointSum;
     resPerformForm.date = row.date;
+    year.value = row.year ? row.year : null;
+    period.value = row.period ? row.period : null;
   } else {
     clearData();
   }
@@ -535,15 +602,16 @@ function onSubmit() {
 
 /** เคลียร์ formDฟta */
 function clearData() {
-  (id.value = ""),
-    (resPerformForm.name = ""),
-    (resPerformForm.point1Total = 0),
-    (resPerformForm.point1 = 0),
-    (resPerformForm.point2Total = 0),
-    (resPerformForm.point2 = 0),
-    (resPerformForm.pointSumTotal = 0),
-    (resPerformForm.pointSum = 0),
-    (resPerformForm.date = null);
+  id.value = "";
+  resPerformForm.name = "";
+  resPerformForm.point1Total = 0;
+  resPerformForm.point1 = 0;
+  resPerformForm.point2Total = 0;
+  resPerformForm.point2 = 0;
+  resPerformForm.pointSumTotal = 0;
+  resPerformForm.pointSum = 0;
+  resPerformForm.date = null;
+  year.value = new Date().getFullYear();
 }
 
 /**
@@ -553,7 +621,7 @@ function clearData() {
 function openDialogDevelop(data: any) {
   modalDevelop.value = true;
   kpiDevelopmentId.value = data.kpiDevelopmentId;
-  typeIDP.value = data.type
+  typeIDP.value = data.type;
 }
 
 function updatePaginationIdp(newPagination: any) {
@@ -1094,6 +1162,69 @@ onMounted(async () => {
                 </template>
               </datepicker>
             </div>
+            <div class="col-6">
+              <datepicker
+                menu-class-name="modalfix"
+                v-model="year"
+                :locale="'th'"
+                autoApply
+                year-picker
+                :enableTimePicker="false"
+                class="inputgreen"
+              >
+                <template #year="{ year }">{{ year + 543 }}</template>
+                <template #year-overlay-value="{ value }">{{
+                  parseInt(value + 543)
+                }}</template>
+                <template #trigger>
+                  <q-input
+                    dense
+                    outlined
+                    hide-bottom-space
+                    :model-value="year === null ? null : Number(year) + 543"
+                    :label="`${'ปีงบประมาณ'}`"
+                  >
+                    <template v-if="year !== null" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="year = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
+
+                    <template v-slot:prepend>
+                      <q-icon
+                        name="event"
+                        class="cursor-pointer"
+                        style="color: var(--q-primary)"
+                      >
+                      </q-icon>
+                    </template>
+                  </q-input>
+                </template>
+              </datepicker>
+            </div>
+            <div class="col-6">
+              <q-select
+                outlined
+                dense
+                label="รอบการประเมิน"
+                v-model="period"
+                :options="periodOp"
+                option-value="id"
+                option-label="name"
+                emit-value
+                map-options
+                class="inputgreen"
+              >
+                <template v-if="period" v-slot:append>
+                  <q-icon
+                    name="cancel"
+                    @click.stop.prevent="period = null"
+                    class="cursor-pointer"
+                  /> </template
+              ></q-select>
+            </div>
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-input
                 dense
@@ -1273,7 +1404,11 @@ onMounted(async () => {
     </q-card>
   </q-dialog>
 
-  <DialogDevelop v-model:modal="modalDevelop" v-model:id="kpiDevelopmentId" :type="typeIDP"/>
+  <DialogDevelop
+    v-model:modal="modalDevelop"
+    v-model:id="kpiDevelopmentId"
+    :type="typeIDP"
+  />
 </template>
 
 <style scoped>
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/05_ActingPos.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/05_ActingPos.vue
index 2614b2a2c..24b8b03a0 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/05_ActingPos.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/05_ActingPos.vue
@@ -311,7 +311,7 @@ onMounted(() => {
             icon="mdi-history"
             @click.stop.prevent="showHistoryDialog(props.row.id)"
           >
-            <q-tooltip>ประวัติแก้ไขวินัย</q-tooltip>
+            <q-tooltip>ประวัติแก้ไขรักษาการในตำแหน่ง</q-tooltip>
           </q-btn>
           <q-btn
             v-if="!isLeave && checkPermission($route)?.attrIsUpdate"
@@ -345,7 +345,7 @@ onMounted(() => {
                 round
                 @click.stop.prevent="showHistoryDialog(props.row.id)"
               >
-                <q-tooltip>ประวิติแก้ไขวินัย</q-tooltip>
+                <q-tooltip>ประวัติแก้ไขรักษาการในตำแหน่ง</q-tooltip>
               </q-btn>
 
               <q-btn
@@ -358,7 +358,7 @@ onMounted(() => {
                 round
                 @click.stop.prevent="openEditDialog(props.row)"
               >
-                <q-tooltip>แก้ไข</q-tooltip>
+                <q-tooltip>แก้ไขข้อมูล</q-tooltip>
               </q-btn>
             </div>
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/06_HelpGovernment.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/06_HelpGovernment.vue
index 1b431ec0e..c2a46f85a 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/06_HelpGovernment.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/06_HelpGovernment.vue
@@ -427,7 +427,7 @@ onMounted(() => {
             icon="mdi-history"
             @click.stop.prevent="showHistoryDialog(props.row.id)"
           >
-            <q-tooltip>ประวัติแก้ไขวินัย</q-tooltip>
+            <q-tooltip>ประวัติแก้ไขรายการช่วยราชการ</q-tooltip>
           </q-btn>
           <q-btn
             v-if="!isLeave && checkPermission($route)?.attrIsUpdate"
@@ -474,7 +474,7 @@ onMounted(() => {
                 round
                 @click.stop.prevent="showHistoryDialog(props.row.id)"
               >
-                <q-tooltip>ประวิติแก้ไขวินัย</q-tooltip>
+                <q-tooltip>ประวัติแก้ไขรายการช่วยราชการ</q-tooltip>
               </q-btn>
               <q-btn
                 v-if="!isLeave && checkPermission($route)?.attrIsUpdate"
@@ -484,7 +484,7 @@ onMounted(() => {
                 round
                 @click.stop.prevent="openEditDialog(props.row)"
               >
-                <q-tooltip>แก้ไข</q-tooltip>
+                <q-tooltip>แก้ไขข้อมูล</q-tooltip>
               </q-btn>
             </div>
           </div>
diff --git a/src/modules/04_registryPerson/interface/request/ResultsPerformance.ts b/src/modules/04_registryPerson/interface/request/ResultsPerformance.ts
index 390fec3f7..d499f30e0 100644
--- a/src/modules/04_registryPerson/interface/request/ResultsPerformance.ts
+++ b/src/modules/04_registryPerson/interface/request/ResultsPerformance.ts
@@ -1,6 +1,8 @@
 interface RequestItemsObject {
   profileId?: string;
   profileEmployeeId?: string;
+  period?: string|null;
+  year?: number|null;
   name: string;
   date: Date | null;
   point1: number;
@@ -11,4 +13,8 @@ interface RequestItemsObject {
   pointSumTotal: number;
 }
 
-export type { RequestItemsObject };
+interface DataOptions{
+  id:string
+  name:string
+}
+export type { RequestItemsObject,DataOptions };
diff --git a/src/modules/04_registryPerson/interface/response/ResultsPerformance.ts b/src/modules/04_registryPerson/interface/response/ResultsPerformance.ts
index 90066b4a3..4851f6db8 100644
--- a/src/modules/04_registryPerson/interface/response/ResultsPerformance.ts
+++ b/src/modules/04_registryPerson/interface/response/ResultsPerformance.ts
@@ -16,6 +16,8 @@ interface ResponseObject {
   pointSum: number;
   pointSumTotal: number;
   profileId: string;
+  year: number|null;
+  period: string|null;
 }
 
 export type { ResponseObject };