รายการโครงการ/หลักสูตรการฝึกอบรม

src/modules/15_development/components/MainTab.vue

@@ -54,7 +54,7 @@ function fetchDataProject(id: string) {
       store.formAddProject.reason = data.reason;
       store.formAddProject.objective = data.objective;
       /**เป้าหมาย*/
-      const plannedGoals = data.plannedGoals.map((e: ResPlannedGoals) => ({
+      const plannedGoals = data.plannedGoals.map((e: any) => ({
         groupTarget: e.groupTarget,
         groupTargetSub: e.groupTargetSub,
         positions: e.plannedGoalPositions.map((v: any) => ({
@@ -117,7 +117,11 @@ function fetchDataProject(id: string) {
       store.formAddProject.dateEnd = data.dateEnd;
       store.formAddProject.totalDate = data.totalDate;
       store.formAddProject.address = data.address;
-      store.formAddProject.provinceIds = data.provinceIds;
+
+      const provinces = data.provinces.map((e: any) => e.id);
+      const provincesId = [...provinces];
+      store.formAddProject.provinceIds = provincesId;
+
       store.formAddProject.budget = data.budget;
       store.formAddProject.accept = data.accept;
       store.formAddProject.receive = data.receive;

src/modules/15_development/components/ProjectDetail.vue

@@ -9,30 +9,26 @@ import { useDevelopmentDataStore } from "@/modules/15_development/store/developm
 const store = useDevelopmentDataStore();
 
 const projectTypeOp = ref<DataOption[]>([
-  { id: "1", name: "โครงการตามยุทธศาสตร์" },
-  { id: "2", name: "โครงการตามภารกิจประจำของหน่วยงาน" },
-  { id: "3", name: "โครงการใหม่" },
-  { id: "4", name: "โครงการต่อเนื่อง" },
+  { id: "STRATEGIC_PROJECT", name: "โครงการตามยุทธศาสตร์" },
+  { id: "MISSION_PROJECT", name: "โครงการตามภารกิจประจำของหน่วยงาน" },
+  { id: "NEW_PROJECT", name: "โครงการใหม่" },
+  { id: "ONGOING_PROJEC", name: "โครงการต่อเนื่อง" },
 ]);
 const projectCharacteristicsOp = ref<DataOption[]>([
-  { id: "1", name: "ไป-กลับ" },
-  { id: "2", name: "พักค้าง" },
-  { id: "3", name: "ไป-กลับและพักค้าง" },
+  { id: "GO_BACK", name: "ไป-กลับ" },
+  { id: "HOLD", name: "พักค้าง" },
+  { id: "GO_BACK_HOLD", name: "ไป-กลับและพักค้าง" },
 ]);
 const projectTechniquesOp = ref<DataOption[]>([
-  { id: "1", name: "การอบรม" },
-  { id: "2", name: "การประชุม" },
-  { id: "3", name: "การสัมมนา" },
-  { id: "4", name: "การศึกษาดูงาน" },
-  { id: "5", name: "การสัมมนาทางวิชาการ" },
-  { id: "6", name: "การสัมมนาเชิงปฏิบัติการ" },
-  { id: "7", name: "การบรรยายพิเศษ" },
-  { id: "8", name: "การฝึกศึกษา" },
+  { id: "TRAINING", name: "การอบรม" },
+  { id: "MEETING", name: "การประชุม" },
+  { id: "SEMINAR", name: "การสัมมนา" },
+  { id: "STUDY_TOUR", name: "การศึกษาดูงาน" },
+  { id: "ACADEMIC_SEMINAR", name: "การสัมมนาทางวิชาการ" },
+  { id: "WORKSHOP", name: "การสัมมนาเชิงปฏิบัติการ" },
+  { id: "SPECIAL_LECTURE", name: "การบรรยายพิเศษ" },
+  { id: "STUDY_TRAINING", name: "การฝึกศึกษา" },
 ]);
-
-onMounted(() => {
-  console.log("ลักษณะโครงการ");
-});
 </script>
 <template>
   <div class="row q-pa-md q-col-gutter-sm">
@@ -74,7 +70,7 @@ onMounted(() => {
     </div>
     <div class="col-12 col-sm-6 col-md-2">
       <q-input
-        v-if="store.formAddProject.projectCharacteristics !== '1'"
+        v-if="store.formAddProject.projectCharacteristics !== 'GO_BACK'"
         dense
         outlined
         v-model="store.formAddProject.projectNigth"