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

ui รางงานสถิติ

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-12-01 14:29:21 +07:00
parent d1f0d753ba
commit 25b92f2768
5 changed files with 561 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

63
src/modules/09_leave/views/ReportMain.vue
View file

@ -1,9 +1,66 @@
<script setup lang="ts"></script>
<script setup lang="ts">
import { useRouter } from "vue-router";
const router = useRouter();
function nextPage(type: string,) {
router.push(`/statistics-report/${type}`);
}
</script>
<template>
<div class="toptitle text-dark col-12 row items-center">รายงานสถิติ</div>
<div>
<q-card flat bordered class="col-12 q-mt-sm"> </q-card>
<q-card flat bordered class="col-12 q-mt-sm">
<div class="q-pa-md">
<q-item clickable dense class="hover-green" @click="nextPage('daily')">
<q-item-section avatar>
<q-icon color="primary" name="mdi-file" size="xs" />
</q-item-section>
<q-item-section class="text-dark">
รายงานสรุปบันทึกการลงเวลาปฏิบัติงานเป็นรายวัน
</q-item-section>
</q-item>
<q-item
clickable
dense
class="hover-green"
@click="nextPage('monthly')"
>
<q-item-section avatar>
<q-icon color="primary" name="mdi-file" size="xs" />
</q-item-section>
<q-item-section class="text-dark">
รายงานสรุปบันทึกการลงเวลาปฏิบัติงานเป็นรายเดือน
</q-item-section>
</q-item>
<q-item clickable dense class="hover-green" @click="nextPage('yearly')">
<q-item-section avatar>
<q-icon color="primary" name="mdi-file" size="xs" />
</q-item-section>
<q-item-section class="text-dark">
รายงานสรุปบันทึกการลงเวลาปฏิบัติงานเป็นรายปี
</q-item-section>
</q-item>
<q-item clickable dense class="hover-green" @click="nextPage('leaveday')">
<q-item-section avatar>
<q-icon color="primary" name="mdi-file" size="xs" />
</q-item-section>
<q-item-section class="text-dark"> บัญชีแสดงวันลา </q-item-section>
</q-item>
</div>
</q-card>
</div>
</template>
<style scoped></style>
<style lang="scss" scoped>
.q-item.hover-green:hover {
background-color: #d5f1ee57;
border-radius: 2px;
}
.q-item.hover-green {
padding: 10px;
}
</style>