ปรับ Code การลาลงเวลา

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-11-25 13:18:11 +07:00
parent d150dedb81
commit 99419877c4
42 changed files with 123 additions and 148 deletions

View file

@ -1,66 +0,0 @@
<script setup lang="ts">
import { ref } from "vue";
/** import Components */
import Tab1 from "@/modules/09_leave/components/1_Work/Tab1.vue";
import Tab2 from "@/modules/09_leave/components/1_Work/Tab2.vue";
import DialogReport from "@/modules/09_leave/components/1_Work/DialogReport.vue";
const tab = ref("1");
const modalReport = ref<boolean>(false);
function onClickOpenDialog() {
modalReport.value = !modalReport.value;
}
</script>
<template>
<div class="row">
<span class="toptitle text-dark item-center">รายการลงเวลาปฏงาน</span>
<q-space />
<q-btn
dense
flat
class="text-blue"
label="รายงานสถิติการลงเวลา"
@click="onClickOpenDialog"
>
<q-tooltip>รายงานสถการลงเวลา</q-tooltip>
</q-btn>
</div>
<div>
<q-card bordered flat>
<q-tabs
v-model="tab"
dense
align="left"
inline-label
class="rounded-borders"
indicator-color="primary"
active-bg-color="teal-1"
active-class="text-primary"
>
<q-tab name="1" label="รายการลงเวลาที่ประมวลผลแล้ว" />
<q-tab name="2" label="รายการลงเวลา" />
</q-tabs>
<q-separator />
<div class="q-pa-sm">
<q-tab-panels v-model="tab" animated>
<q-tab-panel name="1">
<Tab1 />
</q-tab-panel>
<q-tab-panel name="2">
<Tab2 />
</q-tab-panel>
</q-tab-panels>
</div>
</q-card>
</div>
<DialogReport :modal="modalReport" :close="onClickOpenDialog" />
</template>
<style scoped></style>