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] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5=E0=B8=A2=E0=B8=99=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4=20?=
 =?UTF-8?q?=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,
         });
       });
     })