แก้ ที่อยู่ รับโอน component ทะเบียนบ้างส่วนประวัติ

src/modules/05_placement/components/PersonalDetail/Information/Address.vue

@@ -123,8 +123,6 @@ const getNewData = async () => {
   await fetchDistrict(addressData.value.currentProvinceId, "2");
   await fetchSubDistrict(addressData.value.registDistrictId, "1");
   await fetchSubDistrict(addressData.value.currentDistrictId, "2");
-  await selectSubDistrict(addressData.value.registSubDistrictId, "1");
-  await selectSubDistrict(addressData.value.currentSubDistrictId, "2");
 };
 
 const editData = async () => {
@@ -247,7 +245,7 @@ const fetchProvince = async () => {
 };
 
 const fetchDistrict = async (id: string | null, position: string) => {
-  if (id != null) {
+  if (id != null && id != "") {
     showLoader();
     await http
       .get(config.API.listDistrict(id))
@@ -275,7 +273,7 @@ const fetchDistrict = async (id: string | null, position: string) => {
 };
 
 const fetchSubDistrict = async (id: string | null, position: string) => {
-  if (id != null) {
+  if (id != null && id != "") {
     showLoader();
     await http
       .get(config.API.listSubDistrict(id))

src/modules/05_placement/components/Receive/receiveDetail.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="col-12 row">
+    <div class="row col-12" style="padding-top: 80px">
+      <div id="information" name="1" class="row col-12 information">
+        <Information v-model:statusEdit="statusEdit" :statusAdd="false" />
+      </div>
+      <div id="government" name="16" class="row col-12 q-mt-md">
+        <Government v-model:statusEdit="statusEdit" :statusAdd="false" />
+      </div>
+      <div id="address" name="17" class="row col-12 q-mt-md">
+        <Address v-model:statusEdit="statusEdit" :statusAdd="false" />
+      </div>
+      <div id="family" name="18" class="row col-12 q-mt-md">
+        <Family v-model:statusEdit="statusEdit" :statusAdd="false" />
+      </div>
+      <div id="certicate" name="15" class="row col-12 q-mt-md">
+        <Certicate />
+      </div>
+    </div>
+    <Image />
+  </div>
+</template>
+<script setup lang="ts">
+import { ref } from "vue";
+import Image from "@/components/information/Image.vue";
+import Information from "@/components/information/Information.vue";
+import Government from "@/components/information/Government.vue";
+import Address from "@/components/information/Address.vue";
+import Family from "@/components/information/Family.vue";
+import Certicate from "@/components/information/Certicate.vue";
+
+const statusEdit = ref<boolean>(false);
+</script>
+<style lang="scss" scoped>
+.information:target {
+  padding-top: 84px;
+}
+</style>
+>

src/modules/05_placement/components/Receive/receiveMain.vue

@@ -292,6 +292,10 @@ const closeModalTree = async () => {
   //   await getTable();
   modalTree.value = false;
 };
+
+const nextPage = (id: string) => {
+  router.push(`/receive/${id}`);
+};
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">รายการรับโอน</div>
@@ -367,25 +371,53 @@ const closeModalTree = async () => {
             </template>
             <template v-slot:body="props">
               <q-tr :props="props" class="cursor-pointer">
-                <q-td key="no" :props="props">
+                <q-td
+                  key="no"
+                  :props="props"
+                  @click="nextPage(props.row.personalId)"
+                >
                   {{ props.rowIndex + 1 }}
                 </q-td>
-                <q-td key="fullname" :props="props">
+                <q-td
+                  key="fullname"
+                  :props="props"
+                  @click="nextPage(props.row.personalId)"
+                >
                   {{ props.row.fullname }}
                 </q-td>
-                <q-td key="position" :props="props">
+                <q-td
+                  key="position"
+                  :props="props"
+                  @click="nextPage(props.row.personalId)"
+                >
                   {{ props.row.position }}
                 </q-td>
-                <q-td key="positionLevel" :props="props">
+                <q-td
+                  key="positionLevel"
+                  :props="props"
+                  @click="nextPage(props.row.personalId)"
+                >
                   {{ props.row.positionLevel }}
                 </q-td>
-                <q-td key="oc" :props="props">
+                <q-td
+                  key="oc"
+                  :props="props"
+                  @click="nextPage(props.row.personalId)"
+                >
                   {{ props.row.oc }}
                 </q-td>
-                <q-td key="agency" :props="props">
+                <q-td
+                  key="agency"
+                  :props="props"
+                  @click="nextPage(props.row.personalId)"
+                >
                   {{ props.row.agency }}
                 </q-td>
-                <q-td key="status" :props="props">
+                <q-td
+                  key="status"
+                  :props="props"
+                  @click="nextPage(props.row.personalId)"
+                >
                   {{ props.row.status }}
                 </q-td>
                 <q-td auto-width>