สิทธิ tab

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