38 lines
1.2 KiB
Vue
38 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
/**importStroe*/
|
|
import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
|
|
|
|
/**importComponets*/
|
|
import Tab1 from "@/modules/09_leave/components/05_Leave/Tab1.vue";
|
|
import Tab2 from "@/modules/09_leave/components/05_Leave/Tab2.vue";
|
|
|
|
const leaveStore = useLeavelistDataStore();
|
|
</script>
|
|
<template>
|
|
<div class="toptitle text-dark col-12 row items-center">รายการลา</div>
|
|
<div>
|
|
<q-card flat bordered class="col-12">
|
|
<q-tabs
|
|
v-model="leaveStore.tabMenu"
|
|
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>
|
|
<q-tab-panels v-model="leaveStore.tabMenu" 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>
|
|
</template>
|