From 645837c6b77aac905ccf9b1ece2451de1c6b61b9 Mon Sep 17 00:00:00 2001 From: "STW_TTTY\\stwtt" Date: Mon, 15 Jul 2024 17:49:38 +0700 Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20=E0=B8=A3?= =?UTF-8?q?=E0=B8=AD=20API=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?= =?UTF-8?q?=E0=B9=82=E0=B8=84=E0=B8=A3=E0=B8=87=E0=B8=81=E0=B8=B2=E0=B8=A3?= =?UTF-8?q?/=E0=B8=AB=E0=B8=A5=E0=B8=B1=E0=B8=81=E0=B8=AA=E0=B8=B9?= =?UTF-8?q?=E0=B8=95=E0=B8=A3=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=9D=E0=B8=B6?= =?UTF-8?q?=E0=B8=81=E0=B8=AD=E0=B8=9A=E0=B8=A3=E0=B8=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/ProjectDetail.vue | 590 ++++++++++++------ 1 file changed, 384 insertions(+), 206 deletions(-) diff --git a/src/modules/15_development/components/ProjectDetail.vue b/src/modules/15_development/components/ProjectDetail.vue index 7738bbbc1..39ebd9700 100644 --- a/src/modules/15_development/components/ProjectDetail.vue +++ b/src/modules/15_development/components/ProjectDetail.vue @@ -19,12 +19,27 @@ const other1 = ref(false); const other2 = ref(false); const reasonPlanned = ref(""); const reasonActual = ref(""); -const checkOtherBox = computed(() => { - return formData.developmentProjectTechniquePlanneds.includes("อื่นๆ"); + +const checkOtherBox11 = computed(() => { + return formData.developmentProjectTechniquePlanneds.includes("other1"); }); -const checkOtherBox2 = computed(() => { - return formData.developmentProjectTechniqueActuals.includes("อื่นๆ"); +const checkOtherBox12 = computed(() => { + return formData.developmentProjectTechniquePlanneds.includes("other2"); }); +const checkOtherBox13 = computed(() => { + return formData.developmentProjectTechniquePlanneds.includes("other3"); +}); + +const checkOtherBox21 = computed(() => { + return formData.developmentProjectTechniqueActuals.includes("other1"); +}); +const checkOtherBox22 = computed(() => { + return formData.developmentProjectTechniqueActuals.includes("other2"); +}); +const checkOtherBox23 = computed(() => { + return formData.developmentProjectTechniqueActuals.includes("other3"); +}); + const $q = useQuasar(); const store = useDevelopmentDataStore(); const route = useRoute(); @@ -39,17 +54,86 @@ const projectTypeOp = ref([ "โครงการต่อเนื่อง", ]); -const projectTechniquesOp = ref([ - { value: "การอบรม", label: "การอบรม" }, - { value: "การประชุม", label: "การประชุม" }, - { value: "การสัมมนา", label: "การสัมมนา" }, - { value: "การศึกษาดูงาน", label: "การศึกษาดูงาน" }, - { value: "การสัมมนาทางวิชาการ", label: "การสัมมนาทางวิชาการ" }, - { value: "การสัมมนาเชิงปฏิบัติการ", label: "การสัมมนาเชิงปฏิบัติการ" }, - { value: "การบรรยายพิเศษ", label: "การบรรยายพิเศษ" }, - { value: "การฝึกศึกษา", label: "การฝึกศึกษา" }, - { value: "การบรรยาย", label: "การบรรยาย" }, - { value: "อื่นๆ", label: "อื่นๆ" }, +const projectTechniquesOp1 = ref([ + { + 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([ + { 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([ + { + 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 formData = reactive({ @@ -108,6 +192,7 @@ function fetchData() { formData.developmentProjectTechniqueActuals = data.developmentProjectTechniqueActuals; formData.projectModalPlanned = data.projectModalPlanned; + formData.projectModalActual = data.projectModalActual; const arrayExpanded = [ data.strategyChild1Planned, data.strategyChild2Planned, @@ -137,8 +222,8 @@ function fetchData() { expanded.value = arrayExpanded.filter((e) => e !== null).slice(0, -1); expanded2.value = arrayExpanded2.filter((e) => e !== null).slice(0, -1); - reasonPlanned.value = data.reasonPlanned ? data.reasonPlanned:''; - reasonActual.value = data.reasonActual ? data.reasonActual :''; + reasonPlanned.value = data.reasonPlanned ? data.reasonPlanned : ""; + reasonActual.value = data.reasonActual ? data.reasonActual : ""; }) .catch((err) => { messageError($q, err); @@ -223,16 +308,6 @@ function updateSelected(data: DataStrategic, type: string) { formData.strategyChildActualNode = data.level; } } - -function checkOther(type: number, val: boolean) { - if (val == false) { - if (type == 1) { - reasonPlanned.value = ""; - } else if (type == 2) { - reasonActual.value = ""; - } - } -} /** ดึงข้อมูลเมื่อคอมโพเนนต์โหลดเสร็จสมบูรณ์ */ onMounted(() => { fetchData(); @@ -398,208 +473,306 @@ onMounted(() => {
-
-
รูปแบบโครงการตามแผน
+
รูปแบบโครงการตามแผน
-
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- -
- เทคนิควิธีการที่ใช้ในการพัฒนา - +
+ + value="GO_BLACK" + label="ไป-กลับ" + v-model="formData.isBackPlanned" + >
-
-
-
-
- -
-
-
-
-
+
- -
-
รูปแบบโครงการตามจริง
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
-
- เทคนิควิธีการที่ใช้ในการพัฒนา - +
+ +
+
+
-
-
-
-
- -
+
+ +
+
+
+
+
+ การเรียนรู้และการพัฒนาจากการลงมือทำ (70) + +
+ +
+
+
+ การเรียนรู้และการพัฒนาจากบุคคลอื่น (20) + +
+ +
+
+
+ การเรียนรู้และการพัฒนาจากการฝึกอบรม (10) + +
+
-
- +
+
+ +
+ +
+
+
+ +
+
รูปแบบโครงการตามจริง
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+ การเรียนรู้และการพัฒนาจากการลงมือทำ (70) + +
+ +
+
+
+ การเรียนรู้และการพัฒนาจากบุคคลอื่น (20) + +
+ +
+
+
+ การเรียนรู้และการพัฒนาจากการฝึกอบรม (10) + +
+ +
+
+
+
+
+ +
@@ -607,6 +780,7 @@ onMounted(() => {
+
{ top: -45px; width: 100%; } + +:deep(.check_box .q-checkbox) { + align-items: start; +}