รายละเอียดทะเบียนประวัติลูกจ้าง

src/modules/04_registry/components/Information/Address.vue

@@ -5,11 +5,12 @@
       header="ข้อมูลที่อยู่"
       icon="mdi-map-marker"
       :save="saveData"
-      :history="true"
+      :history="!statusAdd()"
       :changeBtn="changeBtn"
       :disable="statusEdit"
       :cancel="refreshData"
       :historyClick="clickHistory"
+      :addEmployee="statusAdd()"
     />
     <q-form ref="myform">
       <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
@@ -311,6 +312,10 @@ const props = defineProps({
     type: Boolean,
     required: true,
   },
+  statusAdd: {
+    type: Boolean,
+    default: false,
+  },
 });
 const emit = defineEmits(["update:statusEdit"]);
 
@@ -507,8 +512,28 @@ const visibleColumnsHistory = ref<String[]>([
 onMounted(async () => {
   await getNewData();
   emit("update:statusEdit", false);
+  defaultAdd();
 });
 
+const statusAdd = () => props.statusAdd;
+
+const defaultAdd = () => {
+  if (props.statusAdd) {
+    edit.value = props.statusAdd;
+    addressData.value = {
+      address: null,
+      provinceId: null,
+      districtId: null,
+      subdistrictId: null,
+      addressC: null,
+      provinceIdC: null,
+      districtIdC: null,
+      subdistrictIdC: null,
+      same: "0",
+    };
+  }
+};
+
 const filterSelector = (val: any, update: Function, refData: string) => {
   switch (refData) {
     case "provinceOps":
@@ -556,37 +581,39 @@ const filterSelector = (val: any, update: Function, refData: string) => {
  * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลที่เลือก
  */
 const clickHistory = async () => {
-  modalHistory.value = true;
-  loaderPage(true);
-  await http
-    .get(config.API.profileAdrsHisId(route.params.id.toString()))
-    .then((res) => {
-      let data = res.data.result;
-      rowsHistory.value = [];
-      data.map((e: RequestItemsHistoryObject) => {
-        rowsHistory.value.push({
-          currentAddress: e.currentAddress,
-          currentDistrict: e.currentDistrict,
-          currentProvince: e.currentProvince,
-          currentSubDistrict: e.currentSubDistrict,
-          currentZipCode: e.currentZipCode,
-          registrationSame: e.registrationSame,
-          registrationAddress: e.registrationAddress,
-          registrationDistrict: e.registrationDistrict,
-          registrationProvince: e.registrationProvince,
-          registrationSubDistrict: e.registrationSubDistrict,
-          registrationZipCode: e.registrationZipCode,
-          createdFullName: e.createdFullName,
-          createdAt: new Date(e.createdAt),
+  if (route.params.id) {
+    modalHistory.value = true;
+    loaderPage(true);
+    await http
+      .get(config.API.profileAdrsHisId(route.params.id.toString()))
+      .then((res) => {
+        let data = res.data.result;
+        rowsHistory.value = [];
+        data.map((e: RequestItemsHistoryObject) => {
+          rowsHistory.value.push({
+            currentAddress: e.currentAddress,
+            currentDistrict: e.currentDistrict,
+            currentProvince: e.currentProvince,
+            currentSubDistrict: e.currentSubDistrict,
+            currentZipCode: e.currentZipCode,
+            registrationSame: e.registrationSame,
+            registrationAddress: e.registrationAddress,
+            registrationDistrict: e.registrationDistrict,
+            registrationProvince: e.registrationProvince,
+            registrationSubDistrict: e.registrationSubDistrict,
+            registrationZipCode: e.registrationZipCode,
+            createdFullName: e.createdFullName,
+            createdAt: new Date(e.createdAt),
+          });
         });
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        loaderPage(false);
       });
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      loaderPage(false);
-    });
+  }
 };
 
 const refreshData = async () => {
@@ -606,27 +633,29 @@ const getNewData = async () => {
 };
 
 const fetchData = async () => {
-  loaderPage(true);
-  await http
-    .get(config.API.profileAdrsId(route.params.id.toString()))
-    .then((res) => {
-      const data: ResponseObject = res.data.result;
-      addressData.value.address = data.registrationAddress;
-      addressData.value.addressC = data.currentAddress;
-      addressData.value.districtId = data.registrationDistrictId;
-      addressData.value.districtIdC = data.currentDistrictId;
-      addressData.value.provinceId = data.registrationProvinceId;
-      addressData.value.provinceIdC = data.currentProvinceId;
-      addressData.value.subdistrictId = data.registrationSubDistrictId;
-      addressData.value.subdistrictIdC = data.currentSubDistrictId;
-      addressData.value.same = data.registrationSame ? "1" : "0";
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      loaderPage(false);
-    });
+  if (route.params.id) {
+    loaderPage(true);
+    await http
+      .get(config.API.profileAdrsId(route.params.id.toString()))
+      .then((res) => {
+        const data: ResponseObject = res.data.result;
+        addressData.value.address = data.registrationAddress;
+        addressData.value.addressC = data.currentAddress;
+        addressData.value.districtId = data.registrationDistrictId;
+        addressData.value.districtIdC = data.currentDistrictId;
+        addressData.value.provinceId = data.registrationProvinceId;
+        addressData.value.provinceIdC = data.currentProvinceId;
+        addressData.value.subdistrictId = data.registrationSubDistrictId;
+        addressData.value.subdistrictIdC = data.currentSubDistrictId;
+        addressData.value.same = data.registrationSame ? "1" : "0";
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        loaderPage(false);
+      });
+  }
 };
 
 const editData = async () => {
@@ -676,12 +705,34 @@ const editData = async () => {
 const saveData = async () => {
   await myform.value.validate().then(async (success: boolean) => {
     if (success) {
-      await editData();
+      if (props.statusAdd) {
+        await addData();
+      } else {
+        await editData();
+      }
     } else {
     }
   });
 };
 
+const addData = async () => {
+  //     loaderPage(true);
+  //   await http
+  //     .put(config.API.profileInforId(route.params.id.toString()), body)
+  //     .then((res) => {
+  //       success($q, "บันทึกข้อมูลสำเร็จ");
+  //     })
+  //     .catch((e) => {
+  //       messageError($q, e);
+  //     })
+  //     .finally(async () => {
+  //       edit.value = false;
+  //       emit("update:statusEdit", false);
+  //       await fetchData();
+  //       await changeBirth(informaData.value.birthDate ?? new Date());
+  //     });
+};
+
 const selectProvince = async (e: string | null, name: string) => {
   if (e != null) {
     if (name == "1") {