ทะเบียนประวัติ => ข้อมูลส่วนตัว

src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue

@@ -345,10 +345,10 @@ function onSubmit() {
             route.name === "registry-employeeId" ? "TEMP" : undefined,
         })
         .then(async () => {
-          await getData();
           await props.fetchDataPersonal?.();
+          await getData();
           modal.value = false;
-          success($q, "บันทึกข้อมูลสำเร็จ");
+          await success($q, "บันทึกข้อมูลสำเร็จ");
         })
         .catch((e) => {
           messageError($q, e);

src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue

@@ -331,7 +331,7 @@ async function uploadProfile(id: string) {
     .catch((err) => {
       messageError($q, err);
       hideLoader();
-    })
+    });
 }
 
 async function uploadFileURL(uploadUrl: string, file: any) {
@@ -576,16 +576,7 @@ watch(
     >
       <q-tooltip>เพิ่มข้อมูล</q-tooltip></q-btn
     >
-    <!-- <q-btn
+
-      flat
-      dense
-      round
-      icon="mdi-history"
-      color="deep-purple"
-      @click="() => (fetchHistoryData(props.row.id), (historyDialog = true))"
-    >
-      <q-tooltip>ดูประวัติการเปลี่ยนชื่อ-นามสกุล</q-tooltip>
-    </q-btn> -->
     <q-space />
     <q-input
       dense
@@ -632,15 +623,21 @@ watch(
   >
     <template v-slot:header="props">
       <q-tr :props="props">
-        <q-th auto-width />
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium">{{ col.label }}</span>
         </q-th>
+        <q-th auto-width />
       </q-tr>
     </template>
 
     <template v-slot:body="props">
       <q-tr :props="props">
+        <q-td v-for="(col, index) in props.cols" :key="col.name">
+          <div class="table_ellipsis">
+            {{ col.value }}
+          </div>
+        </q-td>
+
         <q-td auto-width>
           <q-btn
             color="green"
@@ -652,27 +649,6 @@ watch(
           >
             <q-tooltip>ดาวน์โหลด</q-tooltip>
           </q-btn>
-          <!-- <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
-            flat
-            dense
-            round
-            color="edit"
-            icon="edit"
-            clickable
-            @click="
-              () => {
-                editForm(props.row);
-              }
-            "
-          >
-            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-          </q-btn> -->
-        </q-td>
-        <q-td v-for="(col, index) in props.cols" :key="col.name">
-          <div class="table_ellipsis">
-            {{ col.value }}
-          </div>
         </q-td>
       </q-tr>
     </template>
@@ -706,24 +682,6 @@ watch(
                   />
                 </div>
               </div>
-
-              <!-- <q-select
-                class="inputgreen"
-                outlined
-                v-model="changeNameData.status"
-                :options="statusOption"
-                label="สถานะการเปลี่ยนชื่อ"
-                use-input
-                hide-bottom-space
-                input-debounce="0"
-                :rules="[
-                  (val) => !!val || `${'กรุณาเลือกสถานะการเปลี่ยนชื่อ'}`,
-                ]"
-                @filter="(inputValue:string,
-                    doneFn:Function) => filterSelector(inputValue, doneFn,'statusOptions'
-                    ) "
-                dense
-              /> -->
             </div>
           </div>
           <div class="row q-gutter-sm q-mb-md">

src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue

@@ -40,8 +40,6 @@ const profileId = ref<string>(
 );
 const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
-const currentPage = ref<number>(1);
-const maxPage = ref<number>(1);
 const modal = ref<boolean>(false);
 const modalHistory = ref<boolean>(false);
 const rowsHistory = ref<ResponseObject[]>([]);
@@ -375,9 +373,9 @@ async function editData() {
       ...formData,
       id: undefined,
     })
-    .then((res) => {
+    .then(async (res) => {
-      success($q, "บันทึกข้อมูลสำเร็จ");
+      await fetchAll();
-      fetchAll();
+      await success($q, "บันทึกข้อมูลสำเร็จ");
       modal.value = false;
     })
     .catch((e) => {

src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue

@@ -169,6 +169,9 @@ const fromData = reactive({
   statusMarital: "",
 });
 
+/**
+ * function fetch ข้อมูลบิดา
+ */
 function fetchDataFather() {
   showLoader();
   http
@@ -194,6 +197,10 @@ function fetchDataFather() {
       hideLoader();
     });
 }
+
+/**
+ * function fetch ข้อมูลมารดา
+ */
 function fetchDataMother() {
   showLoader();
   http
@@ -218,6 +225,10 @@ function fetchDataMother() {
       hideLoader();
     });
 }
+
+/**
+ * function fetch ข้อมูลคู่สมรส
+ */
 function fetchDataCouple() {
   showLoader();
   http
@@ -244,6 +255,10 @@ function fetchDataCouple() {
       hideLoader();
     });
 }
+
+/**
+ * function fetch ข้อมูลบุตร
+ */
 function fetchDataChildren() {
   showLoader();
   http
@@ -263,6 +278,10 @@ function fetchDataChildren() {
     });
 }
 
+/**
+ *  function บันทึกข้อมูล
+ * @param type  ประเภทของข้อมูล
+ */
 function onSubmit(type: string) {
   dialogConfirm($q, async () => {
     showLoader();
@@ -288,14 +307,14 @@ function onSubmit(type: string) {
     const method = isEdit.value && type === "children" ? "patch" : "post";
     try {
       await http[method](url, formBody);
-      success($q, "บันทึกข้อมูลสำเร็จ");
       type === "father"
-        ? fetchDataFather()
+        ? await fetchDataFather()
         : type === "mother"
-        ? fetchDataMother()
+        ? await fetchDataMother()
         : type === "couple"
-        ? fetchDataCouple()
+        ? await fetchDataCouple()
-        : fetchDataChildren();
+        : await fetchDataChildren();
+      await success($q, "บันทึกข้อมูลสำเร็จ");
       closeDialog();
     } catch (e) {
       messageError($q, e);
@@ -305,9 +324,13 @@ function onSubmit(type: string) {
   });
 }
 
+/**
+ * function ปิด popup
+ */
 function closeDialog() {
   modal.value = false;
   modalHistory.value = false;
+  // เคลียร์ formData
   fromData.isLive = 1;
   fromData.citizenId = "";
   fromData.prefix = "";
@@ -318,6 +341,12 @@ function closeDialog() {
   fromData.statusMarital = "";
 }
 
+/**
+ * function แก้ไขข้อมูล
+ * @param type  ประเภทของบุคคล
+ * @param isStatusEdit สถานะแก่้ไข
+ * @param data ข้อมูลเดิม
+ */
 function onOpenDialogForm(
   type: string,
   isStatusEdit: boolean = false,
@@ -326,11 +355,9 @@ function onOpenDialogForm(
   modal.value = true;
   typeForm.value = type;
   isEdit.value = isStatusEdit;
-  console.log(data);
 
   if (type === "father") {
     titleForm.value = "บิดา";
-    console.log(fatherData);
 
     fromData.isLive =
       fatherData.isLive === null ? 1 : fatherData.isLive ? 1 : 0;
@@ -351,9 +378,11 @@ function onOpenDialogForm(
     fromData.job = motherData.job;
   } else if (type === "couple") {
     titleForm.value = "คู่สมรส";
+
     fromData.isLive = 1;
   } else if (type === "children") {
     titleForm.value = "บุตร";
+
     if (isStatusEdit) {
       childernId.value = data.id;
       fromData.isLive =
@@ -367,6 +396,11 @@ function onOpenDialogForm(
   }
 }
 
+/**
+ * function ดูประวัติการแก้ไขข้อมูล
+ * @param type  ประเภทของบุคคล
+ * @param id
+ */
 function onOpenDialogHistory(type: string, id: string = "") {
   modalHistory.value = true;
   typeForm.value = type;
@@ -374,6 +408,9 @@ function onOpenDialogHistory(type: string, id: string = "") {
   fetchHistory(historyId, type);
 }
 
+/**
+ * function fetch ข้อมูลความสัมพันธ์
+ */
 function fetchDataRelationship() {
   showLoader();
   http
@@ -393,14 +430,24 @@ function fetchDataRelationship() {
     });
 }
 
-const filterSelectorRelation = (val: any, update: Function) => {
+/**
+ * function  ค้นหาข้อมูลใน select
+ * @param val  คำค้นหา
+ * @param update  function
+ */
+function filterSelectorRelation(val: any, update: Function) {
   update(() => {
     optionRelationship.value = optionRelationshipMain.value.filter(
       (v: any) => v.name.indexOf(val) > -1
     );
   });
-};
+}
 
+/**
+ * function fetch ข้อมูลประวัติการแก้ไขข้อมูล
+ * @param id
+ * @param type
+ */
 function fetchHistory(id: string, type: string) {
   hideLoader();
   http
@@ -426,11 +473,13 @@ function fetchHistory(id: string, type: string) {
 }
 
 onMounted(() => {
-  fetchDataFather();
+  Promise.all([
-  fetchDataMother();
+    fetchDataFather(),
-  fetchDataCouple();
+    fetchDataMother(),
-  fetchDataChildren();
+    fetchDataCouple(),
-  fetchDataRelationship();
+    fetchDataChildren(),
+    fetchDataRelationship(),
+  ]);
 });
 </script>
 

src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue

@@ -495,18 +495,26 @@ const historyVisibleColumns = ref<string[]>([
   "lastUpdatedAt",
 ]);
 
-async function onSubmit() {
+/**
+ * function ยืนยันการบันทึกข้อมูล
+ */
+function onSubmit() {
   dialogConfirm(
     $q,
-    async () => {
+    () => {
       dialogStatus.value === "create" ? addData() : editData(editId.value);
-      closeDialog();
     },
     "ยืนยันการบันทึกข้อมูล",
     "ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่ ?"
   );
 }
 
+/**
+ * function ค้นหา คำใน option
+ * @param val คำค้นหา
+ * @param update function
+ * @param refData type select
+ */
 function filterSelector(val: string, update: Function, refData: string) {
   switch (refData) {
     case "educationOption":
@@ -528,6 +536,9 @@ function filterSelector(val: string, update: Function, refData: string) {
   }
 }
 
+/**
+ * function เคลียร์ formData
+ */
 function clearForm() {
   isDate.value = "false";
   educationData.educationLevel = "";
@@ -549,6 +560,10 @@ function clearForm() {
   educationData.note = "";
 }
 
+/**
+ * function แก้ไขข้อมูลประวัติการศึกษา
+ * @param row ข้อมูลประวัติการศึกษา
+ */
 function editForm(row: any) {
   dialogStatus.value = "edit";
   editId.value = row.id;
@@ -579,19 +594,30 @@ function editForm(row: any) {
   dialog.value = true;
 }
 
+/**
+ * function ปิด popup มูลประวัติการศึกษา
+ */
 function closeDialog() {
   clearForm();
   dialog.value = false;
 }
+
+/**
+ * funcitob ปิด popup ประวัติการศึกษา
+ */
 function closeHistoryDialog() {
   historyDialog.value = false;
 }
 
-async function fetchData(id: string) {
+/**
+ * function fetch ข้อมูลประวัตืการศึกษา
+ * @param id บุคคล
+ */
+function fetchData(id: string) {
   showLoader();
-  await http
+  http
     .get(config.API.profileNewEducationByProfileId(id, empType.value))
-    .then(async (res) => {
+    .then((res) => {
       rows.value = res.data.result;
     })
     .catch((err) => {
@@ -602,9 +628,11 @@ async function fetchData(id: string) {
     });
 }
 
-async function fetchEducationLevel() {
+/**
-  showLoader();
+ * function fetch ข้อมูลระดับการศึกษา
-  await http
+ */
+function fetchEducationLevel() {
+  http
     .get(config.API.orgEducationLevel)
     .then(async (res) => {
       res.data.result.map((r: any) => {
@@ -617,15 +645,16 @@ async function fetchEducationLevel() {
     })
     .catch((err) => {
       messageError($q, err);
-    })
-    .finally(() => {
-      hideLoader();
     });
 }
 
-async function fetchHistoryData(id: string) {
+/**
+ * function fetch ประวัติการแก้ไขประวัติการศึกษา
+ * @param id  ประวัติการศึกษา
+ */
+function fetchHistoryData(id: string) {
   showLoader();
-  await http
+  http
     .get(config.API.profileNewEducationHisByEducationId(id, empType.value))
     .then(async (res) => {
       historyRows.value = res.data.result;
@@ -638,8 +667,12 @@ async function fetchHistoryData(id: string) {
     });
 }
 
-async function addData() {
+/**
-  await http
+ * function เพิ่มข้อมูลประวัติการศึกษา
+ */
+function addData() {
+  showLoader();
+  http
     .post(config.API.profileNewEducation(empType.value), {
       ...educationData,
       startYear: undefined,
@@ -648,9 +681,10 @@ async function addData() {
       profileId: empType.value === "" ? id.value : undefined,
       profileEmployeeId: empType.value !== "" ? id.value : undefined,
     })
-    .then(() => {
+    .then(async () => {
-      fetchData(id.value);
+      await fetchData(id.value);
-      success($q, "บันทึกข้อมูลสำเร็จ");
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
     })
     .catch((err) => {
       messageError($q, err);
@@ -660,9 +694,12 @@ async function addData() {
     });
 }
 
+/**
+ * function บันทึกการแก้ไขข้อมูล
+ * @param idData  ประวัติการศึกษา
+ */
 function editData(idData: string) {
-  console.log(educationData);
+  showLoader();
-
   http
     .patch(config.API.profileNewEducationByEducationId(idData, empType.value), {
       ...educationData,
@@ -673,9 +710,10 @@ function editData(idData: string) {
       durationYear:
         educationData.durationYear === "" ? null : educationData.durationYear,
     })
-    .then(() => {
+    .then(async () => {
-      fetchData(id.value);
+      await fetchData(id.value);
-      success($q, "บันทึกข้อมูลสำเร็จ");
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
     })
     .catch((err) => {
       messageError($q, err);
@@ -685,23 +723,6 @@ function editData(idData: string) {
     });
 }
 
-// function deleteData(idData: string) {
-//   dialogRemove($q, () =>
-//     http
-//       .delete(config.API.profileNewEducationByEducationId(idData))
-//       .then(() => {
-//         fetchData(id.value);
-//         success($q, "ลบข้อมูลสำเร็จ");
-//       })
-//       .catch((err) => {
-//         messageError($q, err);
-//       })
-//       .finally(() => {
-//         hideLoader();
-//       })
-//   );
-// }
-
 onMounted(async () => {
   await fetchData(id.value);
   fetchEducationLevel();

src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue

@@ -15,7 +15,6 @@ const mixin = useCounterMixin();
 const $q = useQuasar();
 const mode = ref<string>("table");
 const {
-  dialogRemove,
   dialogConfirm,
   showLoader,
   hideLoader,
@@ -189,6 +188,7 @@ const historyVisibleColumns = ref<string[]>([
   "lastUpdateFullName",
   "lastUpdatedAt",
 ]);
+
 function closeDialog() {
   dialog.value = false;
 }
@@ -197,18 +197,23 @@ function closeHistoryDialog() {
   historyDialog.value = false;
 }
 
-async function onSubmit() {
+/**
+ * function ยืนยันการบันทึกข้อมูล
+ */
+function onSubmit() {
   dialogConfirm(
     $q,
-    async () => {
+    () => {
       dialogStatus.value === "create" ? addData() : editData(editId.value);
-      closeDialog();
     },
     "ยืนยันการบันทึกข้อมูล",
     "ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่ ?"
   );
 }
 
+/**
+ * function เคลียร์ formData
+ */
 function clearForm() {
   specialSkill.detail = "";
   specialSkill.field = "";
@@ -216,6 +221,10 @@ function clearForm() {
   specialSkill.remark = "";
 }
 
+/**
+ * function
+ * @param row ข้อมูลความสามารถพิเศษ
+ */
 function editForm(row: any) {
   dialogStatus.value = "edit";
   editId.value = row.id;
@@ -226,11 +235,14 @@ function editForm(row: any) {
   dialog.value = true;
 }
 
-async function fetchData(id: string) {
+/**
+ * function fetch ข้อมูลความสามรรถพิเศษ
+ */
+function fetchData(id: string) {
   showLoader();
-  await http
+  http
     .get(config.API.profileNewAbilityByProfileId(id, empType.value))
-    .then(async (res) => {
+    .then((res) => {
       rows.value = res.data.result;
     })
     .catch((err) => {
@@ -241,11 +253,15 @@ async function fetchData(id: string) {
     });
 }
 
-async function fetchHistoryData(id: string) {
+/**
+ * function fetch ประวัติการแก้ไขความสามรรถพิเศษ
+ * @param id  ความสามรรถพิเศษ
+ */
+function fetchHistoryData(id: string) {
   showLoader();
-  await http
+  http
     .get(config.API.profileNewAbilityHisByAbilityId(id, empType.value))
-    .then(async (res) => {
+    .then((res) => {
       historyRows.value = res.data.result;
     })
     .catch((err) => {
@@ -256,8 +272,12 @@ async function fetchHistoryData(id: string) {
     });
 }
 
-async function addData() {
+/**
-  await http
+ * function เพิ่มข้อมูลความสามรรถพิเศษ
+ */
+function addData() {
+  showLoader();
+  http
     .post(config.API.profileNewAbility(empType.value), {
       ...specialSkill,
       dateStart: null,
@@ -265,9 +285,10 @@ async function addData() {
       profileId: empType.value === "" ? id.value : undefined,
       profileEmployeeId: empType.value !== "" ? id.value : undefined,
     })
-    .then(() => {
+    .then(async () => {
-      fetchData(id.value);
+      await fetchData(id.value);
-      success($q, "บันทึกข้อมูลสำเร็จ");
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
     })
     .catch((err) => {
       messageError($q, err);
@@ -277,17 +298,23 @@ async function addData() {
     });
 }
 
-async function editData(idData: string) {
+/**
-  await http
+ * function บันทึกการแก้ไขข้อมูล
+ * @param idData ความสามรรถพิเศษ
+ */
+function editData(idData: string) {
+  showLoader();
+  http
     .patch(config.API.profileNewAbilityByAbilityId(idData, empType.value), {
       ...specialSkill,
       dateStart: null,
       dateEnd: null,
       profileId: undefined,
     })
-    .then(() => {
+    .then(async () => {
-      fetchData(id.value);
+      await fetchData(id.value);
-      success($q, "บันทึกข้อมูลสำเร็จ");
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
     })
     .catch((err) => {
       messageError($q, err);
@@ -297,25 +324,8 @@ async function editData(idData: string) {
     });
 }
 
-async function deleteData(idData: string) {
+onMounted(() => {
-  dialogRemove($q, () =>
+  fetchData(id.value);
-    http
-      .delete(config.API.profileNewAbilityByAbilityId(idData, empType.value))
-      .then(() => {
-        fetchData(id.value);
-        success($q, "ลบข้อมูลสำเร็จ");
-      })
-      .catch((err) => {
-        messageError($q, err);
-      })
-      .finally(() => {
-        hideLoader();
-      })
-  );
-}
-
-onMounted(async () => {
-  await fetchData(id.value);
 });
 </script>
 <template>

src/modules/04_registryPerson/components/requestEdit/DialogStatus.vue

@@ -44,6 +44,9 @@ const statusOptionMain = ref<DataOption[]>(
 );
 const statusOption = ref<DataOption[]>(statusOptionMain.value);
 
+/**
+ * function บันทึกรายการคำร้อง
+ */
 function onSubmit() {
   dialogConfirm($q, () => {
     showLoader();
@@ -64,6 +67,9 @@ function onSubmit() {
   });
 }
 
+/**
+ * function ปิด popup
+ */
 function closeDialog() {
   modal.value = false;
   formData.status = "";
@@ -77,6 +83,11 @@ function classInput(val: boolean) {
   };
 }
 
+/**
+ * function ค้นหาคำใน select  สถานะคำร้อง
+ * @param val คำค้น
+ * @param update Function
+ */
 function filterOption(val: string, update: Function) {
   update(() => {
     statusOption.value = statusOptionMain.value.filter(
@@ -85,6 +96,9 @@ function filterOption(val: string, update: Function) {
   });
 }
 
+/**
+ * function fetch ข้อมูลคำร้องแก้ไข
+ */
 function fetchDataRequest() {
   showLoader();
   http

src/modules/04_registryPerson/views/detailView.vue

@@ -573,9 +573,9 @@ function selectAvatarHistory() {
   http
     .get(config.API.orgProfileAvatar + `/select/${profileId.value}/${data.id}`)
     .then(async () => {
-      closeImage();
       await fetchDataPersonal();
       await fetchProfile(profileId.value);
+      closeImage();
     })
     .catch((e) => {
       messageError($q, e);
@@ -942,19 +942,6 @@ onMounted(async () => {
                 :src="n.downloadUrl"
                 :class="imageClass(n)"
               >
-                <!-- <div
-                  class="absolute-top bg-transparent cursor-pointer text-right"
-                  style="padding: 5px"
-                >
-                  <q-btn
-                    icon="delete"
-                    unelevated
-                    round
-                    dense
-                    @click="deletePhoto"
-                    style="color: #ff8080"
-                  />
-                </div> -->
                 <div
                   class="absolute-bottom col-12 cursor-pointer flex justify-between items-center"
                   style="padding: 5px"

src/modules/04_registryPerson/views/requestEdit.vue

@@ -132,6 +132,9 @@ const statusOption = ref<DataOption[]>(store.optionStatus);
 const modalStatus = ref<boolean>(false);
 const requestId = ref<string>("");
 
+/**
+ * function fetch รายการคำร้องขอแก้ไขทะเบียนประวัติ
+ */
 function fetchListRequset() {
   showLoader();
   http
@@ -157,16 +160,28 @@ function fetchListRequset() {
     });
 }
 
+/**
+ * function เลือกสถานะคำร้อง
+ */
 function updateStatusValue() {
   page.value = 1;
+  // fetch รายการคำร้องขอแก้ไขทะเบียนประวัติ
   fetchListRequset();
 }
 
+/**
+ * function เคลียร์ สถานะคำร้อง
+ */
 function clearStatus() {
   status.value = "";
   statusOption.value = store.optionStatus;
 }
 
+/**
+ * function ค้นหาคำใน select  สถานะคำร้อง
+ * @param val คำค้น
+ * @param update Function
+ */
 function filterOption(val: string, update: Function) {
   update(() => {
     status.value = val ? "" : status.value;
@@ -176,11 +191,19 @@ function filterOption(val: string, update: Function) {
   });
 }
 
+/**
+ * funciton  แก่ไขคำร้อง
+ * @param id รายการคำร้อง
+ */
 function onclickEdit(id: string) {
   modalStatus.value = true;
   requestId.value = id;
 }
 
+/**
+ * function เลือกแถวต่อหน้า
+ * @param newPagination
+ */
 function updatePageSizePagination(newPagination: Pagination) {
   page.value = 1;
   pageSize.value = newPagination.rowsPerPage;
@@ -200,9 +223,9 @@ function onDownloadFile(id: string) {
         id
       )
     )
-    .then((res) => {
+    .then(async (res) => {
       if (res.data.length !== 0) {
-        downloadUrl(id, res.data[0].fileName);
+        await downloadUrl(id, res.data[0].fileName);
       } else {
         hideLoader();
       }