รายละเอียดทะเบียนประวัติลูกจ้าง

src/views/MainLayout.vue

@@ -68,7 +68,7 @@ const options = ref<optionType[]>([
  * ให้แสดง แทปด้านขวา เมื่อเข้าหน้า รายละเอียดทะเบียนประวัติ
  */
 const tabScroll = () => {
-  return route.name == "registryDetail";
+  return route.name == "registryDetail" || route.name == "registryEmployeeAdd";
 };
 
 /**
@@ -96,8 +96,11 @@ const toggleBtnLeft = () => {
  */
 const onScroll = (scroll: ScrollType) => {
   const { position } = scroll;
-  updateScroll(position);
-  updateScrollPlacement(position);
+  if (route.name == "PlacementPersonalDetail") {
+    updateScrollPlacement(position);
+  } else {
+    updateScroll(position);
+  }
 };
 
 /**
@@ -154,7 +157,10 @@ const updateScroll = (position: number) => {
  * ให้แสดง แทปด้านขวา เมื่อเข้าหน้า รายละเอียดทะเบียนประวัติ และ rightActive เท่ากับ true
  */
 const activeBtn = () => {
-  return route.name == "registryDetail" && rightActive.value;
+  return (
+    (route.name == "registryDetail" || route.name == "registryEmployeeAdd") &&
+    rightActive.value
+  );
 };
 
 /**
@@ -218,6 +224,9 @@ const myEventHandler = (e: any, setSCroll: boolean) => {
  */
 const activeMenu = (path: string) => {
   if (path == "dashboard" && route.fullPath == "/") return true;
+
+  if (path == "registry" && route.fullPath.includes("registryEmployee"))
+    return false;
   const bool = route.fullPath.includes(path);
   return bool;
 };
@@ -780,9 +789,9 @@ if (keycloak.tokenParsed != null) {
               <!-- เมนูปกติ -->
               <q-item
                 class="text-weight-medium menu"
+                :active="activeMenu(menuItem.path)"
                 active-class="text-primary active-item text-weight-bold menuActive"
                 :to="{ name: `${menuItem.path}` }"
-                :active="activeMenu(menuItem.path)"
                 clickable
                 v-ripple
                 dense
@@ -898,7 +907,8 @@ if (keycloak.tokenParsed != null) {
 </template>
 
 <style>
-.menuSub .q-item__section--avatar, .menu .q-item__section--avatar{
+.menuSub .q-item__section--avatar,
+.menu .q-item__section--avatar {
   min-width: 0px;
 }
 .menu {
@@ -927,11 +937,11 @@ if (keycloak.tokenParsed != null) {
 /* .menuSubAct {
   background: #1e2529d9;
 } */
-.expan2 .menuSubHover{
+.expan2 .menuSubHover {
   padding-left: 30%;
   border-radius: 20px;
 }
-.menuSubHover{
+.menuSubHover {
   padding-left: 25%;
   border-radius: 20px;
 }
@@ -1005,7 +1015,7 @@ if (keycloak.tokenParsed != null) {
   background-color: #a8bbbf;
 }
 
-.q-card__actions .q-btn--rectangle{
+.q-card__actions .q-btn--rectangle {
   padding: 0 14px !important;
 }
 </style>