เพิ่มปุ่มไปหน้าการลา และแก้ไข disbled ปุ่มลงเวลาหลังจากคลิกลงเวลา

src/views/MainView.vue

@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router'
 import http from '@/plugins/http'
 import config from '@/app.config'
 import avatar from '@/assets/avatar_user.jpg'
-import { logout, tokenParsed, getCookie } from '@/plugins/auth'
+import { logout, tokenParsed, getCookie, gotoLeavePage } from '@/plugins/auth'
 import { useCounterMixin } from '@/stores/mixin'
 import { usePrivacyStore } from '@/stores/privacy'
 
@@ -324,6 +324,18 @@ onMounted(async () => {
           </div>
         </div>
         <q-space />
+        <q-btn
+          icon="mdi-calendar-account-outline"
+          unelevated
+          rounded
+          dense
+          flat
+          color="white"
+          class="q-mx-md"
+          @click="gotoLeavePage"
+        >
+          <q-tooltip>ไปหน้าการลา</q-tooltip>
+        </q-btn>
         <q-btn
           icon="history"
           unelevated
@@ -332,7 +344,9 @@ onMounted(async () => {
           flat
           color="white"
           @click="router.push('/history')"
-        />
+        >
+          <q-tooltip>ไปหน้าประวัติการลงเวลาฯ</q-tooltip>
+        </q-btn>
         <q-btn round dense flat size="13px" class="q-mx-md">
           <q-icon name="notifications" size="24px" color="white" />