fix UI ค้นหาข้อมูลทะเบียนประวัติ

src/modules/04_registryPerson/views/listView.vue

@@ -1,12 +1,5 @@
 <script setup lang="ts">
-import {
+import { ref, reactive, onMounted, watch, defineAsyncComponent } from "vue";
-  ref,
-  reactive,
-  onMounted,
-  watch,
-  defineAsyncComponent,
-  computed,
-} from "vue";
 import { useQuasar } from "quasar";
 
 import http from "@/plugins/http";
@@ -340,9 +333,7 @@ function clearSelect(t: string) {
   fetchDataPerson();
 }
 
-/**
+/** ฟังก์ชันดึงข้อโครงสร้าง*/
- * ฟังก์ชันดึงข้อโครงสร้าง
- */
 async function fetchTree() {
   const data = await fetchStructureTree(route.meta.Key as string);
   if (store.routerName !== route.name) {
@@ -466,6 +457,8 @@ onMounted(async () => {
             </div>
           </q-form>
 
+          <div class="row">
+            <div class="col-10">
               <div class="row q-mt-sm q-gutter-sm">
                 <q-btn-dropdown
                   flat
@@ -565,7 +558,9 @@ onMounted(async () => {
                   label-color="white"
                   dropdown-icon="mdi-chevron-down"
                   class="q-px-sm"
-              :disable="store.labelOption.posType === 'ทั้งหมด' ? true : false"
+                  :disable="
+                    store.labelOption.posType === 'ทั้งหมด' ? true : false
+                  "
                 >
                   <template v-slot:label>
                     {{
@@ -603,25 +598,6 @@ onMounted(async () => {
                 </q-btn-dropdown>
 
                 <q-space />
-            <div class="q-pt-sm q-pr-sm">
-              <!-- <a href="/report/registry" class="text-white">
-                การค้นหาขั้นสูง
-                <q-tooltip
-                  >ไปยังหน้าการค้นหาขั้นสูง (Advanced search)</q-tooltip
-                >
-              </a> -->
-              <q-btn
-                flat
-                @click="goToAdvancedSearch"
-                class="text-white"
-                style="text-decoration: underline"
-                label="การค้นหาขั้นสูง"
-              >
-                <q-tooltip
-                  >ไปยังหน้าการค้นหาขั้นสูง (Advanced search)</q-tooltip
-                >
-              </q-btn>
-            </div>
 
                 <!-- <q-separator
                   inset
@@ -638,6 +614,7 @@ onMounted(async () => {
                   @update:model-value="getSearch"
                 /> -->
               </div>
+
               <div
                 class="row q-gutter-sm justify-start"
                 v-if="empType !== 'officer'"
@@ -823,9 +800,23 @@ onMounted(async () => {
                   </q-list>
                 </q-btn-dropdown>
               </div>
-          <!-- <div class="row justify-center">
+            </div>
-            <a href="/report/registry" class="text-white"> Advanced search </a>
+            <div class="col-2">
-          </div> -->
+              <div class="q-pt-sm flex justify-end">
+                <q-btn
+                  flat
+                  @click="goToAdvancedSearch"
+                  class="text-white"
+                  style="text-decoration: underline"
+                  label="การค้นหาขั้นสูง"
+                >
+                  <q-tooltip
+                    >ไปยังหน้าการค้นหาขั้นสูง (Advanced search)</q-tooltip
+                  >
+                </q-btn>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </q-card-section>