Merge branch 'develop' into develop-tee

src/modules/05_placement/components/pass/Detail.vue

@@ -1,8 +1,11 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { onMounted, ref } from "vue";
 import { defineAsyncComponent } from "@vue/runtime-core";
 import { useRouter } from "vue-router";
 import cardTop from "@/modules/05_placement/components/pass/StatCard.vue";
+import keycloak from "@/plugins/keycloak";
+
+let roleAdmin = ref<boolean>(false);
 
 const router = useRouter();
 const year = ref<string>("2566");
@@ -18,6 +21,12 @@ const stat = ref<any>({
   contain: 1,
   disclaim: 0,
 });
+
+onMounted(async () => {
+  if (keycloak.tokenParsed != null) {
+    roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
+  }
+});
 </script>
 <template>
   <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 row">
@@ -39,7 +48,7 @@ const stat = ref<any>({
         <div class="fit q-px-md q-py-sm">
           <div class="row col-12 q-col-gutter-md fit">
           <cardTop :amount="stat.total" label="จำนวนทั้งหมด" color="#016987" />
-          <cardTop :amount="stat.unContain" label="จำนวนที่ยังไม่บรรจุ" color="#02A998" />
+          <cardTop v-if="roleAdmin" :amount="stat.unContain" label="จำนวนที่ยังไม่บรรจุ" color="#02A998" />
           <cardTop :amount="stat.prepareContain" label="จำนวนที่เตรียมบรรจุ" color="#2EA0FF" />
           <cardTop :amount="stat.contain" label="จำนวนที่บรรจุแล้ว" color="#4154B3" />
           <cardTop :amount="stat.disclaim" label="จำนวนที่สละสิทธิ์" color="#FF5C5F" />