From bc71932976bd35763b5420ee8df47860cf7c760c Mon Sep 17 00:00:00 2001
From: Kittapath <kittapath@frappet.com>
Date: Mon, 2 Oct 2023 11:42:21 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9A=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B6?=
 =?UTF-8?q?=E0=B8=81=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=A1=E0=B8=B1=E0=B8=84=E0=B8=A3=E0=B8=AA=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |  2 +-
 src/modules/01_exam/components/ExamForm.vue   | 19 +++----
 .../01_exam/components/Form/Career.vue        | 53 ++++++++++++++++---
 3 files changed, 58 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 5cfe785..06cc6e6 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "vite",
-    "build": "run-p type-check build-only",
+    "build": "run-p build-only",
     "preview": "vite preview",
     "test:unit": "vitest",
     "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
diff --git a/src/modules/01_exam/components/ExamForm.vue b/src/modules/01_exam/components/ExamForm.vue
index 827a5e4..f7a76c8 100644
--- a/src/modules/01_exam/components/ExamForm.vue
+++ b/src/modules/01_exam/components/ExamForm.vue
@@ -192,12 +192,13 @@ const okModalConfirm = () => {
     modalError($q, 'ไม่สามารถสมัครสอบได้', 'มีข้อมูลที่ยังไม่ถูกบันทึกข้อมูล')
   } else {
     saveAuto.value = true
-    modalConfirm(
-      $q,
-      'ยืนยันการสมัครสอบ?',
-      'เมื่อยืนยันการสมัครสอบแล้วจะไม่สามารถแก้ไขข้อมูลได้',
-      saveData
-    )
+    // modalConfirm(
+    //   $q,
+    //   'ยืนยันการสมัครสอบ?',
+    //   'เมื่อยืนยันการสมัครสอบแล้วจะไม่สามารถแก้ไขข้อมูลได้',
+    //   saveData
+    // )
+    saveData()
   }
 }
 
@@ -299,13 +300,13 @@ const saveData = async () => {
                     .then(async () => {
                       success($q, 'บันทึกข้อมูลส่วนตัวสำเร็จ')
                       if (saveAuto.value) await saveForm()
+                      await props.fetchStep()
                     })
                     .catch((e) => {
                       messageError($q, e)
+                      loaderPage(false)
                     })
-                    .finally(async () => {
-                      await props.fetchStep()
-                    })
+                    .finally(async () => {})
                 } else {
                   notifyError($q, 'กรุณากรอกข้อมูลให้ครบถ้วน')
                 }
diff --git a/src/modules/01_exam/components/Form/Career.vue b/src/modules/01_exam/components/Form/Career.vue
index 1bc54c5..72810aa 100644
--- a/src/modules/01_exam/components/Form/Career.vue
+++ b/src/modules/01_exam/components/Form/Career.vue
@@ -232,7 +232,7 @@
 </template>
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue'
-import { QTableProps, useQuasar } from 'quasar'
+import { useQuasar } from 'quasar'
 import { useCounterMixin } from '@/stores/mixin'
 import { useDataStore } from '@/stores/data'
 import http from '@/plugins/http'
@@ -301,7 +301,7 @@ examData.career.columns.length == 0
     ])
   : (visibleColumns.value = examData.career.columns)
 
-const columns = ref<QTableProps['columns']>([
+const columns = ref<any>([
   {
     name: 'position',
     align: 'left',
@@ -385,10 +385,51 @@ watch(visibleColumns, async (count: String[], prevCount: String[]) => {
   await changeExamColumns('career', count)
 })
 
+watch(startDate, async (count: Date, prevCount: Date) => {
+  await calDate()
+})
+
+watch(endDate, async (count: Date, prevCount: Date) => {
+  await calDate()
+})
+
 onMounted(async () => {
   await fetchData()
 })
 
+const calDate = async () => {
+  let _startDate = new Date(startDate.value.toISOString().substr(0, 10))
+  let _endDate = new Date(endDate.value.toISOString().substr(0, 10))
+  if (_startDate > _endDate) {
+    const swap = _startDate
+    _startDate = _endDate
+    _endDate = swap
+  }
+  const startYear = _startDate.getFullYear()
+  const february = (startYear % 4 === 0 && startYear % 100 !== 0) || startYear % 400 === 0 ? 29 : 28
+  const daysInMonth = [31, february, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
+
+  let yearDiff = _endDate.getFullYear() - startYear
+  let monthDiff = _endDate.getMonth() - _startDate.getMonth()
+  if (monthDiff < 0) {
+    yearDiff--
+    monthDiff += 12
+  }
+  let dayDiff = _endDate.getDate() - _startDate.getDate()
+  if (dayDiff < 0) {
+    if (monthDiff > 0) {
+      monthDiff--
+    } else {
+      yearDiff--
+      monthDiff = 11
+    }
+    dayDiff += daysInMonth[_startDate.getMonth()]
+  }
+  rangeDate.value = `${yearDiff > 0 ? yearDiff + ' ปี ' : ''}${
+    monthDiff > 0 ? monthDiff + ' เดือน ' : ''
+  }${dayDiff > 0 ? dayDiff + ' วัน ' : ''}`
+}
+
 const fetchData = async () => {
   loaderPage(true)
   await http
@@ -399,8 +440,8 @@ const fetchData = async () => {
       data.map((r: any) => {
         rows.value.push({
           ...r,
-          startDate: r.durationStart,
-          endDate: r.durationEnd
+          startDate: new Date(r.durationStart),
+          endDate: new Date(r.durationEnd)
         })
       })
     })
@@ -531,7 +572,7 @@ const saveData = async () => {
       org: org.value,
       durationStart: dateToISO(new Date(startDate.value)),
       durationEnd: dateToISO(new Date(endDate.value)),
-      rangeDate: rangeDate.value == null ? '-' : rangeDate.value //xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+      rangeDate: rangeDate.value
     })
     .then(() => {
       success($q, 'บันทึกข้อมูลสำเร็จ')
@@ -558,7 +599,7 @@ const editData = async () => {
       org: org.value,
       durationStart: dateToISO(new Date(startDate.value)),
       durationEnd: dateToISO(new Date(endDate.value)),
-      rangeDate: rangeDate.value == null ? '-' : rangeDate.value //xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+      rangeDate: rangeDate.value
     })
     .then(() => {
       success($q, 'บันทึกข้อมูลสำเร็จ')