แก้ fetch data ทะเบียน

src/modules/04_registry/components/Assessment.vue

@@ -366,7 +366,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขผลก
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Coin.vue

@@ -319,7 +319,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขประ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Discipline.vue

@@ -381,7 +381,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขวิน
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Document.vue

@@ -162,7 +162,9 @@ const $q = useQuasar(); // show dialog
 const mixin = useCounterMixin();
 const route = useRoute();
 const { success, messageError } = mixin;
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const edit = ref<boolean>(false);
 const uploader = ref<any>();
 const files = ref<any>([]);

src/modules/04_registry/components/Education.vue

@@ -655,7 +655,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขประ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

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

@@ -606,27 +606,29 @@ const getNewData = async () => {
 };
 
 const fetchData = async () => {
-  loaderPage(true);
+  if (route.params.id) {
-  await http
+    loaderPage(true);
-    .get(config.API.profileAdrsId(route.params.id.toString()))
+    await http
-    .then((res) => {
+      .get(config.API.profileAdrsId(route.params.id.toString()))
-      const data: ResponseObject = res.data.result;
+      .then((res) => {
-      addressData.value.address = data.registrationAddress;
+        const data: ResponseObject = res.data.result;
-      addressData.value.addressC = data.currentAddress;
+        addressData.value.address = data.registrationAddress;
-      addressData.value.districtId = data.registrationDistrictId;
+        addressData.value.addressC = data.currentAddress;
-      addressData.value.districtIdC = data.currentDistrictId;
+        addressData.value.districtId = data.registrationDistrictId;
-      addressData.value.provinceId = data.registrationProvinceId;
+        addressData.value.districtIdC = data.currentDistrictId;
-      addressData.value.provinceIdC = data.currentProvinceId;
+        addressData.value.provinceId = data.registrationProvinceId;
-      addressData.value.subdistrictId = data.registrationSubDistrictId;
+        addressData.value.provinceIdC = data.currentProvinceId;
-      addressData.value.subdistrictIdC = data.currentSubDistrictId;
+        addressData.value.subdistrictId = data.registrationSubDistrictId;
-      addressData.value.same = data.registrationSame ? "1" : "0";
+        addressData.value.subdistrictIdC = data.currentSubDistrictId;
-    })
+        addressData.value.same = data.registrationSame ? "1" : "0";
-    .catch((e) => {
+      })
-      messageError($q, e);
+      .catch((e) => {
-    })
+        messageError($q, e);
-    .finally(() => {
+      })
-      loaderPage(false);
+      .finally(() => {
-    });
+        loaderPage(false);
+      });
+  }
 };
 
 const editData = async () => {

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

@@ -316,7 +316,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขใบอ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

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

@@ -1299,61 +1299,63 @@ const fetchHistory = async () => {
 };
 
 const fetchData = async () => {
-  loaderPage(true);
+  if (route.params.id) {
-  await http
+    loaderPage(true);
-    .get(config.API.profileFamiId(route.params.id.toString()))
+    await http
-    .then((res) => {
+      .get(config.API.profileFamiId(route.params.id.toString()))
-      const data: ResponseObject = res.data.result;
+      .then((res) => {
-      familyData.value.prefixC = "";
+        const data: ResponseObject = res.data.result;
-      familyData.value.prefixIdC = data.couplePrefixId;
+        familyData.value.prefixC = "";
-      familyData.value.firstnameC = data.coupleFirstName;
+        familyData.value.prefixIdC = data.couplePrefixId;
-      familyData.value.lastnameC = data.coupleLastName;
+        familyData.value.firstnameC = data.coupleFirstName;
-      familyData.value.lastnameCOld = data.coupleLastNameOld;
+        familyData.value.lastnameC = data.coupleLastName;
-      familyData.value.occupationC = data.coupleCareer;
+        familyData.value.lastnameCOld = data.coupleLastNameOld;
-      familyData.value.liveC = data.coupleLive ? "1" : "0";
+        familyData.value.occupationC = data.coupleCareer;
-      familyData.value.citizenIdC = data.coupleCitizenId;
+        familyData.value.liveC = data.coupleLive ? "1" : "0";
+        familyData.value.citizenIdC = data.coupleCitizenId;
 
-      familyData.value.prefixM = "";
+        familyData.value.prefixM = "";
-      familyData.value.prefixIdM = data.fatherPrefixId;
+        familyData.value.prefixIdM = data.fatherPrefixId;
-      familyData.value.firstnameM = data.fatherFirstName;
+        familyData.value.firstnameM = data.fatherFirstName;
-      familyData.value.lastnameM = data.fatherLastName;
+        familyData.value.lastnameM = data.fatherLastName;
-      familyData.value.occupationM = data.fatherCareer;
+        familyData.value.occupationM = data.fatherCareer;
-      familyData.value.liveM = data.fatherLive ? "1" : "0";
+        familyData.value.liveM = data.fatherLive ? "1" : "0";
-      familyData.value.citizenIdM = data.fatherCitizenId;
+        familyData.value.citizenIdM = data.fatherCitizenId;
 
-      familyData.value.prefixF = "";
+        familyData.value.prefixF = "";
-      familyData.value.prefixIdF = data.motherPrefixId;
+        familyData.value.prefixIdF = data.motherPrefixId;
-      familyData.value.firstnameF = data.motherFirstName;
+        familyData.value.firstnameF = data.motherFirstName;
-      familyData.value.lastnameF = data.motherLastName;
+        familyData.value.lastnameF = data.motherLastName;
-      familyData.value.occupationF = data.motherCareer;
+        familyData.value.occupationF = data.motherCareer;
-      familyData.value.liveF = data.motherLive ? "1" : "0";
+        familyData.value.liveF = data.motherLive ? "1" : "0";
-      familyData.value.citizenIdF = data.motherCitizenId;
+        familyData.value.citizenIdF = data.motherCitizenId;
-      familyData.value.same = data.couple ? "1" : "0";
+        familyData.value.same = data.couple ? "1" : "0";
 
-      if (data.childrens.length > 0) {
+        if (data.childrens.length > 0) {
-        let dataChild: childrenFamily[] = [];
+          let dataChild: childrenFamily[] = [];
-        data.childrens.map((row: childrenFamily, index: number) => {
+          data.childrens.map((row: childrenFamily, index: number) => {
-          dataChild.push({
+            dataChild.push({
-            id: `${index + 1}`,
+              id: `${index + 1}`,
-            childrenPrefixId: row.childrenPrefixId,
+              childrenPrefixId: row.childrenPrefixId,
-            childrenFirstName: row.childrenFirstName,
+              childrenFirstName: row.childrenFirstName,
-            childrenLastName: row.childrenLastName,
+              childrenLastName: row.childrenLastName,
-            childrenCareer: row.childrenCareer,
+              childrenCareer: row.childrenCareer,
-            childrenLive: row.childrenLive,
+              childrenLive: row.childrenLive,
-            childrenCitizenId: row.childrenCitizenId,
+              childrenCitizenId: row.childrenCitizenId,
+            });
           });
-        });
+          familyData.value.childrens = dataChild;
-        familyData.value.childrens = dataChild;
+        } else {
-      } else {
+          familyData.value.childrens = [];
-        familyData.value.childrens = [];
+        }
-      }
+      })
-    })
+      .catch((e) => {
-    .catch((e) => {
+        messageError($q, e);
-      messageError($q, e);
+      })
-    })
+      .finally(async () => {
-    .finally(async () => {
+        loaderPage(false);
-      loaderPage(false);
+      });
-    });
+  }
 };
 
 const editData = async () => {

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

@@ -962,44 +962,49 @@ const calRetire = async (birth: Date) => {
 };
 
 const fetchData = async () => {
-  loaderPage(true);
+  if (route.params.id) {
-  await http
+    loaderPage(true);
-    .get(config.API.profileInforId(route.params.id.toString()))
+    await http
-    .then(async (res: any) => {
+      .get(config.API.profileInforId(route.params.id.toString()))
-      const data: ResponseObject = res.data.result;
+      .then(async (res: any) => {
-      defaultCitizenData.value = data.citizenId;
+        const data: ResponseObject = res.data.result;
-      informaData.value.cardid = data.citizenId;
+        defaultCitizenData.value = data.citizenId;
-      informaData.value.prefix = "";
+        informaData.value.cardid = data.citizenId;
-      informaData.value.prefixId = data.prefixId;
+        informaData.value.prefix = "";
-      informaData.value.firstname = data.firstName;
+        informaData.value.prefixId = data.prefixId;
-      informaData.value.lastname = data.lastName;
+        informaData.value.firstname = data.firstName;
-      informaData.value.birthDate = new Date(data.birthDate);
+        informaData.value.lastname = data.lastName;
-      informaData.value.genderId = data.genderId;
+        informaData.value.birthDate = new Date(data.birthDate);
-      informaData.value.bloodId = data.bloodGroupId;
+        informaData.value.genderId = data.genderId;
-      informaData.value.nationality = data.nationality;
+        informaData.value.bloodId = data.bloodGroupId;
-      informaData.value.ethnicity = data.race;
+        informaData.value.nationality = data.nationality;
-      informaData.value.statusId = data.relationshipId;
+        informaData.value.ethnicity = data.race;
-      informaData.value.religionId = data.religionId;
+        informaData.value.statusId = data.relationshipId;
-      informaData.value.tel = data.telephoneNumber;
+        informaData.value.religionId = data.religionId;
-      informaData.value.age = data.age;
+        informaData.value.tel = data.telephoneNumber;
-      informaData.value.employeeType = data.employeeType;
+        informaData.value.age = data.age;
-      informaData.value.employeeClass = data.employeeClass;
+        informaData.value.employeeType = data.employeeType;
-      informaData.value.profileType = data.profileType;
+        informaData.value.employeeClass = data.employeeClass;
-      dateBefore.value = new Date(data.birthDate);
+        informaData.value.profileType = data.profileType;
-      same.value = data.changeName == true ? "1" : "0";
+        dateBefore.value = new Date(data.birthDate);
-      await calRetire(new Date(dateToISO(new Date(data.birthDate))));
+        same.value = data.changeName == true ? "1" : "0";
-      if (data.profileType == "officer" && columnsHistory.value.length >= 15) {
+        await calRetire(new Date(dateToISO(new Date(data.birthDate))));
-        columnsHistory.value.splice(13, 1);
+        if (
-        columnsHistory.value.splice(12, 1);
+          data.profileType == "officer" &&
-      }
+          columnsHistory.value.length >= 15
-    })
+        ) {
-    .catch((e) => {
+          columnsHistory.value.splice(13, 1);
-      messageError($q, e);
+          columnsHistory.value.splice(12, 1);
-    })
+        }
-    .finally(async () => {
+      })
-      //   loaderPage(false);
+      .catch((e) => {
-      await props.fetchDataProfile();
+        messageError($q, e);
-    });
+      })
+      .finally(async () => {
+        //   loaderPage(false);
+        await props.fetchDataProfile();
+      });
+  }
 };
 
 const editData = async () => {

src/modules/04_registry/components/Insignia.vue

@@ -527,7 +527,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขเคร
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Leave.vue

@@ -444,7 +444,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขการ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filterTotal = ref<string>("");
 const rowsTotal = ref<RequestItemsTotalObject[]>([]); //select data history

src/modules/04_registry/components/Other.vue

@@ -213,7 +213,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขอื่
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Salary.vue

@@ -909,7 +909,7 @@ const tittleHistory = ref<string>("ประวัติแก้ไขตำแ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(route.params.id ? route.params.id.toString() : "");
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/SalaryEmployee.vue

@@ -918,7 +918,7 @@ const tittleHistory = ref<string>("ประวัติแก้ไขตำแ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(route.params.id ? route.params.id.toString() : "");
 const rows = ref<ResponseObjectEmployee[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/SalaryEmployeeTemp.vue

@@ -941,7 +941,7 @@ const tittleHistory = ref<string>("ประวัติแก้ไขตำแ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(route.params.id ? route.params.id.toString() : "");
 const rows = ref<ResponseObjectEmployee[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Talent.vue

@@ -213,7 +213,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขควา
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Train.vue

@@ -459,7 +459,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขการ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);

src/modules/04_registry/components/Work.vue

@@ -356,7 +356,9 @@ const tittleHistory = ref<string>("ประวัติแก้ไขปฏิ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(route.params.id.toString());
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
 const rows = ref<RequestItemsObject[]>([]);
 const filter = ref<string>(""); //search data table
 const visibleColumns = ref<String[]>([]);