hrms-bangkok/hrms-checkin
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

- แก้ไขการแสดงผลหน้ารายการลงเวลาพิเศษ โดยปิดแสดงสถานะ

Browse source 
- coment code
This commit is contained in:
Warunee Tamkoo 2024-01-25 15:23:27 +07:00
parent 373d36199d
commit b24f4461ab
8 changed files with 146 additions and 130 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/PopUp.vue
View file

@ -41,7 +41,7 @@ watch(
</script>
<template>
<q-dialog v-model="props.modal" persistent>
<q-card class="column" :style="$q.screen.lt.sm ? 'width: 100%;': 'width: 450px;'">
<q-card class="column" :style="$q.screen.lt.sm ? 'width: 100%;': 'width: 320px;'">
<HeaderPopup :title="props.title" :clickClose="clickClosePopup" />
<FormTime
:dataById="data"

215
src/components/TableHistory.vue
View file

@ -2,11 +2,8 @@
import type { QTableProps } from 'quasar'
import { ref, watch } from 'vue'
// importStores
import { useChekIn } from '@/stores/chekin'
// importComponent
import Popup from '@/components/PopUp.vue'
import Popup from '@/components/PopUp.vue' // dialog เพิ่ม/ขอแก้ไขลงเวลากรณีพิเศษ
const stores = useChekIn()
const selected = ref<string[]>([])
@ -38,36 +35,6 @@ const props = defineProps({
defualt: '',
required: true,
},
nornmalData: {
type: Boolean,
defualt: false,
},
nextPageVisible: {
type: Boolean,
defualt: false,
},
publicData: {
type: Boolean,
defualt: true,
required: false,
},
updateData: {
type: Boolean,
defualt: true,
required: false,
},
statusPayment: {
type: Boolean,
required: false,
},
setSeat: {
type: Boolean,
required: false,
},
publicNoBtn: {
type: Boolean,
defualt: false,
},
fetchData: {
type: Function,
default: () => console.log('not function'),
@ -121,71 +88,121 @@ async function filterFn() {
}
/** column history table */
const columns = ref<QTableProps['columns']>([
{
name: 'checkInDate',
align: 'left',
label: 'วัน/เดือน/ปี',
sortable: true,
field: 'checkInDate',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkInTime',
align: 'left',
label: 'เวลาเข้างาน',
sortable: true,
field: 'checkInTime',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkInLocation',
align: 'left',
label: 'พิกัด',
sortable: true,
field: 'checkInLocation',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px',
},
{
name: 'checkInStatus',
align: 'left',
label: 'สถานะช่วงเช้า',
sortable: true,
field: 'checkInStatus',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkOutTime',
align: 'left',
label: 'เวลาออกงาน',
sortable: true,
field: 'checkOutTime',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkOutLocation',
align: 'left',
label: 'พิกัด',
sortable: true,
field: 'checkOutLocation',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px',
},
{
name: 'checkOutStatus',
align: 'left',
label: 'สถานะช่วงบ่าย',
sortable: true,
field: 'checkOutStatus',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
])
const columns = ref<QTableProps['columns']>(
props.tab == 'history'
? [
{
name: 'checkInDate',
align: 'left',
label: 'วัน/เดือน/ปี',
sortable: true,
field: 'checkInDate',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkInTime',
align: 'left',
label: 'เวลาเข้างาน',
sortable: true,
field: 'checkInTime',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkInLocation',
align: 'left',
label: 'พิกัด',
sortable: true,
field: 'checkInLocation',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px',
},
{
name: 'checkInStatus',
align: 'left',
label: 'สถานะช่วงเช้า',
sortable: true,
field: 'checkInStatus',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkOutTime',
align: 'left',
label: 'เวลาออกงาน',
sortable: true,
field: 'checkOutTime',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkOutLocation',
align: 'left',
label: 'พิกัด',
sortable: true,
field: 'checkOutLocation',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px',
},
{
name: 'checkOutStatus',
align: 'left',
label: 'สถานะช่วงบ่าย',
sortable: true,
field: 'checkOutStatus',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
]
: [
{
name: 'checkInDate',
align: 'left',
label: 'วัน/เดือน/ปี',
sortable: true,
field: 'checkInDate',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkInTime',
align: 'left',
label: 'เวลาเข้างาน',
sortable: true,
field: 'checkInTime',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkInLocation',
align: 'left',
label: 'พิกัด',
sortable: true,
field: 'checkInLocation',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px',
},
{
name: 'checkOutTime',
align: 'left',
label: 'เวลาออกงาน',
sortable: true,
field: 'checkOutTime',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px; width:15%;',
},
{
name: 'checkOutLocation',
align: 'left',
label: 'พิกัด',
sortable: true,
field: 'checkOutLocation',
headerStyle: 'font-size: 14px',
style: 'font-size: 14px',
},
]
)
const visibleColumns = ref<string[]>([
'checkInDate',
'checkInTime',