From 727f3c6765bfd5d344d1f2f4f3d31bae0ab4fb34 Mon Sep 17 00:00:00 2001
From: oat <oatkub402@gmail.com>
Date: Wed, 7 Feb 2024 11:16:41 +0700
Subject: [PATCH 1/3] =?UTF-8?q?=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=B9=E0=B8=A5=E0=B8=9A=E0=B8=B8=E0=B8=84=E0=B8=84=E0=B8=A5?=
 =?UTF-8?q?:=20API=E0=B8=A3=E0=B8=B0=E0=B8=94=E0=B8=B1=E0=B8=9A=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3=E0=B8=A8=E0=B8=B6=E0=B8=81=E0=B8=A9=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/personal/07ListEducationLevel.vue | 16 +++++++++++++---
 .../components/personal/DialogForm.vue           |  3 ++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/modules/01_metadataNew/components/personal/07ListEducationLevel.vue b/src/modules/01_metadataNew/components/personal/07ListEducationLevel.vue
index 34833037a..6b998694f 100644
--- a/src/modules/01_metadataNew/components/personal/07ListEducationLevel.vue
+++ b/src/modules/01_metadataNew/components/personal/07ListEducationLevel.vue
@@ -71,7 +71,7 @@ const columns = [
 ] as const satisfies QTableProps["columns"];
 
 const $q = useQuasar();
-
+const editId = ref<string>("");
 const filterKeyword = ref<string>("");
 const dialog = ref<boolean>(false);
 const educationLevel = ref<string>("");
@@ -139,6 +139,8 @@ onMounted(async () => {
         () => {
           dialogStatus = 'create';
           dialog = true;
+          educationLevel = '';
+          educationRank = undefined;
         }
       "
     >
@@ -211,6 +213,9 @@ onMounted(async () => {
                     () => {
                       dialogStatus = 'edit';
                       dialog = true;
+                      editId = props.row.id;
+                      educationLevel = props.row.name;
+                      educationRank = props.row.rank;
                     }
                   "
                 >
@@ -223,7 +228,12 @@ onMounted(async () => {
                 </q-item>
                 <q-item clickable>
                   <q-item-section
-                    @click="dialogRemove($q, async () => {})"
+                    @click="
+                      dialogRemove(
+                        $q,
+                        async () => await deleteData(props.row.id)
+                      )
+                    "
                     v-close-popup
                   >
                     <div class="row items-center white">
@@ -241,7 +251,7 @@ onMounted(async () => {
   </d-table>
 
   <DialogForm
-    v-model:educationRank:="educationRank"
+    v-model:educationRank="educationRank"
     v-model:dialog="dialog"
     v-model:data="educationLevel"
     v-model:personalName="personalName"
diff --git a/src/modules/01_metadataNew/components/personal/DialogForm.vue b/src/modules/01_metadataNew/components/personal/DialogForm.vue
index d6413a0c9..7b6e40557 100644
--- a/src/modules/01_metadataNew/components/personal/DialogForm.vue
+++ b/src/modules/01_metadataNew/components/personal/DialogForm.vue
@@ -17,7 +17,7 @@ const personalName = defineModel<string>("personalName");
 const dialogStatus = defineModel<string>("dialogStatus");
 const editId = defineModel<string>("editId");
 const dialog = defineModel<boolean>("dialog");
-const educationRank = defineModel<number>("rank");
+const educationRank = defineModel<number>("educationRank");
 const props = defineProps({
   fetchData: {
     type: Function,
@@ -52,6 +52,7 @@ async function onSubmit() {
           : props.editData(editId.value);
         closeDialog();
         data.value = "";
+        educationRank.value = undefined;
       },
       "ยืนยันการบันทึกข้อมูล",
       "ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่ ?"

From 253163feccf725ee97917ef06f05422375e1d1f9 Mon Sep 17 00:00:00 2001
From: oat <oatkub402@gmail.com>
Date: Wed, 7 Feb 2024 11:35:26 +0700
Subject: [PATCH 2/3] =?UTF-8?q?=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=B9=E0=B8=A5=E0=B8=95=E0=B8=B3=E0=B9=81=E0=B8=AB=E0=B8=99?=
 =?UTF-8?q?=E0=B9=88=E0=B8=87:=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=88=E0=B8=B3tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../01_metadataNew/stores/positionListStore.ts     |  3 ++-
 src/modules/01_metadataNew/views/position.vue      | 14 ++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/modules/01_metadataNew/stores/positionListStore.ts b/src/modules/01_metadataNew/stores/positionListStore.ts
index 30df6859f..17afb8238 100644
--- a/src/modules/01_metadataNew/stores/positionListStore.ts
+++ b/src/modules/01_metadataNew/stores/positionListStore.ts
@@ -9,8 +9,8 @@ import { useCounterMixin } from "@/stores/mixin";
 const { date2Thai } = useCounterMixin();
 
 export const usePositionDataStore = defineStore("PositionData", () => {
+  const pathLocation = ref<string>("list_position");
   const row = ref<DataRow[]>([]);
-  const name = ref<any>([]);
   function save(data: DataResponse[], id: string) {
     const list = data.map((e) => ({
       ...e,
@@ -26,5 +26,6 @@ export const usePositionDataStore = defineStore("PositionData", () => {
   return {
     save,
     row,
+    pathLocation,
   };
 });
diff --git a/src/modules/01_metadataNew/views/position.vue b/src/modules/01_metadataNew/views/position.vue
index 5c38468f6..bd15a4547 100644
--- a/src/modules/01_metadataNew/views/position.vue
+++ b/src/modules/01_metadataNew/views/position.vue
@@ -4,8 +4,10 @@ import { ref, onMounted } from "vue";
 import ListPosition from "@/modules/01_metadataNew/components/position/01ListPosition.vue";
 import ListType from "@/modules/01_metadataNew/components/position/02ListType.vue";
 import ListExecutive from "@/modules/01_metadataNew/components/position/04ListExecutive.vue";
-const currentTab = ref<string>("list_position");
+import { usePositionDataStore } from "../stores/positionListStore";
+// const store.pathLocation = ref<string>("list_position");
 const tabs = ref<Array<any>>([]);
+const store = usePositionDataStore();
 
 onMounted(() => {
   const tabsPerson = [
@@ -23,7 +25,7 @@ onMounted(() => {
   <q-card flat bordered>
     <q-tabs
       dense
-      v-model="currentTab"
+      v-model="store.pathLocation"
       align="left"
       indicator-color="primary"
       active-color="primary bg-teal-1"
@@ -33,7 +35,7 @@ onMounted(() => {
       <q-tab
         v-for="tab in tabs"
         :key="tab.value"
-        v-on:click="currentTab = tab.value"
+        v-on:click="store.pathLocation = tab.value"
         :label="tab.label"
         :name="tab.value"
         class="q-py-xs"
@@ -41,9 +43,9 @@ onMounted(() => {
     </q-tabs>
     <q-separator size="2px" />
     <div class="q-pa-md">
-      <ListPosition v-if="currentTab == 'list_position'" />
-      <ListType v-if="currentTab == 'list_type'" />
-      <ListExecutive v-if="currentTab == 'list_executive'" />
+      <ListPosition v-if="store.pathLocation == 'list_position'" />
+      <ListType v-if="store.pathLocation == 'list_type'" />
+      <ListExecutive v-if="store.pathLocation == 'list_executive'" />
     </div>
   </q-card>
 </template>

From d2cf75cb3b6eba1eacc01980e7b2ef486513a3b1 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 7 Feb 2024 13:32:21 +0700
Subject: [PATCH 3/3] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5=E0=B8=A2=E0=B8=99?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=A5=E0=B8=B0=20=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B9=84=E0=B8=82=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=80=E0=B8=9E?=
 =?UTF-8?q?=E0=B8=B4=E0=B9=88=E0=B8=A1=E0=B8=95=E0=B8=B3=E0=B9=81=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogFormPosition.vue         |   5 +-
 .../components/Information/top.vue            | 128 ++++-----
 .../04_registry/components/Profile.vue        | 245 ++++++++++--------
 .../04_registry/interface/request/Main.ts     |   1 +
 .../04_registry/interface/response/Main.ts    |   1 +
 src/modules/04_registry/store.ts              |   2 +
 src/modules/04_registry/views/Main.vue        |  79 ++++--
 7 files changed, 279 insertions(+), 182 deletions(-)

diff --git a/src/modules/02_organizationalNew/components/DialogFormPosition.vue b/src/modules/02_organizationalNew/components/DialogFormPosition.vue
index 2a2ce85a9..ac64ee6da 100644
--- a/src/modules/02_organizationalNew/components/DialogFormPosition.vue
+++ b/src/modules/02_organizationalNew/components/DialogFormPosition.vue
@@ -410,7 +410,10 @@ function onSubmitSelectEdit() {
         posDictField: formPositionSelect.positionField, //สายงาน
         posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
         posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
-        posExecutiveId: formPositionSelect.positionExecutive, //ตำแหน่งทางการบริหาร
+        posExecutiveId:
+          formPositionSelect.positionExecutive !== ""
+            ? formPositionSelect.positionExecutive
+            : null, //ตำแหน่งทางการบริหาร
         posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
         posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
       };
diff --git a/src/modules/04_registry/components/Information/top.vue b/src/modules/04_registry/components/Information/top.vue
index 8f92674b7..5c0d55de4 100644
--- a/src/modules/04_registry/components/Information/top.vue
+++ b/src/modules/04_registry/components/Information/top.vue
@@ -15,71 +15,74 @@
         {{ header }}
       </div>
     </div>
-    <div class="q-gutter-sm q-mx-sm" v-if="addData == false">
-      <q-btn
-        size="12px"
-        v-if="!edit"
-        flat
-        round
-        :disabled="disable"
-        :color="edit ? 'grey-7' : 'primary'"
-        @click="ClickEdit"
-        icon="mdi-pencil-outline"
-      >
-        <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-      </q-btn>
-      <q-btn
-        size="12px"
-        flat
-        round
-        v-if="edit"
-        :color="!edit ? 'grey-7' : 'public'"
-        @click="save"
-        icon="mdi-content-save-outline"
-      >
-        <q-tooltip>บันทึกข้อมูล</q-tooltip>
-      </q-btn>
-      <q-btn
-        size="12px"
-        flat
-        round
-        v-if="edit && !addEmployee"
-        :color="!edit ? 'grey-7' : 'red'"
-        @click="ClickCancel"
-        icon="mdi-undo"
-      >
-        <q-tooltip>ยกเลิก</q-tooltip>
-      </q-btn>
-    </div>
-    <div class="q-pl-sm" v-else-if="iconAdd != '' && iconAdd != null">
-      <q-btn
-        size="12px"
-        flat
-        round
-        color="add"
-        @click="addleave"
-        icon="mdi-plus"
-      >
-        <q-tooltip>เพิ่มข้อมูล</q-tooltip>
-      </q-btn>
-      <!-- <q-btn size="12px" flat round color="add" @click="add" :icon="iconAdd">
+    <div v-if="!profileStore.isVerified">
+      <div class="q-gutter-sm q-mx-sm" v-if="addData == false">
+        <q-btn
+          size="12px"
+          v-if="!edit"
+          flat
+          round
+          :disabled="disable"
+          :color="edit ? 'grey-7' : 'primary'"
+          @click="ClickEdit"
+          icon="mdi-pencil-outline"
+        >
+          <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+        </q-btn>
+        <q-btn
+          size="12px"
+          flat
+          round
+          v-if="edit"
+          :color="!edit ? 'grey-7' : 'public'"
+          @click="save"
+          icon="mdi-content-save-outline"
+        >
+          <q-tooltip>บันทึกข้อมูล</q-tooltip>
+        </q-btn>
+        <q-btn
+          size="12px"
+          flat
+          round
+          v-if="edit && !addEmployee"
+          :color="!edit ? 'grey-7' : 'red'"
+          @click="ClickCancel"
+          icon="mdi-undo"
+        >
+          <q-tooltip>ยกเลิก</q-tooltip>
+        </q-btn>
+      </div>
+      <div class="q-pl-sm" v-else-if="iconAdd != '' && iconAdd != null">
+        <q-btn
+          size="12px"
+          flat
+          round
+          color="add"
+          @click="addleave"
+          icon="mdi-plus"
+        >
+          <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+        </q-btn>
+        <!-- <q-btn size="12px" flat round color="add" @click="add" :icon="iconAdd">
         <q-tooltip>สรุปวันลา</q-tooltip>
       </q-btn> -->
+      </div>
+
+      <div class="q-pl-sm" v-else>
+        <q-btn
+          size="12px"
+          flat
+          round
+          :disabled="disable"
+          color="add"
+          @click="add"
+          icon="mdi-plus"
+        >
+          <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+        </q-btn>
+      </div>
     </div>
 
-    <div class="q-pl-sm" v-else>
-      <q-btn
-        size="12px"
-        flat
-        round
-        :disabled="disable"
-        color="add"
-        @click="add"
-        icon="mdi-plus"
-      >
-        <q-tooltip>เพิ่มข้อมูล</q-tooltip>
-      </q-btn>
-    </div>
     <q-space />
     <q-btn
       color="info"
@@ -96,6 +99,9 @@
   </div>
 </template>
 <script setup lang="ts">
+import { useProfileDataStore } from "@/modules/04_registry/store";
+const profileStore = useProfileDataStore();
+
 const props = defineProps({
   header: {
     type: String,
diff --git a/src/modules/04_registry/components/Profile.vue b/src/modules/04_registry/components/Profile.vue
index 4f5725b89..3e6b18112 100644
--- a/src/modules/04_registry/components/Profile.vue
+++ b/src/modules/04_registry/components/Profile.vue
@@ -153,81 +153,87 @@
           </div>
         </div>
         <q-space />
-
-        <q-btn
-          v-if="
-            profileType == 'officer' ||
-            (profileType == 'employee' && employeeClass == 'perm')
-          "
-          round
-          flat
-          :color="reasonStatus ? 'primary' : 'pink-5'"
-          :icon="
-            reasonStatus ? 'mdi-home-import-outline' : 'mdi-home-export-outline'
-          "
+        <q-btn flat round color="green" icon="verified" @click="onClickVerified"
+          ><q-tooltip>ตรวจสอบข้อมูล</q-tooltip></q-btn
         >
-          <q-menu transition-show="jump-down" transition-hide="jump-up">
-            <q-list dense style="min-width: 160px">
-              <q-item
-                clickable
-                v-close-popup
-                @click="helpPost"
-                v-if="profileType == 'officer'"
-              >
-                <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                </q-item-section>
-                <q-item-section>ช่วยราชการ</q-item-section>
-              </q-item>
-              <q-separator />
-              <q-item
-                clickable
-                v-close-popup
-                @click="repatriationPost"
-                v-if="profileType == 'officer'"
-              >
-                <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                </q-item-section>
-                <q-item-section>ส่งตัวกลับ</q-item-section>
-              </q-item>
-              <q-separator />
-              <q-item
-                clickable
-                v-close-popup
-                @click="appointPost"
-                v-if="profileType == 'officer'"
-              >
-                <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                </q-item-section>
-                <q-item-section>แต่งตั้ง-เลื่อน-ย้าย</q-item-section>
-              </q-item>
-              <q-item
-                clickable
-                v-close-popup
-                @click="appointEmployeePost"
-                v-if="profileType == 'employee'"
-              >
-                <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                </q-item-section>
-                <q-item-section>ปรับระดับชั้นงาน - ย้าย</q-item-section>
-              </q-item>
-              <q-separator />
-              <q-item clickable v-close-popup @click="clickPassaway">
-                <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                </q-item-section>
-                <q-item-section>ถึงแก่กรรม</q-item-section>
-              </q-item>
-              <q-separator />
-              <q-item
-                clickable
-                v-close-popup
-                @click="outPost"
-                v-if="profileType == 'officer'"
-              >
-                <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                </q-item-section>
-                <q-item-section>ให้ออกจากราชการ</q-item-section>
-              </q-item>
-              <!-- <q-separator />
+
+        <div v-if="!roleKeyregistry && !roleRegistryverify">
+          <q-btn
+            v-if="
+              profileType == 'officer' ||
+              (profileType == 'employee' && employeeClass == 'perm')
+            "
+            round
+            flat
+            :color="reasonStatus ? 'primary' : 'pink-5'"
+            :icon="
+              reasonStatus
+                ? 'mdi-home-import-outline'
+                : 'mdi-home-export-outline'
+            "
+          >
+            <q-menu transition-show="jump-down" transition-hide="jump-up">
+              <q-list dense style="min-width: 160px">
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="helpPost"
+                  v-if="profileType == 'officer'"
+                >
+                  <q-item-section style="min-width: 0px" avatar class="q-py-sm">
+                  </q-item-section>
+                  <q-item-section>ช่วยราชการ</q-item-section>
+                </q-item>
+                <q-separator />
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="repatriationPost"
+                  v-if="profileType == 'officer'"
+                >
+                  <q-item-section style="min-width: 0px" avatar class="q-py-sm">
+                  </q-item-section>
+                  <q-item-section>ส่งตัวกลับ</q-item-section>
+                </q-item>
+                <q-separator />
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="appointPost"
+                  v-if="profileType == 'officer'"
+                >
+                  <q-item-section style="min-width: 0px" avatar class="q-py-sm">
+                  </q-item-section>
+                  <q-item-section>แต่งตั้ง-เลื่อน-ย้าย</q-item-section>
+                </q-item>
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="appointEmployeePost"
+                  v-if="profileType == 'employee'"
+                >
+                  <q-item-section style="min-width: 0px" avatar class="q-py-sm">
+                  </q-item-section>
+                  <q-item-section>ปรับระดับชั้นงาน - ย้าย</q-item-section>
+                </q-item>
+                <q-separator />
+                <q-item clickable v-close-popup @click="clickPassaway">
+                  <q-item-section style="min-width: 0px" avatar class="q-py-sm">
+                  </q-item-section>
+                  <q-item-section>ถึงแก่กรรม</q-item-section>
+                </q-item>
+                <q-separator />
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="outPost"
+                  v-if="profileType == 'officer'"
+                >
+                  <q-item-section style="min-width: 0px" avatar class="q-py-sm">
+                  </q-item-section>
+                  <q-item-section>ให้ออกจากราชการ</q-item-section>
+                </q-item>
+                <!-- <q-separator />
               <q-item
                 clickable
                 v-close-popup
@@ -249,22 +255,23 @@
                 </q-item-section>
                 <q-item-section>ไล่ออกจากราชการ</q-item-section>
               </q-item> -->
-              <q-separator />
-              <q-item
-                clickable
-                v-close-popup
-                @click="otherPost"
-                v-if="profileType == 'officer'"
-              >
-                <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                </q-item-section>
-                <q-item-section>อื่นๆ</q-item-section>
-              </q-item>
-              <q-separator />
-            </q-list>
-          </q-menu>
-          <!-- <q-tooltip>ส่งรายชื่อ</q-tooltip> -->
-        </q-btn>
+                <q-separator />
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="otherPost"
+                  v-if="profileType == 'officer'"
+                >
+                  <q-item-section style="min-width: 0px" avatar class="q-py-sm">
+                  </q-item-section>
+                  <q-item-section>อื่นๆ</q-item-section>
+                </q-item>
+                <q-separator />
+              </q-list>
+            </q-menu>
+            <!-- <q-tooltip>ส่งรายชื่อ</q-tooltip> -->
+          </q-btn>
+        </div>
 
         <!-- ปิดไปเพราะทำส่วนของพ้นราชการแล้ว -->
         <!-- <q-btn
@@ -781,6 +788,7 @@ import type { DataOption } from "@/modules/04_registry/interface/index/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useProfileDataStore } from "@/modules/04_registry/store";
+import keycloak from "@/plugins/keycloak";
 
 const $q = useQuasar();
 const store = useDataStore();
@@ -871,10 +879,30 @@ const reasonOptions = ref<DataOption[]>([
   },
 ]);
 
+const roleKeyregistry = ref<boolean>(false);
+const roleRegistryverify = ref<boolean>(false);
+
+function onClickVerified() {
+  dialogConfirm(
+    $q,
+    async () => {},
+    "ยืนยันการตรวจสอบข้อมูล",
+    "ต้องการยืนยันการตรวจสอบข้อมูลนี้หรือไม่ ?"
+  );
+}
 onMounted(async () => {
-  //   await checkProfileData();
-  await fetchData();
+  if (keycloak.tokenParsed != null) {
+    roleKeyregistry.value = await keycloak.tokenParsed.role.includes(
+      "keyregistry"
+    );
+    roleRegistryverify.value = await keycloak.tokenParsed.role.includes(
+      "registryverify"
+    );
+  }
+  console.log(roleKeyregistry.value, roleRegistryverify.value);
   await changeTab("information");
+  await fetchData();
+  await checIsVerified();
 });
 
 const fetchData = async () => {
@@ -907,21 +935,29 @@ const fetchData = async () => {
     });
 };
 
-const checkProfileData = async () => {
-  showLoader();
+const isVerified = ref<boolean>(false);
+async function checIsVerified() {
+  // showLoader();
   await http
-    .get(config.API.profileCheckId(profileId.value))
+    .get(config.API.profileInforId(profileId.value))
     .then((res) => {
-      let data = res.data.result;
-      if (data == false) router.push("/registry");
+      const data = res.data.result;
+
+      profileStore.isVerified = data.isVerified
+        ? true
+        : roleRegistryverify.value
+        ? true
+        : roleKeyregistry.value
+        ? false
+        : false;
     })
-    .catch((e) => {
-      router.push("/registry");
+    .catch((err) => {
+      messageError($q, err);
     })
     .finally(() => {
-      hideLoader();
+      // hideLoader();
     });
-};
+}
 
 const fetchAvatarHistory = async () => {
   showLoader();
@@ -1502,7 +1538,12 @@ const clickSaveDeceased = async () => {
 watch(
   () => profileStore.isLoad,
   () => {
-    const num = profileType.value === 'officer' ? 32:employeeClass.value === 'temp' ? 29:31
+    const num =
+      profileType.value === "officer"
+        ? 32
+        : employeeClass.value === "temp"
+        ? 29
+        : 31;
     profileStore.isLoad >= num && hideLoader();
   }
 );
diff --git a/src/modules/04_registry/interface/request/Main.ts b/src/modules/04_registry/interface/request/Main.ts
index 9cf5c79b9..dd659b851 100644
--- a/src/modules/04_registry/interface/request/Main.ts
+++ b/src/modules/04_registry/interface/request/Main.ts
@@ -31,6 +31,7 @@ interface RequestItemsObject {
   insigniaLast: String;
   isLeave: String;
   leaveDateOrder: Date | string | null;
+  isVerified: boolean;
 }
 
 //columns
diff --git a/src/modules/04_registry/interface/response/Main.ts b/src/modules/04_registry/interface/response/Main.ts
index 28d372484..e5b1775b3 100644
--- a/src/modules/04_registry/interface/response/Main.ts
+++ b/src/modules/04_registry/interface/response/Main.ts
@@ -32,6 +32,7 @@ interface ResponseObject {
   insigniaLast: String;
   isLeave: boolean;
   leaveDateOrder: Date | null;
+  isVerified: boolean;
 }
 
 export type { ResponseObject };
diff --git a/src/modules/04_registry/store.ts b/src/modules/04_registry/store.ts
index c43189d0c..b41fae61f 100644
--- a/src/modules/04_registry/store.ts
+++ b/src/modules/04_registry/store.ts
@@ -2,6 +2,7 @@ import { ref, computed } from "vue";
 import { defineStore } from "pinia";
 
 export const useProfileDataStore = defineStore("profile", () => {
+  const isVerified = ref<boolean>(false);
   const emplployeeClass = ref<string | null>("");
   interface profile {
     main: { columns: String[] };
@@ -77,6 +78,7 @@ export const useProfileDataStore = defineStore("profile", () => {
 
   return {
     isLoad,
+    isVerified,
     profileData,
     changeProfileColumns,
     birthDate,
diff --git a/src/modules/04_registry/views/Main.vue b/src/modules/04_registry/views/Main.vue
index 92ed0884a..a5d6fa82e 100644
--- a/src/modules/04_registry/views/Main.vue
+++ b/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,
         });
       });
     })