From 93a5d53df2f45972caedc1744facaa122828b43c Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 4 Apr 2024 13:33:41 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20code=20?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=82?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A3=E0=B8=87=E0=B8=81=E0=B8=B2=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../15_development/components/BasicInfo.vue   |  2 +-
 .../15_development/components/MainTab.vue     | 17 ++--
 .../15_development/components/Other.vue       |  6 +-
 .../15_development/components/Target.vue      | 28 +++----
 .../15_development/interface/response/Main.ts | 79 ++++++++++++++++++-
 5 files changed, 106 insertions(+), 26 deletions(-)

diff --git a/src/modules/15_development/components/BasicInfo.vue b/src/modules/15_development/components/BasicInfo.vue
index e55e2c727..4d6b6b426 100644
--- a/src/modules/15_development/components/BasicInfo.vue
+++ b/src/modules/15_development/components/BasicInfo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref, watch } from "vue";
+import { reactive, ref } from "vue";
 import { useQuasar } from "quasar";
 
 import type { FormBasicinfo } from "@/modules/15_development/interface/request/Main";
diff --git a/src/modules/15_development/components/MainTab.vue b/src/modules/15_development/components/MainTab.vue
index 77ed8de39..deac5e1b1 100644
--- a/src/modules/15_development/components/MainTab.vue
+++ b/src/modules/15_development/components/MainTab.vue
@@ -5,6 +5,13 @@ import { useRouter, useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+import type {
+  ResDataProject,
+  ResPlannedGoals,
+  ResActualGoals,
+  ResPeople,
+} from "@/modules/15_development/interface/response/Main";
+
 import BasicInfo from "@/modules/15_development/components/BasicInfo.vue";
 import Target from "@/modules/15_development/components/Target.vue";
 import ProjectDetail from "@/modules/15_development/components/ProjectDetail.vue";
@@ -38,7 +45,7 @@ function fetchDataProject(id: string) {
   http
     .get(config.API.developmentMainById(id))
     .then((res) => {
-      const data = res.data.result;
+      const data: ResDataProject = res.data.result;
       console.log(data);
       /** ข้อมูลเบื้องต้น*/
       store.formAddProject.year = data.year;
@@ -47,7 +54,7 @@ function fetchDataProject(id: string) {
       store.formAddProject.objective = data.objective;
 
       /**เป้าหมาย*/
-      const plannedGoals = data.plannedGoals.map((e: any) => ({
+      const plannedGoals = data.plannedGoals.map((e: ResPlannedGoals) => ({
         groupTarget: e.groupTarget,
         groupTargetSub: e.groupTargetSub,
         position: e.position,
@@ -56,14 +63,14 @@ function fetchDataProject(id: string) {
         type: e.type,
         amount: e.amount,
       }));
-      const plannedPeoples = data.plannedPeoples.map((e: any) => ({
+      const plannedPeoples = data.plannedPeoples.map((e: ResPeople) => ({
         groupTarget: e.groupTarget,
         amount: e.amount,
       }));
       store.formAddProject.plannedGoals = plannedGoals;
       store.formAddProject.plannedPeoples = plannedPeoples;
 
-      const actualGoals = data.actualGoals.map((e: any) => ({
+      const actualGoals = data.actualGoals.map((e: ResActualGoals) => ({
         groupTarget: e.groupTarget,
         groupTargetSub: e.groupTargetSub,
         position: e.position,
@@ -72,7 +79,7 @@ function fetchDataProject(id: string) {
         type: e.type,
         amount: e.amount,
       }));
-      const actualPeoples = data.actualPeoples.map((e: any) => ({
+      const actualPeoples = data.actualPeoples.map((e: ResPeople) => ({
         groupTarget: e.groupTarget,
         amount: e.amount,
       }));
diff --git a/src/modules/15_development/components/Other.vue b/src/modules/15_development/components/Other.vue
index 3c9fa9c03..7cc19ccc3 100644
--- a/src/modules/15_development/components/Other.vue
+++ b/src/modules/15_development/components/Other.vue
@@ -72,7 +72,7 @@ function changeDateStart() {
  * @param val ค่าตัวพิมพ์ค้นหา
  * @param update ทุกครั้งที่พิมพ์ค่า
  */
-const filterSelector = (val: any, update: Function) => {
+const filterSelector = (val: string, update: Function) => {
   update(() => {
     provinceOp.value = provinceOpMain.value.filter(
       (v: DataOption) => v.name.indexOf(val) > -1
@@ -203,7 +203,7 @@ onMounted(() => {
         class="inputgreen"
         use-input
         @filter="
-        (inputValue:any, doneFn:Function) =>
+        (inputValue:string, doneFn:Function) =>
           filterSelector(inputValue, doneFn, )
       "
       >
@@ -384,7 +384,7 @@ onMounted(() => {
         class="inputgreen"
         use-input
         @filter="
-        (inputValue:any, doneFn:Function) =>
+        (inputValue:string, doneFn:Function) =>
           filterSelector(inputValue, doneFn, )
       "
         ><template v-slot:no-option>
diff --git a/src/modules/15_development/components/Target.vue b/src/modules/15_development/components/Target.vue
index af10e78dd..43cfb68a3 100644
--- a/src/modules/15_development/components/Target.vue
+++ b/src/modules/15_development/components/Target.vue
@@ -13,6 +13,9 @@ import type {
 import type {
   ResGroup,
   ResLevel,
+  ResPlannedGoals,
+  ResPeople,
+  ResActualGoals,
 } from "@/modules/15_development/interface/response/Main";
 
 import DialogHeader from "@/components/DialogHeader.vue";
@@ -22,14 +25,7 @@ import { useCounterMixin } from "@/stores/mixin";
 
 const $q = useQuasar();
 const store = useDevelopmentDataStore();
-const {
-  showLoader,
-  hideLoader,
-  dialogConfirm,
-  dialogRemove,
-  success,
-  messageError,
-} = useCounterMixin();
+const { dialogRemove, success, messageError } = useCounterMixin();
 
 const columnsPlannedGoals = ref<QTableProps["columns"]>([
   {
@@ -122,10 +118,10 @@ const columnsRelated = ref<QTableProps["columns"]>([
   },
 ]);
 
-const plannedGoals = ref<any>([]);
-const plannedPeoples = ref<any>([]);
-const actualGoals = ref<any>([]);
-const actualPeoples = ref<any>([]);
+const plannedGoals = ref<ResPlannedGoals[]>([]);
+const plannedPeoples = ref<ResPeople[]>([]);
+const actualGoals = ref<ResActualGoals[]>([]);
+const actualPeoples = ref<ResPeople[]>([]);
 
 const peoplesOp = ref<DataOption[]>([
   { id: "OPERATOR", name: "เจ้าหน้าที่ดําเนินการ" },
@@ -200,7 +196,7 @@ function onSubmitGroup() {
   if (isTarget.value === "planned") {
     const data = [];
     data.push(formGroupTarget);
-    const list = data.map((e) => ({
+    const list = data.map((e: FormGroupTarget) => ({
       groupTarget: e.groupTarget,
       groupTargetSub: e.groupTargetSub,
       position: e.position,
@@ -214,7 +210,7 @@ function onSubmitGroup() {
   } else {
     const data = [];
     data.push(formGroupTarget);
-    const list = data.map((e) => ({
+    const list = data.map((e: FormGroupTarget) => ({
       groupTarget: e.groupTarget,
       groupTargetSub: e.groupTargetSub,
       position: e.position,
@@ -235,7 +231,7 @@ function onSubmitRelate() {
   if (isTarget.value === "planned") {
     const data = [];
     data.push(formGroupRelate);
-    const list = data.map((e) => ({
+    const list = data.map((e: FormGroupRelate) => ({
       groupTarget: e.relate,
       amount: Number(e.amount),
     }));
@@ -244,7 +240,7 @@ function onSubmitRelate() {
   } else {
     const data = [];
     data.push(formGroupRelate);
-    const list = data.map((e) => ({
+    const list = data.map((e: FormGroupRelate) => ({
       groupTarget: e.relate,
       amount: Number(e.amount),
     }));
diff --git a/src/modules/15_development/interface/response/Main.ts b/src/modules/15_development/interface/response/Main.ts
index 192501bd1..098d461fc 100644
--- a/src/modules/15_development/interface/response/Main.ts
+++ b/src/modules/15_development/interface/response/Main.ts
@@ -20,4 +20,81 @@ interface ResListProject {
   year: number;
 }
 
-export type { ResGroup, ResLevel, ResListProject };
+interface ResDataProject {
+  year: number;
+  projectName: string;
+  reason: string;
+  objective: string;
+  metricType: string;
+  indicators: string;
+  target: string;
+  calculation: string;
+  measuRement: string;
+  results: string;
+  obstacles: string;
+  suggestions: string;
+  project: string;
+  isPassAllocate: boolean;
+  isPassNoAllocate: boolean;
+  isNoPass: boolean;
+  isBudget: boolean;
+  isOutBudget: boolean;
+  dateStart: Date | null;
+  dateEnd: Date | null;
+  totalDate: number | null;
+  address: string;
+  provinceId: string | null;
+  budget: string;
+  accept: number | string | null;
+  receive: number | string | null;
+  approved: number | string | null;
+  budgetPay: number | string | null;
+  issues: string;
+  chance: string;
+  effects: string;
+  riskLevel: string;
+  riskManagement: string;
+  expect: string;
+  topicAcademic: string;
+  addressAcademic: string;
+  provinceActualId: string | null;
+  actualPeoples: ResPeople[];
+  plannedPeoples: ResPeople[];
+  actualGoals: ResActualGoals[];
+  plannedGoals: ResPlannedGoals[];
+}
+
+interface ResPeople {
+  groupTarget: string;
+  amount: number | null;
+}
+
+interface ResActualGoals {
+  groupTarget: string;
+  groupTargetSub: string;
+  position: string;
+  posTypeActualId: string | null;
+  posLevelActualId: string | null;
+  type: string;
+  amount: number | null;
+}
+
+interface ResPlannedGoals {
+  groupTarget: string;
+  groupTargetSub: string;
+  position: string;
+  posTypePlannedId: string | null;
+  posLevelPlannedId: string | null;
+  type: string;
+  amount: number | null;
+}
+
+export type {
+  ResGroup,
+  ResLevel,
+  ResListProject,
+  ResDataProject,
+  ResPeople,
+  ResActualGoals,
+  ResPlannedGoals,
+};