Merge branch 'develop' into dev

src/modules/05_placement/components/PersonalList/DialogDetail.vue

@@ -3,6 +3,7 @@ import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
+import { calculateAge } from "@/utils/function";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -38,6 +39,20 @@ const props = defineProps({
 
 const rows = ref<DataEducation[]>([]);
 const personalForm = ref<DataPerson>();
+const age = ref<string | null>(""); //อายุ
+
+// ข้อมูลแปลงจาก ID เป็นชื่อ
+const currentProvinceName = ref<string>("");
+const currentDistrictName = ref<string>("");
+const currentSubDistrictName = ref<string>("");
+const registProvinceName = ref<string>("");
+const registDistrictName = ref<string>("");
+const registSubDistrictName = ref<string>("");
+
+// Cache ข้อมูล
+const provincesCache = ref<any[]>([]);
+const districtsCache = ref<Map<string, any[]>>(new Map()); // key: provinceId, value: districts[]
+const subDistrictsCache = ref<Map<string, any[]>>(new Map()); // key: districtId, value: subDistricts[]
 
 /**หัวตาราง */
 const columns = ref<QTableProps["columns"]>([
@@ -87,11 +102,20 @@ const columns = ref<QTableProps["columns"]>([
  * ฟังก์ชันดึงข้อมูลรายละเอียด
  */
 async function fetchData() {
+  // Reset ข้อมูลเก่าก่อนโหลดข้อมูลใหม่
+  resetData();
+  
   showLoader();
   await http
     .get(config.API.getDatapersonal(props.personalId))
     .then((res) => {
       personalForm.value = res.data.result;
+      if (res.data.result.dateOfBirth) {
+        // กำหนดอายุ ส่งวันเกิดไปคำนวน
+        age.value = calculateAge(res.data.result.dateOfBirth);
+      } else {
+        age.value = null;
+      }
       personalForm.value?.education.map((e: Education) => {
         rows.value.push({
           university: e.institute,
@@ -107,6 +131,159 @@ async function fetchData() {
     .finally(() => {
       hideLoader();
     });
+
+  // แปลง ID เป็นชื่อ
+  await convertAddressIds();
+}
+
+/**
+ * Reset ข้อมูลทุกครั้งที่เปิดคนใหม่
+ */
+function resetData() {
+  // Reset ข้อมูลส่วนตัว
+  personalForm.value = undefined;
+  age.value = "";
+  rows.value = [];
+  
+  // Reset ข้อมูลที่อยู่
+  currentProvinceName.value = "";
+  currentDistrictName.value = "";
+  currentSubDistrictName.value = "";
+  registProvinceName.value = "";
+  registDistrictName.value = "";
+  registSubDistrictName.value = "";
+}
+
+/**
+ * ฟังก์ชันแปลง ID เป็นชื่อจริงของที่อยู่ (แบบ optimize)
+ */
+async function convertAddressIds() {
+  if (!personalForm.value) return;
+
+  try {
+    // โหลดข้อมูลจังหวัดครั้งเดียวถ้ายังไม่มี
+    await loadProvinces();
+
+    // แปลงข้อมูลที่อยู่ปัจจุบัน
+    if (personalForm.value.currentProvinceId && personalForm.value.currentProvinceId.trim() !== "") {
+      currentProvinceName.value = getProvinceNameFromCache(
+        personalForm.value.currentProvinceId
+      );
+
+      if (personalForm.value.currentDistrictId && personalForm.value.currentDistrictId.trim() !== "") {
+        currentDistrictName.value = await getDistrictNameOptimized(
+          personalForm.value.currentProvinceId,
+          personalForm.value.currentDistrictId
+        );
+
+        if (personalForm.value.currentSubDistrictId && personalForm.value.currentSubDistrictId.trim() !== "") {
+          currentSubDistrictName.value = await getSubDistrictNameOptimized(
+            personalForm.value.currentDistrictId,
+            personalForm.value.currentSubDistrictId
+          );
+        }
+      }
+    }
+
+    // แปลงข้อมูลที่อยู่ตามทะเบียน
+    if (personalForm.value.registProvinceId && personalForm.value.registProvinceId.trim() !== "") {
+      registProvinceName.value = getProvinceNameFromCache(
+        personalForm.value.registProvinceId
+      );
+
+      if (personalForm.value.registDistrictId && personalForm.value.registDistrictId.trim() !== "") {
+        registDistrictName.value = await getDistrictNameOptimized(
+          personalForm.value.registProvinceId,
+          personalForm.value.registDistrictId
+        );
+
+        if (personalForm.value.registSubDistrictId && personalForm.value.registSubDistrictId.trim() !== "") {
+          registSubDistrictName.value = await getSubDistrictNameOptimized(
+            personalForm.value.registDistrictId,
+            personalForm.value.registSubDistrictId
+          );
+        }
+      }
+    }
+  } catch (error) {
+    console.error("Error converting address IDs:", error);
+  }
+}
+
+/**
+ * โหลดข้อมูลจังหวัดทั้งหมด (ครั้งเดียว)
+ */
+async function loadProvinces() {
+  if (provincesCache.value.length === 0) {
+    try {
+      const res = await http.get(config.API.province);
+      provincesCache.value = res.data.result;
+    } catch (error) {
+      console.error("Error loading provinces:", error);
+    }
+  }
+}
+
+/**
+ * ดึงชื่อจังหวัดจาก cache
+ */
+function getProvinceNameFromCache(provinceId: string): string {
+  const province = provincesCache.value.find(
+    (p: any) => p.id.toString() === provinceId
+  );
+  return province ? province.name : "-";
+}
+
+/**
+ * ดึงชื่ออำเภอแบบ optimize (เรียก API เฉพาะจังหวัดที่ต้องการ)
+ * @param provinceId ID ของจังหวัด
+ * @param districtId ID ของอำเภอ
+ */
+async function getDistrictNameOptimized(
+  provinceId: string,
+  districtId: string
+): Promise<string> {
+  try {
+    // เช็ค cache ว่ามีข้อมูล districts ของ province นี้หรือไม่
+    if (!districtsCache.value.has(provinceId)) {
+      const res = await http.get(config.API.listDistrict(provinceId));
+      districtsCache.value.set(provinceId, res.data.result.districts);
+    }
+
+    const districts = districtsCache.value.get(provinceId) || [];
+    const district = districts.find((d: any) => d.id.toString() === districtId);
+    return district ? district.name : "-";
+  } catch (error) {
+    console.error("Error loading district:", error);
+    return "-";
+  }
+}
+
+/**
+ * ดึงชื่อตำบลแบบ optimize (เรียก API เฉพาะอำเภอที่ต้องการ)
+ * @param districtId ID ของอำเภอ
+ * @param subDistrictId ID ของตำบล
+ */
+async function getSubDistrictNameOptimized(
+  districtId: string,
+  subDistrictId: string
+): Promise<string> {
+  try {
+    // เช็ค cache ว่ามีข้อมูล subDistricts ของ district นี้หรือไม่
+    if (!subDistrictsCache.value.has(districtId)) {
+      const res = await http.get(config.API.listSubDistrict(districtId));
+      subDistrictsCache.value.set(districtId, res.data.result.subDistricts);
+    }
+
+    const subDistricts = subDistrictsCache.value.get(districtId) || [];
+    const subDistrict = subDistricts.find(
+      (sd: any) => sd.id.toString() === subDistrictId
+    );
+    return subDistrict ? subDistrict.name : "-";
+  } catch (error) {
+    console.error("Error loading subdistrict:", error);
+    return "-";
+  }
 }
 
 /**
@@ -131,7 +308,7 @@ function formBmaofficer(val: string) {
  */
 async function close() {
   props.close();
-  rows.value = [];
+  resetData(); // Reset ข้อมูลเมื่อปิด dialog
 }
 
 /**
@@ -170,30 +347,58 @@ watch(props, () => {
 
               <div class="row q-pa-xs">
                 <div class="col-3 header-sub-text">
-                  <div class="q-pb-md">เลขประจำตัวประชาชน</div>
-                  <div>วัน/เดือน/ปีเกิด</div>
+                  <div class="q-pb-sm">เลขประจำตัวประชาชน</div>
+                  <div class="q-pb-sm">วัน/เดือน/ปีเกิด</div>
+                  <div class="q-pb-sm">อายุ</div>
+                  <div class="q-pb-sm">สัญชาติ</div>
+                  <div>หมู่เลือด</div>
                 </div>
 
                 <div class="col-4 sub-text">
-                  <div class="q-pb-md">
+                  <div class="q-pb-sm">
                     {{ personalForm?.idCard }}
                   </div>
-                  <div>
+                  <div class="q-pb-sm">
                     {{ date2Thai(personalForm?.dateOfBirth) }}
                   </div>
+                  <div class="q-pb-sm">
+                    {{ age ? age : "-" }}
+                  </div>
+                  <div class="q-pb-sm">
+                    {{
+                      personalForm?.nationality ? personalForm.nationality : "-"
+                    }}
+                  </div>
+                  <div>
+                    {{
+                      personalForm?.bloodGroup ? personalForm.bloodGroup : "-"
+                    }}
+                  </div>
                 </div>
 
                 <div class="col-2 header-sub-text">
-                  <div class="q-pb-md">ชื่อ-นามสกุล</div>
-                  <div>เพศ</div>
+                  <div class="q-pb-sm">ชื่อ-นามสกุล</div>
+                  <div class="q-pb-sm">เพศ</div>
+                  <div class="q-pb-sm">เชื้อชาติ</div>
+                  <div class="q-pb-sm">ศาสนา</div>
+                  <div>เบอร์โทรศัพท์</div>
                 </div>
                 <div class="col-3 sub-text">
-                  <div class="q-pb-md">
+                  <div class="q-pb-sm">
                     {{ personalForm?.fullName }}
                   </div>
-                  <div>
+                  <div class="q-pb-sm">
                     {{ personalForm?.gender }}
                   </div>
+                  <div class="q-pb-sm">
+                    {{ personalForm?.race ? personalForm.race : "-" }}
+                  </div>
+                  <div class="q-pb-sm">
+                    {{ personalForm?.religion ? personalForm.religion : "-" }}
+                  </div>
+                  <div class="q-mt-sm">
+                    {{ personalForm?.telephone ? personalForm.telephone : "-" }}
+                  </div>
                 </div>
               </div>
             </q-card>
@@ -203,9 +408,90 @@ watch(props, () => {
             <q-card bordered class="card-panding">
               <div class="row items-center q-pa-xs header-text">ภูมิลำเนา</div>
               <div class="row q-pa-xs">
-                <div class="col-3 header-sub-text">ที่อยู่</div>
-                <div class="col-9 sub-text">
-                  {{ personalForm?.registAddress }}
+                <!-- ที่อยู่ปัจจุบัน -->
+                <div class="col-6">
+                  <div class="q-pb-sm text-weight-medium text-primary">
+                    ที่อยู่ปัจจุบัน
+                  </div>
+                  <div class="row">
+                    <div class="col-4 header-sub-text">
+                      <div class="q-pb-sm">ที่อยู่</div>
+                      <div class="q-pb-sm">จังหวัด</div>
+                      <div class="q-pb-sm">เขต/อำเภอ</div>
+                      <div class="q-pb-sm">แขวง/ตำบล</div>
+                      <div>รหัสไปรษณีย์</div>
+                    </div>
+                    <div class="col-8 sub-text">
+                      <div class="q-pb-sm">
+                        {{
+                          personalForm?.currentAddress
+                            ? personalForm.currentAddress
+                            : "-"
+                        }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ currentProvinceName ? currentProvinceName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ currentDistrictName ? currentDistrictName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{
+                          currentSubDistrictName ? currentSubDistrictName : "-"
+                        }}
+                      </div>
+                      <div class="q-mt-sm">
+                        {{
+                          personalForm?.currentZipCode
+                            ? personalForm.currentZipCode
+                            : "-"
+                        }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- ที่อยู่ตามทะเบียนบ้าน -->
+                <div class="col-6">
+                  <div class="q-pb-sm text-weight-medium text-primary">
+                    ที่อยู่ตามทะเบียนบ้าน
+                  </div>
+                  <div class="row">
+                    <div class="col-4 header-sub-text">
+                      <div class="q-pb-sm">ที่อยู่</div>
+                      <div class="q-pb-sm">จังหวัด</div>
+                      <div class="q-pb-sm">เขต/อำเภอ</div>
+                      <div class="q-pb-sm">แขวง/ตำบล</div>
+                      <div>รหัสไปรษณีย์</div>
+                    </div>
+                    <div class="col-8 sub-text">
+                      <div class="q-pb-sm">
+                        {{
+                          personalForm?.registAddress
+                            ? personalForm.registAddress
+                            : "-"
+                        }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ registProvinceName ? registProvinceName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ registDistrictName ? registDistrictName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{
+                          registSubDistrictName ? registSubDistrictName : "-"
+                        }}
+                      </div>
+                      <div class="q-mt-sm">
+                        {{
+                          personalForm?.registZipCode
+                            ? personalForm.registZipCode
+                            : "-"
+                        }}
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </q-card>

src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue

@@ -213,7 +213,9 @@ function handleDelete(meetingId: string) {
   dialogRemove($q, async () => {
     showLoader();
     try {
-      await http.delete(config.API.evaluationMain() + `/del-meeting/${id.value}/${meetingId}`);
+      await http.delete(
+        config.API.evaluationMain() + `/del-meeting/${id.value}/${meetingId}`
+      );
       await props.fetchData();
       await success($q, "ลบสำเร็จ");
     } catch (error) {
@@ -289,7 +291,7 @@ watch(
         </template>
         <template v-slot:body="props">
           <q-tr :props="props">
-            <q-th auto-width>
+            <q-td auto-width>
               <q-btn
                 v-if="checkPermission($route)?.attrIsUpdate"
                 flat
@@ -301,7 +303,7 @@ watch(
               >
                 <q-tooltip>ลบ</q-tooltip>
               </q-btn>
-            </q-th>
+            </q-td>
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}

src/modules/21_report/components/01_org/MainReport.vue

@@ -111,17 +111,16 @@ async function fetchSummary() {
  * ฟังก์ชัน DownloadReport
  * @param list รายงานที่ต้องการดาวน์โหลด
  */
-async function getReport(list: string) {
-  const listFind = baseDocument.value.find(
-    (item: DataDocument) => item.val == list
-  )?.val;
-  const newReport = listFind === "report2" ? "report2-history" : listFind;
+async function getReport(valReport: string) {
   pdfSrc.value = undefined;
   page.value = 1;
   isLoadPDF.value = true;
-  if (newReport) {
+  if (valReport) {
     await http
-      .get(config.API.orgReport(newReport) + `/${organizationId.value}`)
+      .post(config.API.orgReport(valReport), {
+        node: 0,
+        nodeId: organizationId.value,
+      })
       .then(async (res) => {
         const data = res.data.result;
         detailReport.value = data;
@@ -414,10 +413,8 @@ onMounted(async () => {
                           color="primary"
                           icon="download"
                         >
-                        <q-tooltip>
-                          ดาวน์โหลดรายงาน
-                        </q-tooltip>
-                        
+                          <q-tooltip> ดาวน์โหลดรายงาน </q-tooltip>
+
                           <q-menu>
                             <q-list style="min-width: 150px">
                               <q-item