ทะเบียนประวัติ => UI รายการยื่นคำร้องขอแก้ไขข้อมูล

src/modules/10_registry/views/main.vue

@@ -150,6 +150,13 @@ const clickBack = () => {
   router.push(`/`);
 };
 
+/**
+ * function redirect ไปหน้ารายการคำร้องขอแก้ไขข้อมูล
+ */
+function redirectToPagePetition() {
+  router.push(`/registry/request-edit`);
+}
+
 onMounted(async () => {
   store.typeProfile = "OFFICER";
   await getType();
@@ -171,7 +178,14 @@ onMounted(async () => {
           class="q-mr-sm"
           @click="clickBack"
         />
-        ข้อมูลทะเบียนประวัติ
+        ข้อมูลทะเบียนประวัติ <q-space />
+        <q-btn
+          color="primary"
+          label="ยื่นคำร้องขอแก้ไขข้อมูล"
+          @click="redirectToPagePetition"
+        >
+          <q-tooltip>ยื่นคำร้องขอแก้ไขข้อมูล</q-tooltip>
+        </q-btn>
       </div>
       <div v-if="$q.screen.gt.xs" class="row q-col-gutter-md">
         <div class="col-3">