From 24759119411f56625fa3f580d2f04acc6d4664c5 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 1 Aug 2024 14:10:55 +0700
Subject: [PATCH] no message

---
 .../components/TableView.vue                  | 137 ++++++------------
 1 file changed, 46 insertions(+), 91 deletions(-)

diff --git a/src/modules/04_registryPerson/components/TableView.vue b/src/modules/04_registryPerson/components/TableView.vue
index ee134695c..b5527c3ec 100644
--- a/src/modules/04_registryPerson/components/TableView.vue
+++ b/src/modules/04_registryPerson/components/TableView.vue
@@ -1,21 +1,32 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
+import { checkPermission } from "@/utils/permissions";
 import { useRouter } from "vue-router";
 
-/** importType*/
+/**
+ *importType
+ */
 import type { QTableProps } from "quasar";
 import type { FormFilter } from "@/modules/04_registryPerson/interface/request/Main";
 
-/** importComponent*/
-import DialogAddData from "@/modules/04_registryPerson/components/DialogAddData.vue";
+/**
+ * importComponent
+ */
 import DialogHistory from "@/modules/04_registryPerson/components/DialogHistory.vue";
 
-/** importStore*/
+/**
+ * importStore
+ */
 import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
-
+/**
+ * use
+ */
 const store = useRegistryNewDataStore();
 const router = useRouter();
 
+/**
+ * props
+ */
 const formFilter = defineModel<FormFilter>("formFilter", { required: true });
 const maxPage = defineModel<Number>("maxPage", { required: true });
 const empType = defineModel<string>("empType", { required: true });
@@ -24,9 +35,14 @@ const props = defineProps({
   fetchData: { type: Function },
   fetchType: { type: Function },
   total: { type: Number },
-  // empType: { type: String },
 });
 
+/**
+ * ตัวแปร
+ */
+const modalHistory = ref<boolean>(false); //ประวัติถือครองตำแหน่ง
+
+/** ข้อมูล Table*/
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -133,7 +149,6 @@ const columns = ref<QTableProps["columns"]>([
   //     a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   // },
 ]);
-
 const visibleColumns = ref<string[]>([
   "no",
   "fullName",
@@ -144,32 +159,38 @@ const visibleColumns = ref<string[]>([
   "posLevel",
   "org",
 ]);
-
-function updatePagePagination() {
-  props.fetchData?.();
-}
-
-function updatePageSizePagination(newPagination: any) {
-  formFilter.value.page = 1;
-  formFilter.value.pageSize = newPagination.rowsPerPage;
-}
-
 const pagination = ref({
   page: formFilter.value.page,
   rowsPerPage: formFilter.value.pageSize,
 });
 
-const modalDialogAdd = ref<boolean>(false);
-const modalHistory = ref<boolean>(false);
-
-function onClickAddData() {
-  modalDialogAdd.value = !modalDialogAdd.value;
+/**
+ * function เปลี่ยนหน้า Table
+ */
+function updatePagePagination() {
+  props.fetchData?.();
 }
 
+/**
+ * function เปลี่ยนแถวต่อหน้า
+ * @param newPagination ข้อมูล Pagination
+ */
+function updatePageSizePagination(newPagination: any) {
+  formFilter.value.page = 1;
+  formFilter.value.pageSize = newPagination.rowsPerPage;
+}
+
+/**
+ * function เปิด popup ประวัติถือครองตำแหน่ง
+ */
 function onClickHistory() {
   modalHistory.value = !modalHistory.value;
 }
 
+/**
+ * function rediract หน้ารายละเอียด
+ * @param id รายการ
+ */
 function onClickViewDetail(id: string) {
   if (empType.value === "officer") {
     router.push(`/registry-person/${id}`);
@@ -197,7 +218,7 @@ watch(
   <div class="col-12 row q-pb-sm q-col-gutter-sm items-center">
     <div class="row q-gutter-sm">
       <q-btn
-        v-if="empType === 'officer'"
+        v-if="empType === 'officer' && checkPermission($route)?.attrIsUpdate"
         color="primary"
         label="รายการคำร้องขอแก้ไข"
         @click="redirectToPagePetition()"
@@ -398,72 +419,6 @@ watch(
                   }}
                 </div>
               </q-card-section>
-
-              <!-- <q-list dense class="q-py-sm"> -->
-              <!-- <q-item dense>
-                  <q-item-section>
-                    <q-item-label caption>ตำแหน่งเลขที่</q-item-label>
-                  </q-item-section>
-                  <q-item-section>
-                    <q-item-label caption class="text-black">{{
-                      props.row.posNo ? props.row.posNo : "-"
-                    }}</q-item-label>
-                  </q-item-section>
-                </q-item> -->
-
-              <!-- <q-item dense>
-                  <q-item-section>
-                    <q-item-label caption>{{
-                      empType === "officer" ? `ตำแหน่งในสายงาน` : `ตำแหน่ง`
-                    }}</q-item-label>
-                  </q-item-section>
-                  <q-item-section>
-                    <q-item-label caption class="text-black">
-                      {{
-                        props.row.position ? props.row.position : "-"
-                      }}</q-item-label
-                    >
-                  </q-item-section>
-                </q-item> -->
-
-              <!-- <q-item dense>
-                  <q-item-section>
-                    <q-item-label caption>
-                      {{
-                        empType === "officer" ? "ตำแหน่งประเภท" : "กลุ่มงาน"
-                      }}</q-item-label
-                    >
-                  </q-item-section>
-                  <q-item-section>
-                    <q-item-label caption class="text-black">
-                      {{
-                        props.row.posType ? props.row.posType : "-"
-                      }}</q-item-label
-                    >
-                  </q-item-section>
-                </q-item> -->
-
-              <!-- <q-item dense>
-                  <q-item-section>
-                    <q-item-label caption>
-                      {{
-                        empType === "officer" ? "ระดับ" : "ระดับชั้นงาน"
-                      }}</q-item-label
-                    >
-                  </q-item-section>
-                  <q-item-section>
-                    <q-item-label caption class="text-black">
-                      {{
-                        props.row.posLevel
-                          ? props.row.posTypeShortName
-                            ? `${props.row.posTypeShortName} ${props.row.posLevel}`
-                            : props.row.posLevel
-                          : "-"
-                      }}</q-item-label
-                    >
-                  </q-item-section>
-                </q-item> -->
-              <!-- </q-list> -->
             </q-card>
           </q-card-section>
           <q-separator inset />
@@ -513,12 +468,12 @@ watch(
     </template>
   </d-table>
 
-  <DialogAddData
+  <!-- <DialogAddData
     v-model:modal="modalDialogAdd"
     :fetchData="props.fetchData"
     :fetchType="props.fetchType"
     :empType="empType"
-  />
+  /> -->
 
   <DialogHistory v-model:modal="modalHistory" />
 </template>