UI แบบสํารวจความคิดเห็นการทดลองปฏิบัติหน้าที่ราชการ

src/modules/01_dashboard/views/Dashboard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
 import { useQuasar } from "quasar";
 
 import router from "@/router";
@@ -7,6 +7,7 @@ import config from "@/app.config";
 import http from "@/plugins/http";
 import { tokenParsed } from "@/plugins/auth";
 import { useCounterMixin } from "@/stores/mixin";
+import { useDataStore } from "@/stores/data";
 
 import type {
   InboxDetail,
@@ -18,6 +19,7 @@ import PopupReplyInbox from "@/components/PopupReplyInbox.vue";
 import PopupDetailInbox from "@/components/PopupDetailInbox.vue";
 
 const $q = useQuasar();
+const dataStore = useDataStore();
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, date2Thai, messageError } = mixin;
 
@@ -25,6 +27,13 @@ const fullname = ref<string>(""); // ชื่อผู้ใช้
 const inboxList = ref<InboxDetail[]>([]); // รายการกล่องข้อความ
 const idInboxActive = ref<string>(); // Id ข้อความที่เลือก
 // รายการเมนูหลักของระบบ
+
+const filteredItems = computed(() =>
+  items.value.filter(
+    (item) => item.title !== "แบบสำรวจความคิดเห็น" || dataStore.isProbation
+  )
+);
+
 const items = ref<MenuMainList[]>([
   {
     icon: "mdi-account-group-outline",
@@ -114,6 +123,14 @@ const items = ref<MenuMainList[]>([
     path: "/IDP",
     active: false,
   },
+  {
+    icon: "mdi-poll",
+    title: "แบบสำรวจความคิดเห็น",
+    sub: "แบบสำรวจความคิดเห็นการทดลองปฏิบัติหน้าที่ราชการ",
+    color: "yellow-3",
+    path: "/probation-report",
+    active: false,
+  },
 ]);
 
 /**
@@ -254,7 +271,7 @@ onMounted(async () => {
       <div class="row justify-start q-col-gutter-md">
         <div
           class="col-xs-6 col-sm-4 col-md-4 col-lg-3 col-xl-2 row"
-          v-for="(item, j) in items"
+          v-for="(item, j) in filteredItems"
           :key="j"
         >
           <q-card bordered @click="goToPage(item.path)" class="noactive col-12">