แก้ไขเหตุผลตอนลงเวลา

src/interface/response/checkin.ts

@@ -1,3 +1,7 @@
+interface OptionReason {
+  value: string
+  text: string
+}
 interface FormRef {
   model: object | null
   useLocation: object | null
@@ -43,4 +47,4 @@ interface FormTimeStemp {
   longitude: string
   POI: string
 }
-export type { FormRef, FormData, Datalist, FormTimeStemp }
+export type { OptionReason, FormRef, FormData, Datalist, FormTimeStemp }

src/views/HomeView.vue

@@ -8,7 +8,7 @@ import config from '@/app.config'
 import http from '@/plugins/http'
 import { useCounterMixin } from '@/stores/mixin'
 
-import type { FormRef } from '@/interface/response/checkin'
+import type { FormRef, OptionReason } from '@/interface/response/checkin'
 
 import MapCheck from '@/components/AscGISMap.vue'
 
@@ -110,12 +110,23 @@ async function updateLocation(
 const location = ref<string>('') // พื้นที่ใกล้เคียง
 const model = ref<string>('') //  สถานที่ทำงาน
 // ตัวเลือกสถานที่ทำงาน
-const options = ref<string[]>([
-  'ปฏิบัติงานที่บ้าน',
-  // 'ลืมลงเวลาปฏิบัติงาน',
-  'ไปประชุม/อบรม/สัมมนา/ปฏิบัติงานที่บ้านนอกสถานที่',
-  'ขออนุญาตออกนอกสถานที่',
-  'อื่นๆ',
+const options = ref<OptionReason[]>([
+  { value: 'ปฏิบัติงานที่บ้าน', text: 'ปฏิบัติงานที่บ้าน (WFH)' },
+  { value: 'ปฏิบัติงานนอกสถานที่', text: 'ปฏิบัติงานนอกสถานที่ (WFA)' },
+  { value: 'ลืมลงเวลาเริ่มปฏิบัติราชการ', text: 'ลืมลงเวลาเริ่มปฏิบัติราชการ' },
+  { value: 'ลืมลงเวลาเลิกปฏิบัติราชการ', text: 'ลืมลงเวลาเลิกปฏิบัติราชการ' },
+  {
+    value: 'ไปประชุม / อบรม / สัมมนา',
+    text: 'ไปประชุม / อบรม / สัมมนา',
+  },
+  { value: 'ลางานครึ่งวัน (เช้า)', text: 'ลางานครึ่งวัน (เช้า)' },
+  { value: 'ลางานครึ่งวัน (บ่าย)', text: 'ลางานครึ่งวัน (บ่าย)' },
+  { value: 'ขออนุญาตออกนอกสถานที่', text: 'ขออนุญาตออกนอกสถานที่' },
+  {
+    value: 'ประสบภัย เช่น น้ำท่วม มีพายุ ประสบอุบัติเหตุ',
+    text: 'ประสบภัย เช่น น้ำท่วม มีพายุ ประสบอุบัติเหตุ',
+  },
+  { value: 'อื่นๆ', text: 'อื่นๆ' },
 ])
 
 /** function เลือกสถานที่*/
@@ -753,6 +764,10 @@ onMounted(async () => {
                             lazy-rules
                             @update:model-value="selectLocation()"
                             hide-bottom-space
+                            option-value="value"
+                            option-label="text"
+                            emit-value
+                            map-options
                           />
                         </div>
                         <div

src/views/MapView.vue

@@ -9,8 +9,7 @@ import config from '@/app.config'
 import { tokenParsed } from '@/plugins/auth'
 
 // import Type
-import type { FormRef } from '@/interface/response/checkin'
-import type { notiType } from '@/interface/index/Main'
+import type { FormRef, OptionReason } from '@/interface/response/checkin'
 
 // import components
 import MapCheck from '@/components/MapCheckin.vue'
@@ -97,12 +96,23 @@ async function updateLocation(location: any, namePOI: string) {
 const location = ref<string>('')
 // const coordinates = ref<string>('')
 const model = ref<string>('')
-const options = ref<string[]>([
-  'ปฏิบัติงานที่บ้าน',
-  // 'ลืมลงเวลาปฏิบัติงาน',
-  'ไปประชุม/อบรม/สัมมนา/ปฏิบัติงานที่บ้านนอกสถานที่',
-  'ขออนุญาตออกนอกสถานที่',
-  'อื่นๆ',
+const options = ref<OptionReason[]>([
+  { value: 'ปฏิบัติงานที่บ้าน', text: 'ปฏิบัติงานที่บ้าน (WFH)' },
+  { value: 'ปฏิบัติงานนอกสถานที่', text: 'ปฏิบัติงานนอกสถานที่ (WFA)' },
+  { value: 'ลืมลงเวลาเริ่มปฏิบัติราชการ', text: 'ลืมลงเวลาเริ่มปฏิบัติราชการ' },
+  { value: 'ลืมลงเวลาเลิกปฏิบัติราชการ', text: 'ลืมลงเวลาเลิกปฏิบัติราชการ' },
+  {
+    value: 'ไปประชุม / อบรม / สัมมนา',
+    text: 'ไปประชุม / อบรม / สัมมนา',
+  },
+  { value: 'ลางานครึ่งวัน (เช้า)', text: 'ลางานครึ่งวัน (เช้า)' },
+  { value: 'ลางานครึ่งวัน (บ่าย)', text: 'ลางานครึ่งวัน (บ่าย)' },
+  { value: 'ขออนุญาตออกนอกสถานที่', text: 'ขออนุญาตออกนอกสถานที่' },
+  {
+    value: 'ประสบภัย เช่น น้ำท่วม มีพายุ ประสบอุบัติเหตุ',
+    text: 'ประสบภัย เช่น น้ำท่วม มีพายุ ประสบอุบัติเหตุ',
+  },
+  { value: 'อื่นๆ', text: 'อื่นๆ' },
 ])
 
 /** function เลือกสถานที่*/
@@ -411,6 +421,10 @@ onMounted(async () => {
                       :rules="[(val:string) => !!val || 'กรุณาระบุสถานที่']"
                       lazy-rules
                       @update:model-value="selectLocation()"
+                      option-value="value"
+                      option-label="text"
+                      emit-value
+                      map-options
                     />
                   </div>
                   <div