From d31ef0d1b94caf03c801e30a76aa917a1381b5b0 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 20 Dec 2023 13:33:19 +0700
Subject: [PATCH] updateScroll

---
 src/views/MainLayout.vue | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index bea46b25..7d57b4b3 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -154,7 +154,7 @@ onMounted(async () => {
 });
 
 const setListTab = () => {
-  menuRight.value = true
+  menuRight.value = true;
   if (route.name == "login") {
     listTab.value = tabListLogin;
   } else if (route.name == "datamain") {
@@ -170,7 +170,7 @@ const setListTab = () => {
 
   if (route.name == "dashboard") {
     listTab.value = [];
-    menuRight.value = false
+    menuRight.value = false;
   }
   window.scrollTo(0, 0);
 };
@@ -237,7 +237,7 @@ const activeMenu = (path: string) => {
  * @param tag string เป็นชื่อของ ตัวนั้นๆ
  */
 const activeTab = (tag: string) => {
-  return tabData.value == tag;
+  return tabData.value === tag;
 };
 
 /**
@@ -266,12 +266,6 @@ const tagClick = (tag: string) => {
   }
 };
 
-const updateScrollPlacement = (position: number) => {
-  if (position === void 0) {
-    position = document.documentElement.scrollTop || document.body.scrollTop;
-  }
-};
-
 const activeBtnPlacement = () => {
   return route.name == "PlacementPersonalDetail" && rightActive.value;
 };
@@ -299,6 +293,11 @@ if (keycloak.tokenParsed != null) {
   fullname.value = keycloak.tokenParsed.name;
   role.value = keycloak.tokenParsed.role;
 }
+
+const onScroll = (scroll: ScrollType) => {
+  const { position } = scroll;
+  updateScroll(position);
+};
 </script>
 
 <!-- โครงเว็บ -->
@@ -306,7 +305,7 @@ if (keycloak.tokenParsed != null) {
   <!-- แบบเก่า design แรก -->
   <!-- <q-layout view="lHh Lpr lff"> -->
   <!-- ปรับให้กับหน้า รายละเอียดทะเบียนประวัติ  -->
-  <q-layout view="lHh LpR lff">
+  <q-layout view="lHh LpR lff" @scroll="onScroll">
     <!-- header -->
     <q-header flat class="bg-grey-2 text-dark" height-hint="7">
       <q-toolbar style="padding: 0 2%">