<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>
