commit แก้ไข step4

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

@@ -17,8 +17,15 @@ import type { RequestItemsHistoryObject } from "@/modules//05_placement/interfac
 import type { ResponseObject } from "@/modules//05_placement/interface/response/Address";
 import HistoryTable from "@/components/TableHistory.vue";
 import { useRoute } from "vue-router";
-import type { AddressOps } from "@/modules//05_placement/interface/index/Main";
+
+import { AddressDataDefualt } from "@/modules//05_placement/interface/index/Main";
+
+import type {
+  AddressOps,
+  Address as AddressType,
+} from "@/modules//05_placement/interface/index/Main";
 import type { QTableProps } from "quasar";
+import type { PropType } from "vue";
 
 const props = defineProps({
   statusEdit: {
@@ -33,6 +40,10 @@ const props = defineProps({
     type: Function,
     default: () => console.log("not function"),
   },
+  data: {
+    type: Object as PropType<AddressType>,
+    default: AddressDataDefualt,
+  },
 });
 const emit = defineEmits(["update:statusEdit"]);
 
@@ -835,4 +846,4 @@ const getClass = (val: boolean) => {
       </q-tr>
     </template>
   </HistoryTable>
-</template>
+</template>

src/modules/05_placement/interface/index/Main.ts

@@ -1,12 +1,12 @@
 import type { zipCodeOption } from "../../components/PersonalDetail/profileType";
 interface DataOption {
-  id: number|null;
-  name:string|null;
+  id: number | null;
+  name: string | null;
   disable?: boolean;
 }
 interface DataOption1 {
-  id: string|null;
-  name:string|null;
+  id: string | null;
+  name: string | null;
   disable?: boolean;
 }
 interface DataOptionInsignia {
@@ -133,6 +133,24 @@ interface Address {
   registSame: boolean;
 }
 
+const AddressDataDefualt: Address = {
+  registSubDistrict: "",
+  registSubDistrictId: "",
+  registZipCode: "",
+  registDistrict: "",
+  registDistrictId: "",
+  registProvince: "",
+  registProvinceId: "",
+  currentSubDistrict: "",
+  currentSubDistrictId: "",
+  currentZipCode: "",
+  currentDistrict: "",
+  currentDistrictId: "",
+  currentProvince: "",
+  currentProvinceId: "",
+  registSame: false,
+};
+
 export type {
   DataOption,
   DataOptionInsignia,
@@ -149,4 +167,5 @@ export type {
   Education,
   Family,
   Address,
+  AddressDataDefualt,
 };