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

src/modules/14_KPI/components/Tab/Dialog/DialogDevelop.vue

@@ -6,11 +6,13 @@ import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
+import { uselistDevelopmentDataStore } from "@/modules/15_development/store/listDevelopment";
 
 import type {
   DataOptionTechnique,
   ProjectYearOp,
 } from "@/modules/14_KPI/interface/index/Main";
+import type { DataItemsDevelopment } from "@/modules/15_development/interface/index/Main";
 
 import DialogHeader from "@/components/DialogHeader.vue";
 
@@ -20,6 +22,7 @@ const props = defineProps({
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
+const itemsDevelopment = uselistDevelopmentDataStore();
 const {
   showLoader,
   hideLoader,
@@ -61,70 +64,17 @@ const isDevelopment10 = computed(() => {
   );
 });
 
-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 projectTechniquesOp1 = ref<DataItemsDevelopment[]>(
+  itemsDevelopment.dataDevelopment70
+);
 
-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 projectTechniquesOp2 = ref<DataItemsDevelopment[]>(
+  itemsDevelopment.dataDevelopment20
+);
 
-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: "อื่น ๆ (ระบุ)" },
-]);
+const projectTechniquesOp3 = ref<DataItemsDevelopment[]>(
+  itemsDevelopment.dataDevelopment10
+);
 
 const choice = ref<string>("MANUAL");
 const projectName = ref<any>("");
@@ -361,6 +311,7 @@ watch(
   }
 );
 </script>
+
 <template>
   <q-dialog persistent v-model="modal">
     <q-card style="min-width: 90vw">