64 lines
1.8 KiB
Vue
64 lines
1.8 KiB
Vue
<script setup lang="ts">
|
|
import { ref, onMounted, watch } from "vue";
|
|
import http from "@/plugins/http";
|
|
import config from "@/app.config";
|
|
|
|
/** import Components */
|
|
import Tab1 from "@/modules/09_leave/components/1_Work/Tab1.vue";
|
|
import Tab2 from "@/modules/09_leave/components/1_Work/Tab2.vue";
|
|
|
|
// /** importStores */
|
|
// import { useCounterMixin } from "@/stores/mixin";
|
|
// import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
|
|
|
|
/** use Store */
|
|
// const mixin = useCounterMixin();
|
|
// const workStore = useWorklistDataStore();
|
|
// const { dateToISO, date2Thai, showLoader, hideLoader } = mixin;
|
|
// const { fetchListLog, fetchListTime } = workStore;
|
|
|
|
const tab = ref("1");
|
|
</script>
|
|
<template>
|
|
<div class="toptitle text-dark col-12 row items-center">
|
|
รายการลงเวลาปฏิบัติงาน
|
|
</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 />
|
|
|
|
<q-tab-panels v-model="tab" animated >
|
|
<q-tab-panel name="1">
|
|
<!-- <TableList1 /> -->
|
|
<!-- <ToolBar /> -->
|
|
<Tab1 />
|
|
<!-- <TableList /> -->
|
|
</q-tab-panel>
|
|
|
|
<q-tab-panel name="2">
|
|
<!-- <TabList2Vue /> -->
|
|
<!-- <ToolBarDate /> -->
|
|
<Tab2 />
|
|
<!-- <TableList /> -->
|
|
</q-tab-panel>
|
|
</q-tab-panels>
|
|
<!-- </q-card> -->
|
|
</q-card>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|