แก้ไขการแสดงผลประวัติการลงเวลา

src/views/HistoryView.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { QTableProps } from 'quasar'
 import { ref, onMounted } from 'vue'
 import { useQuasar } from 'quasar'
 import { useRouter } from 'vue-router'
@@ -19,7 +18,6 @@ const { fetchHistoryList } = stores
 const $q = useQuasar() //ใช้ noti quasar
 
 onMounted(() => {
-  // fetchlist()
   fetchlistHistory()
 })
 
@@ -33,7 +31,7 @@ const filter = ref<string>('') //search data table
 async function changePage(
   pageVal: number,
   pageSizeVal: number,
-  loading: boolean = false
+  loading: false
 ) {
   page.value = await pageVal
   pageSize.value = await pageSizeVal
@@ -41,7 +39,7 @@ async function changePage(
 }
 
 //นำข้อมูลมาแสดง
-const fetchlistHistory = async (loading: boolean = true) => {
+const fetchlistHistory = async (loading = true) => {
   loading === true ?? showLoader()
   await http
     .get(
@@ -61,60 +59,6 @@ const fetchlistHistory = async (loading: boolean = true) => {
       hideLoader()
     })
 }
-
-// function fetchlist() {
-//   const listData = [
-//     {
-//       no: '1',
-//       date: '13/08/66',
-//       in: '11:20',
-//       loIn: 'สำนักงาน ก.ก ',
-//       out: '',
-//       loOut: '',
-//       status: '',
-//       Morningstatus: '1',
-//       AfternoonStatus: '1',
-//       statusEdit: 'wait',
-//     },
-//     {
-//       no: '2',
-//       date: '12/08/66',
-//       in: '08:04',
-//       loIn: 'สำนักงาน ก.ก ',
-//       out: '17:01',
-//       loOut: 'สำนักงาน ก.ก ',
-//       status: 'ลงเวลาเรียบร้อย',
-//       Morningstatus: '2',
-//       AfternoonStatus: '2',
-//       statusEdit: 'edit',
-//     },
-//     {
-//       no: '3',
-//       date: '11/08/66',
-//       in: '08:34',
-//       loIn: 'สำนักงาน ก.ก ',
-//       out: '17:36',
-//       loOut: 'สำนักงาน ก.ก ',
-//       status: 'สาย ทำงานครบ',
-//       Morningstatus: '3',
-//       AfternoonStatus: '2',
-//       statusEdit: 'edit',
-//     },
-//     {
-//       no: '4',
-//       date: '10/08/66',
-//       in: '08:48',
-//       loIn: 'สำนักงาน ก.ก ',
-//       out: '17:00',
-//       loOut: 'สำนักงาน ก.ก ',
-//       status: 'สาย ทำงานไม่ครบ',
-//       Morningstatus: '3',
-//       AfternoonStatus: '3',
-//       statusEdit: 'approve',
-//     },
-//   ]
-//   stores.fetchHistoryList(listData)
-// }
 </script>
 <template>
   <div class="col-12 row justify-center">
@@ -125,8 +69,7 @@ const fetchlistHistory = async (loading: boolean = true) => {
         >
           <div class="col-2">
             <q-btn
-              icon="arrow_backt"
-              unelevated
+              icon="arrow_back"
               round
               dense
               flat