From aeab8ae15aabc46fb97d885eeeeb3ce1a2fbf1b5 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Fri, 1 Nov 2024 13:53:45 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=AA=E0=B8=B4=E0=B8=97=E0=B8=98=E0=B8=B4?=
 =?UTF-8?q?=20tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/05_placement/api.probation.ts         |  5 +-
 .../components/probation/FormAssign.vue       | 16 +++++--
 .../probation/FormEvaluation/FormEvaluate.vue |  2 +-
 .../FormEvaluation/FormEvaluateScore.vue      |  2 +-
 .../probation/FormEvaluation/FormReport.vue   | 20 ++++----
 .../FormEvaluation/FormSaveResult.vue         |  2 +-
 .../FormEvaluation/FormSaveResultCommader.vue |  2 +-
 .../probation/FormEvaluation/Header.vue       |  9 +++-
 .../probation/FormEvaluation/Template1.vue    |  2 +
 .../FormEvaluation/Template1Commader.vue      |  2 +
 .../probation/FormEvaluation/Template2.vue    |  4 +-
 .../FormEvaluation/Template2Format2.vue       |  2 +
 .../components/probation/MainDetail.vue       | 48 ++++++++++++++++++-
 .../05_placement/interface/index/Main.ts      | 22 ++++++++-
 src/modules/05_placement/storeProbation.ts    |  8 ++++
 15 files changed, 122 insertions(+), 24 deletions(-)

diff --git a/src/api/05_placement/api.probation.ts b/src/api/05_placement/api.probation.ts
index fca9c49a0..77496ecde 100644
--- a/src/api/05_placement/api.probation.ts
+++ b/src/api/05_placement/api.probation.ts
@@ -6,6 +6,7 @@ const finish = `${env.API_PROBATION_URI}/assign`;
 const evaluate = `${env.API_PROBATION_URI}`;
 const appointMain = `${env.API_PROBATION_URI}/appoint`;
 const orgProfile = `${env.API_URI}/org`;
+const probation = `${env.API_URI}/probation`;
 
 export default {
   competencyOptions: (personalId: string) =>
@@ -88,5 +89,7 @@ export default {
   appointMain,
   appointMainList:(id:string)=>`${appointMain}/list/${id}`,
 
-  orgProfileDirector:`${orgProfile}/profile/commander-director`
+  orgProfileDirector:`${orgProfile}/profile/commander-director`,
+
+  permissionsCheck:(id:string)=>`${probation}/permissions/${id}`
 };
diff --git a/src/modules/05_placement/components/probation/FormAssign.vue b/src/modules/05_placement/components/probation/FormAssign.vue
index 543e671d2..fcc5abe37 100644
--- a/src/modules/05_placement/components/probation/FormAssign.vue
+++ b/src/modules/05_placement/components/probation/FormAssign.vue
@@ -1,21 +1,25 @@
 <script setup lang="ts">
 import { useRouter, useRoute } from "vue-router";
 import { ref, computed, watch, onMounted } from "vue";
-import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
+import { useCounterMixin } from "@/stores/mixin";
 
-import genReport from "@/plugins/genreport";
 import type {
   AppointTopic,
   AppointTopicMain,
 } from "@/modules/05_placement/interface/index/Main";
 
+import genReport from "@/plugins/genreport";
+
 const $q = useQuasar();
 const isEdit = ref<boolean>(false);
 const router = useRouter();
 const route = useRoute();
+const probationStore = useProbationDataStore();
 const checkRoutePermisson = ref<boolean>(route.name == "probationFormDetail");
 const mixin = useCounterMixin();
 const {
@@ -1116,7 +1120,10 @@ onMounted(async () => {
 
           <div v-if="!isEdit">
             <q-btn
-              v-if="!checkRoutePermisson"
+              v-if="
+                !checkRoutePermisson &&
+                probationStore.dataPermissions?.tab1.isEdit
+              "
               dense
               flat
               round
@@ -1185,7 +1192,8 @@ onMounted(async () => {
                   <q-select
                     :readonly="
                       !isEdit &&
-                      appointTopic?.id !== ''
+                      appointTopic?.id !== '' &&
+                      routeName !== 'probationWorkAdd'
                     "
                     outlined
                     dense
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
index 738dacd82..a4b4ae743 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue
@@ -300,7 +300,7 @@ onMounted(async () => {
 
       <div v-if="status == false">
         <q-btn
-          v-if="!checkRoutePermisson"
+          v-if="!checkRoutePermisson && probationStore.dataPermissions?.tab4.isEdit"
           dense
           flat
           round
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index b95607dcc..90b24d982 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -423,7 +423,7 @@ onMounted(async () => {
         <div>แบบประเมินผล (คณะกรรมการ)</div>
         <div v-if="status == false">
           <q-btn
-            v-if="!checkRoutePermisson"
+            v-if="!checkRoutePermisson && probationStore.dataPermissions?.tab5.isEdit"
             dense
             flat
             round
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
index 0da10b7ca..4ce5acf06 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue
@@ -336,7 +336,7 @@ onMounted(() => {
               :locale="'th'"
               autoApply
               borderless
-              :readonly="!status || checkRoutePermisson"
+              :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
               :enableTimePicker="false"
               week-start="0"
             >
@@ -350,7 +350,7 @@ onMounted(() => {
                 <q-input
                   outlined
                   dense
-                  :readonly="!status || checkRoutePermisson"
+                  :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
                   class="full-width datepicker"
                   :model-value="
                     date_start != null ? date2Thai(date_start) : null
@@ -377,7 +377,7 @@ onMounted(() => {
               v-model="date_finish"
               :locale="'th'"
               autoApply
-              :readonly="!status || checkRoutePermisson"
+              :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
               borderless
               :enableTimePicker="false"
               week-start="0"
@@ -429,7 +429,7 @@ onMounted(() => {
               class="col-xs-12 col-sm-6"
               dense
               borderless
-              :readonly="!status || checkRoutePermisson"
+              :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
               emit-value
               map-options
               option-label="label"
@@ -458,7 +458,7 @@ onMounted(() => {
                 ]"
                 hide-bottom-space
                 :options="optionsResult"
-                :readonly="!status || checkRoutePermisson"
+                :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
                 dense
                 borderless
                 emit-value
@@ -501,7 +501,7 @@ onMounted(() => {
               dense
               borderless
               outlined
-              :readonly="!status || checkRoutePermisson"
+              :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
               class="bg-white"
               type="textarea"
               v-model="reson"
@@ -554,7 +554,7 @@ onMounted(() => {
                 menu-class-name="modalfix"
                 v-model="chairman_dated"
                 :locale="'th'"
-                :readonly="!status || checkRoutePermisson"
+                :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
                 autoApply
                 borderless
                 :enableTimePicker="false"
@@ -616,7 +616,7 @@ onMounted(() => {
                 :locale="'th'"
                 autoApply
                 borderless
-                :readonly="!status || checkRoutePermisson"
+                :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
                 :enableTimePicker="false"
                 week-start="0"
               >
@@ -679,7 +679,7 @@ onMounted(() => {
                 v-model="director2_dated"
                 :locale="'th'"
                 autoApply
-                :readonly="!status || checkRoutePermisson"
+                :readonly="!status || checkRoutePermisson || probationStore.dataPermissions?.tab6.isEdit == false"
                 borderless
                 :enableTimePicker="false"
                 week-start="0"
@@ -723,7 +723,7 @@ onMounted(() => {
 
     <q-toolbar
       class="text-primary"
-      v-if="action == 'add' && !checkRoutePermisson"
+      v-if="action == 'add' && !checkRoutePermisson && probationStore.dataPermissions?.tab6.isEdit"
     >
       <q-space />
       <q-btn label="บันทึก" color="secondary" @click="savaForm" />
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
index 4663ddae0..d3ca6b2fc 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue
@@ -371,7 +371,7 @@ onMounted(async () => {
       <div>แบบบันทึกผล (ผู้ดูเเล)</div>
       <div v-if="status == false">
         <q-btn
-          v-if="!checkRoutePermisson"
+          v-if="!checkRoutePermisson && probationStore.dataPermissions?.tab2.isEdit"
           dense
           flat
           round
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue
index 5cf2d1ef6..28f0b3963 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue
@@ -378,7 +378,7 @@ onMounted(async () => {
       <div>แบบบันทึกผล (ผู้บังคับบัญชา)</div>
       <div v-if="status == false">
         <q-btn
-          v-if="!checkRoutePermisson"
+          v-if="!checkRoutePermisson && probationStore.dataPermissions?.tab3.isEdit"
           dense
           flat
           round
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Header.vue b/src/modules/05_placement/components/probation/FormEvaluation/Header.vue
index cccbf7184..8ee9c3c77 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Header.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Header.vue
@@ -5,6 +5,7 @@ import { useRoute } from "vue-router";
 const tabHead = ref<string>("save1");
 const route = useRoute();
 const checkRoutePermisson = ref<boolean>(route.name == "probationFormDetail");
+
 /** รับค่ามาจากหน้าหลัก */
 const props = defineProps({
   FileDownload: {
@@ -28,6 +29,12 @@ const props = defineProps({
       return "Default function";
     },
   },
+  checkPermission: {
+    type: Boolean,
+    default() {
+      return true;
+    },
+  },
 });
 
 /** เรียกใช้ฟังชั่นจากหน้าหลัก */
@@ -102,7 +109,7 @@ function nextPage() {
         </q-tabs>
         <div>
           <q-btn
-            v-if="!checkRoutePermisson"
+            v-if="!checkRoutePermisson && props.checkPermission"
             color="blue"
             flat
             dense
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue b/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue
index 0c038a9ff..bbf4dd264 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Template1.vue
@@ -129,6 +129,7 @@ onMounted(async () => {
     :add-data="addData"
     :loop="probationStore.tabs.length"
     :FileDownload="FileDownload"
+    :checkPermission="probationStore?.dataPermissions?.tab2?.isEdit as boolean"
   />
   <q-tab-panels
     v-model="tab"
@@ -162,6 +163,7 @@ onMounted(async () => {
         color="primary"
         label="สร้างแบบบันทึกผล"
         @click="addData"
+        :disable="probationStore.dataPermissions?.tab2.isEdit == false"
       />
     </div>
   </div>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Template1Commader.vue b/src/modules/05_placement/components/probation/FormEvaluation/Template1Commader.vue
index 150674213..914c901b0 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Template1Commader.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Template1Commader.vue
@@ -145,6 +145,7 @@ onMounted(async () => {
     :add-data="addData"
     :loop="probationStore.tabs.length"
     :FileDownload="FileDownload"
+    :checkPermission="probationStore?.dataPermissions?.tab3?.isEdit as boolean"
   />
   <q-tab-panels
     v-model="tab"
@@ -178,6 +179,7 @@ onMounted(async () => {
         color="primary"
         label="สร้างแบบบันทึกผล"
         @click="addData"
+        :disable="probationStore.dataPermissions?.tab3.isEdit == false"
       />
     </div>
   </div>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue b/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue
index db82020ce..7f8f0c4d5 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Template2.vue
@@ -124,6 +124,7 @@ onMounted(() => {
     :loop="tabs.length"
     :add-data="addData"
     :FileDownload="FileDownload"
+    :checkPermission="probationStore?.dataPermissions?.tab4?.isEdit as boolean"
   />
 
   <q-tab-panels
@@ -157,7 +158,8 @@ onMounted(() => {
         color="primary"
         label="สร้างแบบประเมิน"
         @click="addData"
-      />
+        :disable="probationStore.dataPermissions?.tab4.isEdit == false"
+        />
     </div>
   </div>
 </template>
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue b/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue
index f84f115e9..e18322917 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/Template2Format2.vue
@@ -102,6 +102,7 @@ const changeTab = (tabVal: string) => {
     :loop="tabs.length"
     :add-data="addData"
     :FileDownload="FileDownload"
+    :checkPermission="probationStore?.dataPermissions?.tab5?.isEdit as boolean"
   />
 
   <q-tab-panels
@@ -134,6 +135,7 @@ const changeTab = (tabVal: string) => {
         color="primary"
         label="สร้างแบบประเมิน"
         @click="addData"
+        :disable="probationStore.dataPermissions?.tab5.isEdit == false"
       />
     </div>
   </div>
diff --git a/src/modules/05_placement/components/probation/MainDetail.vue b/src/modules/05_placement/components/probation/MainDetail.vue
index d70daf01c..968780f64 100644
--- a/src/modules/05_placement/components/probation/MainDetail.vue
+++ b/src/modules/05_placement/components/probation/MainDetail.vue
@@ -1,7 +1,14 @@
 <script setup lang="ts">
 import { useRoute, useRouter } from "vue-router";
-import { ref, defineAsyncComponent, onMounted } from "vue";
+import { ref, defineAsyncComponent, onMounted, reactive } from "vue";
 import { useProbationDataStore } from "@/modules/05_placement/storeProbation";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+
+import { useQuasar } from "quasar";
+
 const DataStore = useProbationDataStore();
 
 const ProbationFormAssign = defineAsyncComponent(
@@ -42,9 +49,24 @@ const SummaryScore = defineAsyncComponent(
   () => import("@/modules/05_placement/components/probation/SummaryScore.vue")
 );
 
+const $q = useQuasar();
+
+const mixin = useCounterMixin();
+const {
+  date2Thai,
+  dateToISO,
+  success,
+  messageError,
+  showLoader,
+  hideLoader,
+  dialogConfirm,
+} = mixin;
+
 const router = useRouter();
 const route = useRoute();
 const checkRoutePermisson = ref<boolean>(route.name == "probationFormDetail");
+
+const assignId = ref<string>(route.params.form as string);
 const drawer = ref<boolean>(true);
 const activeTab = ref<string>("");
 const personalId = ref<string>(route.params.personalId.toString());
@@ -66,8 +88,22 @@ function clickBack() {
   DataStore.mainTab = "tab1";
 }
 
+async function getPermissions() {
+  await http
+    .get(config.API.permissionsCheck(assignId.value))
+    .then(async (res) => {
+      const data = await res.data.data;
+      DataStore.dataPermissions = data;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {});
+}
+
 /** เมื่อเริ่มโหลดหน้า ให้ tab เป็น tab1 */
-onMounted(() => {
+onMounted(async () => {
+  await getPermissions();
   if (DataStore.mainTab) {
     activeTab.value = DataStore.mainTab;
   } else activeTab.value = "tab1";
@@ -120,6 +156,7 @@ onMounted(() => {
               v-ripple
               :active="activeTab == 'tab1'"
               @click="changeTab('tab1')"
+              :disable="DataStore.dataPermissions?.tab1.isView == false"
             >
               <q-item-section>แบบมอบหมายงาน ฯ</q-item-section>
             </q-item>
@@ -132,6 +169,7 @@ onMounted(() => {
               v-ripple
               :active="activeTab == 'tab2'"
               @click="changeTab('tab2')"
+              :disable="DataStore.dataPermissions?.tab2.isView == false"
             >
               <q-item-section>
                 แบบบันทึกผล
@@ -139,6 +177,7 @@ onMounted(() => {
                 <div class="text-caption text-grey-7">(ผู้ดูแล)</div>
               </q-item-section>
             </q-item>
+
             <q-item
               dense
               class="q-py-sm"
@@ -147,6 +186,7 @@ onMounted(() => {
               v-ripple
               :active="activeTab == 'tab8'"
               @click="changeTab('tab8')"
+              :disable="DataStore.dataPermissions?.tab3.isView == false"
             >
               <q-item-section>
                 แบบบันทึกผล
@@ -163,6 +203,7 @@ onMounted(() => {
               v-ripple
               :active="activeTab == 'tab3'"
               @click="changeTab('tab3')"
+              :disable="DataStore.dataPermissions?.tab4.isView == false"
             >
               <q-item-section>
                 แบบประเมินผล<br />
@@ -178,6 +219,7 @@ onMounted(() => {
               v-ripple
               :active="activeTab == 'tab4'"
               @click="changeTab('tab4')"
+              :disable="DataStore.dataPermissions?.tab5.isView == false"
             >
               <q-item-section>
                 แบบประเมินผล<br />
@@ -193,6 +235,7 @@ onMounted(() => {
               v-ripple
               :active="activeTab == 'tab5'"
               @click="changeTab('tab5')"
+              :disable="DataStore.dataPermissions?.tab6.isView == false"
             >
               <q-item-section> แบบรายงาน<br />การประเมินฯ </q-item-section>
             </q-item>
@@ -205,6 +248,7 @@ onMounted(() => {
               v-ripple
               :active="activeTab == 'tab6'"
               @click="changeTab('tab6')"
+              :disable="DataStore.dataPermissions?.tab7.isView == false"
             >
               <q-item-section> ผลการประเมินการ ฯ </q-item-section>
             </q-item>
diff --git a/src/modules/05_placement/interface/index/Main.ts b/src/modules/05_placement/interface/index/Main.ts
index 8466a3d72..fd2827982 100644
--- a/src/modules/05_placement/interface/index/Main.ts
+++ b/src/modules/05_placement/interface/index/Main.ts
@@ -360,6 +360,24 @@ interface AppointTopicMain {
   status: string;
   directors: AppointTopic[];
 }
+
+interface TabPermissions {
+  isEdit: boolean;
+  isView: boolean;
+}
+
+interface DataPermissions {
+  tab1: TabPermissions;
+  tab2: TabPermissions;
+  tab3: TabPermissions;
+  tab4: TabPermissions;
+  tab5: TabPermissions;
+  tab6: TabPermissions;
+  tab7: TabPermissions;
+}
+
+
+
 export type {
   DataOption,
   DataOptionInsignia,
@@ -387,7 +405,9 @@ export type {
   DataEducation,
   PersonData,
   AppointTopic,
-  AppointTopicMain
+  AppointTopicMain,
+  DataPermissions,
+  TabPermissions
 };
 
 export { AddressDataDefualt, FamilyDataDefualt };
diff --git a/src/modules/05_placement/storeProbation.ts b/src/modules/05_placement/storeProbation.ts
index ad3ef75b3..436c6f71e 100644
--- a/src/modules/05_placement/storeProbation.ts
+++ b/src/modules/05_placement/storeProbation.ts
@@ -1,7 +1,14 @@
 import { defineStore } from "pinia";
 import { reactive, ref } from "vue";
 
+import type {
+  DataPermissions,
+  TabPermissions,
+} from "@/modules/05_placement/interface/index/Main";
+  
 export const useProbationDataStore = defineStore("probationStore", () => {
+  const dataPermissions = ref<DataPermissions>();
+  
   const assign = ref<any>([]);
   const evaluate = ref<any>([]);
   const tabs = ref<any>([]);
@@ -104,5 +111,6 @@ export const useProbationDataStore = defineStore("probationStore", () => {
     behavior_no1,
     behavior_no2,
     behavior_no3,
+    dataPermissions
   };
 });