ปรับทะเบียนประวัติ และ แก้ไขการเพิ่มตำแหน่ง

src/modules/04_registry/views/Main.vue

@@ -94,26 +94,39 @@
                   <div v-if="col.name == 'no'" class="table_ellipsis">
                     {{ props.rowIndex + 1 }}
                   </div>
+                  <div v-else-if="col.name == 'isVerified'">
+                    <q-icon
+                      v-if="props.row.isVerified"
+                      name="verified"
+                      color="green"
+                      size="2rem"
+                    />
+                  </div>
                   <div v-else-if="col.name == 'fullname'">
                     <div class="row col-12 wrap items-center">
-                      <img
-                        v-if="props.row.avatar == null"
-                        src="@/assets/avatar_user.jpg"
-                        class="col-4 img-info"
-                      />
-                      <img
-                        v-else
-                        :src="props.row.avatar"
-                        class="col-4 img-info"
-                      />
-                      <div class="col-4">
-                        <div class="text-weight-medium">
-                          {{ props.row.fullname }}
-                        </div>
-                        <div class="text-weight-light">
-                          {{ props.row.citizenId }}
-                        </div>
-                      </div>
+                      <q-item>
+                        <q-item-section avatar>
+                          <img
+                            v-if="props.row.avatar == null"
+                            src="@/assets/avatar_user.jpg"
+                            class="col-4 img-info"
+                          />
+                          <img
+                            v-else
+                            :src="props.row.avatar"
+                            class="col-4 img-info"
+                          />
+                        </q-item-section>
+
+                        <q-item-section>
+                          <div class="text-weight-medium">
+                            {{ props.row.fullname }}
+                          </div>
+                          <div class="text-weight-light">
+                            {{ props.row.citizenId }}
+                          </div>
+                        </q-item-section>
+                      </q-item>
                     </div>
                   </div>
                   <div v-else class="table_ellipsis">
@@ -182,6 +195,7 @@ const selected = ref<string>("");
 const nodesTree = ref<treeTab[]>([]);
 const visibleColumns = ref<String[]>([]);
 visibleColumns.value = [
+  "isVerified",
   "no",
   "fullname",
   "fullnameOld",
@@ -209,6 +223,7 @@ visibleColumns.value = [
 ];
 const visibleColumnsOfficer = ref<String[]>([]);
 visibleColumnsOfficer.value = [
+  "isVerified",
   "no",
   "fullname",
   "fullnameOld",
@@ -235,6 +250,14 @@ visibleColumnsOfficer.value = [
   "leaveDateOrder",
 ];
 const columns = ref<QTableProps["columns"]>([
+  {
+    name: "isVerified",
+    align: "center",
+    label: "",
+    sortable: true,
+    field: "isVerified",
+    headerStyle: "min-width: 50px",
+  },
   {
     name: "no",
     align: "left",
@@ -542,6 +565,7 @@ const columns = ref<QTableProps["columns"]>([
 const rows = ref<RequestItemsObject[]>([]);
 const visibleColumnsEmployee = ref<String[]>([]);
 visibleColumnsEmployee.value = [
+  "isVerified",
   "no",
   "fullname",
   "fullnameOld",
@@ -567,6 +591,14 @@ visibleColumnsEmployee.value = [
   "leaveDateOrder",
 ];
 const columnsEmployee = ref<QTableProps["columns"]>([
+  {
+    name: "isVerified",
+    align: "center",
+    label: "",
+    sortable: true,
+    field: "isVerified",
+    headerStyle: "min-width: 50px",
+  },
   {
     name: "no",
     align: "left",
@@ -845,6 +877,7 @@ const columnsEmployee = ref<QTableProps["columns"]>([
 ]);
 const visibleColumnsEmployeeTemp = ref<String[]>([]);
 visibleColumnsEmployeeTemp.value = [
+  "isVerified",
   "no",
   "fullname",
   "fullnameOld",
@@ -870,6 +903,14 @@ visibleColumnsEmployeeTemp.value = [
   "leaveDateOrder",
 ];
 const columnsEmployeeTemp = ref<QTableProps["columns"]>([
+  {
+    name: "isVerified",
+    align: "center",
+    label: "",
+    sortable: true,
+    field: "isVerified",
+    headerStyle: "min-width: 50px",
+  },
   {
     name: "no",
     align: "left",
@@ -1316,6 +1357,7 @@ const doSearch = async () => {
     })
     .then((res) => {
       let data = res.data.result;
+
       rows.value = [];
       data.map((e: ResponseObject) => {
         rows.value.push({
@@ -1358,6 +1400,7 @@ const doSearch = async () => {
               ? null
               : date2Thai(new Date(e.leaveDateOrder)),
           refSalary: e.refSalary,
+          isVerified: e.isVerified,
         });
       });
     })