เพิ่่ม stroe เก็บ listDevelopment

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

@@ -7,6 +7,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useDevelopmentDataStore } from "@/modules/15_development/store/developmentStore";
+import { uselistDevelopmentDataStore } from "@/modules/15_development/store/listDevelopment";
 
 /**importType*/
 import type {
@@ -16,11 +17,12 @@ import type {
   StrategyNode,
 } from "@/modules/15_development/interface/index/Main";
 import type { DataStrategic } from "@/modules/15_development/interface/response/Main";
+import type { DataItemsDevelopment } from "@/modules/15_development/interface/index/Main";
 
 const $q = useQuasar();
 const store = useDevelopmentDataStore();
 const route = useRoute();
-const projectId = ref<string>(route.params.id.toLocaleString());
+const itemsDevelopment = uselistDevelopmentDataStore();
 const { showLoader, hideLoader, messageError, date2Thai, diffDay, success } =
   useCounterMixin();
 
@@ -31,6 +33,7 @@ const props = defineProps({
   onCheckChangeData: { type: Function, required: true },
 });
 
+const projectId = ref<string>(route.params.id.toLocaleString());
 const step = ref<string>("");
 const reasonPlanned70 = ref<string>(""); //การเรียนรู้และการพัฒนาจากการลงมือทำ 70 เทคนิควิธีการที่ใช้ในการพัฒนา
 const reasonPlanned20 = ref<string>(""); // การเรียนรู้และการพัฒนาจากบุคคลอื่น 20 เทคนิควิธีการที่ใช้ในการพัฒนา
@@ -62,7 +65,7 @@ const checkOtherBox23 = computed<boolean>(() => {
 const checkRoutePermission = ref<boolean>(
   route.name == "developmentDetailPage"
 );
-const projectTypeOp = ref<any[]>([
+const projectTypeOp = ref<DataOptionTechnique[]>([
   { label: "โครงการตามยุทธศาสตร์", value: "โครงการตามยุทธศาสตร์" },
   {
     label: "โครงการตามภารกิจประจำของหน่วยงาน",
@@ -72,89 +75,18 @@ const projectTypeOp = ref<any[]>([
   { label: "โครงการต่อเนื่อง", value: "โครงการต่อเนื่อง" },
 ]);
 
-/** option */
-const projectTechniquesOp1 = ref<DataOptionTechnique[]>([
-  {
-    value: "on_the_job_training",
-    label: "การฝึกปฏิบัติในงาน (On the job training)",
-  },
-  {
-    value: "job_project_assignment",
-    label: "การมอบหมายงาน/โครงการ (Job/Project assignment)",
-  },
-  {
-    value: "job_shadowing",
-    label: "การติดตามเรียนรู้รูปแบบการทำงานของผู้บริหาร (Job shadowing)",
-  },
-  {
-    value: "job_enlargement",
-    label: "การมอบหมายงานเพิ่มขึ้น (Job enlargement)",
-  },
-  {
-    value: "internal_trainer",
-    label: "การเป็นวิทยากรภายในหน่วยงาน (Internal trainer)",
-  },
-  {
-    value: "rotation",
-    label: "การหมุนเวียนงาน (Rotation)",
-  },
-  {
-    value: "activity",
-    label: "การทำกิจกรรม (Activity)",
-  },
-  {
-    value: "site_visit",
-    label: "การศึกษาดูงานนอกสถานที่ (Site visit)",
-  },
-  {
-    value: "benchmarking",
-    label: "การแลกเปลี่ยน เทียบเคียงความรู้ ประสมการณ์ (Benchmarking)",
-  },
-  {
-    value: "problem_solving",
-    label: "การแก้ปัญหา (Problem-solving)",
-  },
-  {
-    value: "team_working",
-    label: "การทำงานเป็นทีม (Team working)",
-  },
-  {
-    value: "other1",
-    label: "อื่น ๆ (ระบุ)",
-  },
-]);
-
-const projectTechniquesOp2 = ref<DataOptionTechnique[]>([
-  { value: "coaching", label: "การสอนงาน (Coaching)" },
-  { value: "mentoring", label: "การเป็นพี่เลี้ยง (Mentoring)" },
-  { value: "team_meeting", label: "การประชุมทีม (Team meeting)" },
-  { value: "consulting", label: "การให้คำปรึกษา (Consulting)" },
-  { value: "feedback", label: "การให้ข้อคิดเห็น/เสนอแนะ (Feedback)" },
-  { value: "other2", label: "อื่นๆ (ระบุ)" },
-]);
-
-const projectTechniquesOp3 = ref<DataOptionTechnique[]>([
-  {
-    value: "self_learning",
-    label: "การเรียนรู้ด้วยตนเอง แบบ online/offline (Self–learning)",
-  },
-  { value: "classroom_training", label: "การฝึกอบรม (Classroom training)" },
-  {
-    value: "in_house_training",
-    label: "การฝึกอบรมภายในองค์กร (In–house training)",
-  },
-  {
-    value: "public_training",
-    label: "การฝึกอบรมจากองค์กรภายนอก (Public training)",
-  },
-  {
-    value: "e_training",
-    label: "การฝึกอบรมผ่าน online (e–training/e–learning)",
-  },
-  { value: "meeting", label: "การประชุม (Meeting)" },
-  { value: "seminar", label: "การสัมมนา (Seminar)" },
-  { value: "other3", label: "อื่น ๆ (ระบุ)" },
-]);
+//70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย)
+const projectTechniquesOp1 = ref<DataItemsDevelopment[]>(
+  itemsDevelopment.dataDevelopment70
+);
+//20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting)
+const projectTechniquesOp2 = ref<DataItemsDevelopment[]>(
+  itemsDevelopment.dataDevelopment20
+);
+//10 การฝึกอบรมอื่นๆ
+const projectTechniquesOp3 = ref<DataItemsDevelopment[]>(
+  itemsDevelopment.dataDevelopment10
+);
 
 const formData = reactive<FormProjectDetail>({
   developmentProjectTypes: [],

src/modules/15_development/interface/index/Main.ts

@@ -160,6 +160,12 @@ interface StrategyNode {
   name: string;
   children: StrategyNode[];
 }
+
+interface DataItemsDevelopment {
+  value: string;
+  label: string;
+}
+
 export type {
   DataOption,
   DataOptionCheckBox,
@@ -174,4 +180,5 @@ export type {
   OrgTree,
   PersonData,
   StrategyNode,
+  DataItemsDevelopment,
 };

src/modules/15_development/store/listDevelopment.ts

@@ -0,0 +1,98 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+import type { DataItemsDevelopment } from "@/modules/15_development/interface/index/Main";
+
+export const uselistDevelopmentDataStore = defineStore(
+  "listDevelopmentDataStore",
+  () => {
+    //70 การลงมือปฏิบัติ (โดยผู้บังคับบัญชามอบหมาย)
+    const dataDevelopment70 = ref<DataItemsDevelopment[]>([
+      {
+        value: "on_the_job_training",
+        label: "การฝึกปฏิบัติในงาน (On the job training)",
+      },
+      {
+        value: "job_project_assignment",
+        label: "การมอบหมายงาน/โครงการ (Job/Project assignment)",
+      },
+      {
+        value: "job_shadowing",
+        label: "การติดตามเรียนรู้รูปแบบการทำงานของผู้บริหาร (Job shadowing)",
+      },
+      {
+        value: "job_enlargement",
+        label: "การมอบหมายงานเพิ่มขึ้น (Job enlargement)",
+      },
+      {
+        value: "internal_trainer",
+        label: "การเป็นวิทยากรภายในหน่วยงาน (Internal trainer)",
+      },
+      {
+        value: "rotation",
+        label: "การหมุนเวียนงาน (Rotation)",
+      },
+      {
+        value: "activity",
+        label: "การทำกิจกรรม (Activity)",
+      },
+      {
+        value: "site_visit",
+        label: "การศึกษาดูงานนอกสถานที่ (Site visit)",
+      },
+      {
+        value: "benchmarking",
+        label: "การแลกเปลี่ยน เทียบเคียงความรู้ ประสมการณ์ (Benchmarking)",
+      },
+      {
+        value: "problem_solving",
+        label: "การแก้ปัญหา (Problem-solving)",
+      },
+      {
+        value: "team_working",
+        label: "การทำงานเป็นทีม (Team working)",
+      },
+      {
+        value: "other1",
+        label: "อื่น ๆ (ระบุ)",
+      },
+    ]);
+    //20 การเรียนรู้จากผู้อื่น (Coach/Mentor/Consulting)
+    const dataDevelopment20 = ref<DataItemsDevelopment[]>([
+      { value: "coaching", label: "การสอนงาน (Coaching)" },
+      { value: "mentoring", label: "การเป็นพี่เลี้ยง (Mentoring)" },
+      { value: "team_meeting", label: "การประชุมทีม (Team meeting)" },
+      { value: "consulting", label: "การให้คำปรึกษา (Consulting)" },
+      { value: "feedback", label: "การให้ข้อคิดเห็น/เสนอแนะ (Feedback)" },
+      { value: "other2", label: "อื่น ๆ (ระบุ)" },
+    ]);
+    //10 การฝึกอบรมอื่นๆ
+    const dataDevelopment10 = ref<DataItemsDevelopment[]>([
+      {
+        value: "self_learning",
+        label: "การเรียนรู้ด้วยตนเอง แบบ online/offline (Self – learning)",
+      },
+      { value: "classroom_training", label: "การฝึกอบรม (Classroom training)" },
+      {
+        value: "in_house_training",
+        label: "การฝึกอบรมภายในองค์กร (In – house training)",
+      },
+      {
+        value: "public_training",
+        label: "การฝึกอบรมจากองค์กรภายนอก (Public training)",
+      },
+      {
+        value: "e_training",
+        label: "การฝึกอบรมผ่าน online (e – training / e – learning)",
+      },
+      { value: "meeting", label: "การประชุม (Meeting)" },
+      { value: "seminar", label: "การสัมมนา (Seminar)" },
+      { value: "other3", label: "อื่น ๆ (ระบุ)" },
+    ]);
+    return {
+      dataDevelopment70,
+      dataDevelopment20,
+      dataDevelopment10,
+    };
+  }
+);