แก้ไข ค้นหา

src/views/MainLayout.vue

@@ -15,6 +15,7 @@ import {
   tabRegistration,
   tabRecruit,
   tabList,
+  
 } from "../interface/request/main/main";
 
 const { setVerticalScrollPosition } = scroll;
@@ -166,6 +167,9 @@ const setListTab = () => {
   } else if (route.name == "recruitmain") {
     listTab.value = tabRecruit;
   }
+  else if (route.name == "commandsmain") {
+    listTab.value = tabRecruit;
+  }
   changeTab(listTab.value[0].tag);
 
   if (route.name == "dashboard") {
@@ -302,13 +306,16 @@ const onScroll = (scroll: ScrollType) => {
 
 <!-- โครงเว็บ -->
 <template>
+  
   <!-- แบบเก่า design แรก -->
   <!-- <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%">
+        
         <q-btn
           size="13px"
           class="bg-grey-3"
@@ -358,11 +365,12 @@ const onScroll = (scroll: ScrollType) => {
       <template v-slot:mini>
         <q-scroll-area class="fit mini-slot cursor-pointer">
           <q-toolbar class="q-py-md">
-            <q-img
+           <q-img
               src="@/assets/logo.png"
               spinner-color="white"
               style="height: 32px; max-width: 32px"
             />
+            
           </q-toolbar>
           <q-separator color="grey-9" />
           <!-- เมนูย่อย ตอนย่อ -->
@@ -515,6 +523,15 @@ const onScroll = (scroll: ScrollType) => {
           </q-toolbar-title>
         </q-toolbar>
         <q-separator inset color="grey-9" />
+         <div class="row">
+          <div class="col-12 q-pa-md">
+          <q-input outlined bg-color="white" label="ค้นหา" v-model="text" dense>
+							<template v-slot:prepend>
+								<q-icon name="search" />
+							</template>
+						</q-input>
+          </div>
+       </div>
         <q-list padding>
           <div v-for="(menuItem, index) in menuList" :key="index">
             <!-- เมนูย่อย -->
@@ -594,6 +611,7 @@ const onScroll = (scroll: ScrollType) => {
             </q-expansion-item>
 
             <!-- เมนูปกติ -->
+            
             <q-item
               class="text-weight-medium menu"
               :active="activeMenu(menuItem.path)"
@@ -686,6 +704,8 @@ const onScroll = (scroll: ScrollType) => {
       </q-scroll-area>
     </q-drawer>
 
+    
+
     <q-page-container class="bg-grey-2">
       <q-page style="padding: 0 2%">
         <router-view :key="$route.fullPath" />
@@ -776,7 +796,7 @@ const onScroll = (scroll: ScrollType) => {
 }
 
 .q-field--outlined .q-field__control {
-  border-radius: 5px;
+  border-radius: 50px;
 }
 
 .q-field--outlined .q-field__control:before {