เพิ่มฟิล ผู้ดำเนินการ/วันที่แก้ไข

src/modules/10_registry/01_Information/02_ChangeName.vue

@@ -14,7 +14,8 @@ const link = ref<string>("");
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const dataStore = useDataStore();
-const { showLoader, hideLoader, messageError, date2Thai,onSearchDataTable } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, onSearchDataTable } =
+  mixin;
 
 const rows = ref<ChangNameRows[]>([]);
 const rowsData = ref<ChangNameRows[]>([]);
@@ -31,7 +32,8 @@ const visibleColumns = ref<string[]>([
   "prefix",
   "firstName",
   "lastName",
-  "status",
+  "lastUpdateFullName",
+  "lastUpdatedAt",
 ]);
 const columns = ref<QTableProps["columns"]>([
   {
@@ -67,12 +69,25 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+
   {
-    name: "status",
+    name: "lastUpdateFullName",
     align: "left",
-    label: "สถานะการเปลี่ยนชื่อ",
+    label: "ผู้ดำเนินการ",
     sortable: true,
-    field: "status",
+    field: "lastUpdateFullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "lastUpdatedAt",
+    align: "left",
+    label: "วันที่แก้ไข",
+    sortable: true,
+    field: "lastUpdatedAt",
+    format: (v) => date2Thai(v, false, true),
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
@@ -212,6 +227,33 @@ function onSearch() {
   );
 }
 
+/**
+ * ฟังก์ชันโหลไฟลเอกสารหลักฐาน
+ * @param id รายการที่ต้องการโหลด
+ */
+async function onDownloadFile(id: string, profileId: string) {
+  showLoader();
+  await http
+    .get(
+      config.API.subFileByFileName(
+        "ทะเบียนประวัติ",
+        "ประวัติการเปลี่ยนชื่อ-นามสกุล",
+        profileId,
+        id,
+        "เอกสารหลักฐาน"
+      )
+    )
+    .then(async (res) => {
+      const data = res.data.downloadUrl;
+      window.open(data, "_blank");
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
 
 onMounted(async () => {
   link.value = await dataStore.getProFileType();
@@ -289,15 +331,14 @@ onMounted(async () => {
           </q-td>
           <q-td auto-width>
             <q-btn
-              color="info"
+              color="green"
               flat
               dense
               round
-              size="14px"
-              icon="mdi-history"
-              @click="onHistory(props.row.id)"
+              icon="mdi-file-document-outline"
+              @click="onDownloadFile(props.row.id, props.row.profileId)"
             >
-              <q-tooltip>ดูประวัติการเปลี่ยนชื่อ-นามสกุล</q-tooltip>
+              <q-tooltip>ดาวน์โหลด</q-tooltip>
             </q-btn>
           </q-td>
         </q-tr>
@@ -306,18 +347,19 @@ onMounted(async () => {
         <div class="q-mb-xs col-xs-12 col-sm-6 col-md-4 col-lg-3">
           <q-card bordered flat>
             <q-list dense class="q-mt-lg relative-position">
-              <q-btn
-                icon="mdi-history"
-                color="info"
-                flat
-                dense
-                round
-                size="14px"
-                class="absolute_button"
-                @click="onHistory(props.row.id)"
-              >
-                <q-tooltip>ประวัติแก้ไขประวัติการศึกษา</q-tooltip>
-              </q-btn>
+              <q-td auto-width>
+                <q-btn
+                  color="green"
+                  flat
+                  dense
+                  round
+                  class="absolute_button"
+                  icon="mdi-file-document-outline"
+                  @click="onDownloadFile(props.row.id, props.row.profileId)"
+                >
+                  <q-tooltip>ดาวน์โหลด</q-tooltip>
+                </q-btn>
+              </q-td>
               <q-item v-for="col in props.cols" :key="col.name">
                 <q-item-section>
                   <q-item-label class="text-grey-6 text-weight-medium">{{

src/modules/10_registry/01_Information/05_Educations.vue

@@ -16,7 +16,8 @@ const link = ref<string>("");
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const dataStore = useDataStore();
-const { showLoader, hideLoader, messageError, date2Thai,onSearchDataTable } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, onSearchDataTable } =
+  mixin;
 
 const rows = ref<EducationProfile[]>([]);
 const rowsData = ref<EducationProfile[]>([]);
@@ -45,6 +46,8 @@ const visibleColumns = ref<string[]>([
   "startDate",
   "finishDate",
   "note",
+  "lastUpdateFullName",
+  "lastUpdatedAt",
 ]);
 
 const columns = ref<QTableProps["columns"]>([
@@ -217,6 +220,29 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "lastUpdateFullName",
+    align: "left",
+    label: "ผู้ดำเนินการ",
+    sortable: true,
+    field: "lastUpdateFullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "lastUpdatedAt",
+    align: "left",
+    label: "วันที่แก้ไข",
+    sortable: true,
+    field: "lastUpdatedAt",
+    format: (v) => date2Thai(v),
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
 ]);
 
 const columnsHistory = ref<QTableProps["columns"]>([
@@ -563,7 +589,7 @@ onMounted(async () => {
               {{ props.row.status ? props.row.status : "-" }}
             </div>
             <div v-else>
-              {{ col.value }}
+              {{ col.value ? col.value:'-' }}
             </div>
           </q-td>
           <q-td auto-width>

src/modules/10_registry/01_Information/06_Ability.vue

@@ -22,7 +22,8 @@ const $q = useQuasar();
 const mode = ref<boolean>($q.screen.gt.xs);
 const mixin = useCounterMixin();
 const dataStore = useDataStore();
-const { showLoader, hideLoader, messageError, date2Thai,onSearchDataTable } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, onSearchDataTable } =
+  mixin;
 
 const modalHistory = ref<boolean>(false);
 /** ตัวแปรข้อมูล */
@@ -32,6 +33,8 @@ const visibleColumns = ref<string[]>([
   "detail",
   "remark",
   "reference",
+  "lastUpdateFullName",
+  "lastUpdatedAt",
 ]);
 
 const columns = ref<QTableProps["columns"]>([
@@ -79,6 +82,29 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "lastUpdateFullName",
+    align: "left",
+    label: "ผู้ดำเนินการ",
+    sortable: true,
+    field: "lastUpdateFullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "lastUpdatedAt",
+    align: "left",
+    label: "วันที่แก้ไข",
+    sortable: true,
+    field: "lastUpdatedAt",
+    format: (v) => date2Thai(v),
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
 ]);
 
 const visibleColumnsHistory = ref<string[]>([
@@ -284,7 +310,7 @@ onMounted(async () => {
               {{ props.row.status ? props.row.status : "-" }}
             </div>
             <div v-else>
-              {{ col.value }}
+              {{ col.value ? col.value : "-" }}
             </div>
           </q-td>
           <q-td auto-width>