แก้ popup เป็น page

src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
+import { useRouter } from "vue-router";
 import { useQuasar } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
@@ -14,9 +15,8 @@ import type {
 } from "@/modules/04_registryPerson/interface/index/Main";
 import type { DataListsIDP } from "@/modules/04_registryPerson/interface/response/Main";
 
-import DialogEditIDP from "@/modules/04_registryPerson/components/requestEdit/Dialog02_EditIDP.vue";
-
 const $q = useQuasar();
+const router = useRouter();
 const store = useRequestEditStore();
 const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
 
@@ -24,8 +24,6 @@ const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
 const status = ref<string>("PENDING"); //ค้นหาตามสถานะ
 const keyword = ref<string>(""); //คำค้นหา
 const statusOption = ref<DataOption[]>(store.optionStatusIDP); //รายการสถานะ
-const modalEdit = ref<boolean>(false); //แก้ไขสถานะคำร้อง
-const requestId = ref<string>(""); //id รายการแก้ไข
 
 //Table
 const rows = ref<DataListsIDP[]>([]); //รายการข้อมูลการพัฒนารายบุคคล
@@ -208,8 +206,7 @@ function updatePageSizePagination(newPagination: Pagination) {
  * @param id รายการคำร้อง
  */
 function onclickEdit(id: string) {
-  modalEdit.value = true;
-  requestId.value = id;
+  router.push(`/registry-officer/request-edit-page/${id}`);
 }
 
 /**
@@ -427,12 +424,6 @@ onMounted(() => {
       </d-table>
     </div>
   </q-card>
-
-  <DialogEditIDP
-    v-model:modal="modalEdit"
-    v-model:request-id="requestId"
-    :fetch-data-list="fetchData"
-  />
 </template>
 
 <style scoped></style>