แก้ไขทะเบียนประวัติ ==> เพิ่ม จัดลำดับการ

src/modules/04_registryPerson/views/edit/components/Table.vue

@@ -12,6 +12,7 @@ import type { QTableColumn } from "quasar";
 import type { DataPosition } from "@/modules/04_registryPerson/interface/response/Edit";
 
 import DialogForm from "@/modules/04_registryPerson/views/edit/components/DialogForm.vue";
+import DialogSort from "@/modules/04_registryPerson/views/edit/components/DialogSort.vue";
 
 const $q = useQuasar();
 const route = useRoute();
@@ -276,6 +277,7 @@ const columns = computed<QTableColumn[]>(() => {
 });
 
 const modal = ref<boolean>(false);
+const modalSort = ref<boolean>(false);
 
 /** function fetch ข้อมูลรายการตำแหน่งเงินเดือน*/
 async function fetchData() {
@@ -410,7 +412,19 @@ onMounted(() => {
 <template>
   <div class="row q-col-gutter-sm">
     <div class="col-12">
-      <div class="row q-col-gutter-sm">
+      <div class="row q-col-gutter-sm items-center">
+        <q-btn
+          v-if="tabs === 'PENDING' && statusCheckEdit == 'PENDING'"
+          class="q-ml-sm"
+          round
+          flat
+          dense
+          color="blue"
+          icon="mdi-sort"
+          @click="modalSort = true"
+        >
+          <q-tooltip>จัดลำดับข้อมูล</q-tooltip></q-btn
+        >
         <q-space />
         <q-input
           dense
@@ -571,6 +585,13 @@ onMounted(() => {
     :row-data="rows"
     :fetch-data="fetchData"
   />
+
+  <DialogSort
+    v-model:modal="modalSort"
+    :data-sort="rowsMain"
+    :fetch-data="fetchData"
+    :columns="columns"
+  />
 </template>
 
 <style scoped></style>