diff --git a/src/interface/response/checkin.ts b/src/interface/response/checkin.ts index 6db7da2..af92c96 100644 --- a/src/interface/response/checkin.ts +++ b/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 } diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index d624af4..4f6d383 100644 --- a/src/views/HomeView.vue +++ b/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('') // พื้นที่ใกล้เคียง const model = ref('') // สถานที่ทำงาน // ตัวเลือกสถานที่ทำงาน -const options = ref([ - 'ปฏิบัติงานที่บ้าน', - // 'ลืมลงเวลาปฏิบัติงาน', - 'ไปประชุม/อบรม/สัมมนา/ปฏิบัติงานที่บ้านนอกสถานที่', - 'ขออนุญาตออกนอกสถานที่', - 'อื่นๆ', +const options = ref([ + { 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 />
('') // const coordinates = ref('') const model = ref('') -const options = ref([ - 'ปฏิบัติงานที่บ้าน', - // 'ลืมลงเวลาปฏิบัติงาน', - 'ไปประชุม/อบรม/สัมมนา/ปฏิบัติงานที่บ้านนอกสถานที่', - 'ขออนุญาตออกนอกสถานที่', - 'อื่นๆ', +const options = ref([ + { 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 />