From 5c1e0a47eea514f59f697133fe8a01bcbf6f7a78 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 15 十月 2026 10:31:28 +0800
Subject: [PATCH] refactor(首页): 展示模块跟随菜单权限自动隐藏
---
src/views/dashboard/analytics/modules/quick-actions.vue | 24 ++-
src/views/dashboard/analytics/modules/alert-panel.vue | 17 ++
src/views/dashboard/analytics/modules/kpi-cards.vue | 78 ++++++++++++-
src/utils/use-home-access.ts | 54 +++++++++
src/views/dashboard/analytics/index.vue | 62 +++++++++
src/views/dashboard/analytics/modules/biz-cards.vue | 79 ++++++++++++-
6 files changed, 287 insertions(+), 27 deletions(-)
diff --git a/src/utils/use-home-access.ts b/src/utils/use-home-access.ts
new file mode 100644
index 0000000..5a578be
--- /dev/null
+++ b/src/utils/use-home-access.ts
@@ -0,0 +1,54 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { useAccess } from '@vben/access';
+import { useAccessStore, useUserStore } from '@vben/stores';
+
+/** 棣栭〉甯搁┗锛屼笟鍔℃暟鎹拰鍏ュ彛浠嶉渶閬靛惊褰撳墠鐢ㄦ埛鐨勮彍鍗曟潈闄愩�� */
+export function useHomeAccess() {
+ const accessStore = useAccessStore();
+ const userStore = useUserStore();
+ const { hasAccessByCodes } = useAccess();
+
+ /**
+ * 鎺ュ彛鏉冮檺锛氭病鏈夊搴旀潈闄愮爜灏卞彇涓嶅埌鏁帮紝璇锋眰浼氱洿鎺� 403锛屾墍浠ュ彇鏁板墠鍏堥棶涓�鍙ャ��
+ *
+ * 鍚庣 `@ss.hasPermission` 瀵硅秴绠℃槸鐩存帴鏀捐鐨勶紙涓嶇湅鏉冮檺鐮侊級锛屽墠绔繖閲屼繚鎸佷竴鑷达紝
+ * 鍚﹀垯瓒呯浼氬洜涓烘潈闄愮爜娌″湪鑿滃崟閲岄厤鑰屽皯鐪嬪埌鍗＄墖銆�
+ */
+ function canQuery(permission: string) {
+ return (
+ userStore.userRoles.includes('super_admin') ||
+ hasAccessByCodes([permission, '*:*:*'])
+ );
+ }
+
+ /**
+ * 璇ヨ彍鍗曞褰撳墠鐢ㄦ埛鏄惁銆屽紑鐫�銆嶁�斺�� 鐢ㄤ簬棣栭〉妯″潡寮�鍏炽��
+ *
+ * 鍚庣鑿滃崟 `visible = 0` 浼氳鍓嶇杞垚璺敱鐨� `meta.hideInMenu`锛岃繖绫昏矾鐢变粛鐒舵敞鍐屽湪
+ * router 閲岋紙椤甸潰鍙互鐩存帴璁块棶锛夛紝鍙槸鏁存５瀛愭爲涓嶄細鍑虹幇鍦ㄤ晶杈规爮銆傛墍浠ュ垽鏂�岃繖涓ā鍧楁湁
+ * 娌℃湁寮�銆嶄笉鑳藉彧鐪嬭矾鐢辨槸鍚﹀瓨鍦紝杩樿鐪嬪畠鍜屽畠鐨勬瘡涓�绾х鍏堟槸鍚﹀彲瑙併��
+ *
+ * @param name 璺敱 name锛屽嵆鍚庣鑿滃崟鐨� component_name
+ */
+ function canSeeMenu(name: string) {
+ function find(
+ routes: RouteRecordRaw[],
+ ancestorHidden: boolean,
+ ): boolean | undefined {
+ for (const route of routes) {
+ const hidden =
+ ancestorHidden ||
+ route.meta?.hideInMenu === true ||
+ route.meta?.menuVisibleWithForbidden === true;
+ if (route.name === name) return !hidden;
+ const found = find(route.children ?? [], hidden);
+ if (found !== undefined) return found;
+ }
+ return undefined;
+ }
+ return find(accessStore.accessRoutes, false) === true;
+ }
+
+ return { canQuery, canSeeMenu };
+}
diff --git a/src/views/dashboard/analytics/index.vue b/src/views/dashboard/analytics/index.vue
index 13794de..46980f6 100644
--- a/src/views/dashboard/analytics/index.vue
+++ b/src/views/dashboard/analytics/index.vue
@@ -4,9 +4,11 @@
import { Page } from '@vben/common-ui';
-import { Card, Col, Row } from 'ant-design-vue';
+import { Col, Row } from 'ant-design-vue';
import { getHomeSummary } from '#/api/mes/home';
+
+import { useHomeAccess } from '#/utils/use-home-access';
import { defaultSummary } from './data';
import AiInsights from './modules/ai-insights.vue';
@@ -20,6 +22,38 @@
const router = useRouter();
const summary = ref(defaultSummary);
+
+const { canQuery, canSeeMenu } = useHomeAccess();
+
+/** 棣栭〉鍚勬ā鍧楃殑鎺ュ彛鏉冮檺閮芥槸 mes:home:query锛屽彇涓嶅埌鏁板氨鍏堝埆璇锋眰锛堝惁鍒欏脊銆屾病鏈夎鎿嶄綔鏉冮檺銆嶏級 */
+const canViewSummary = computed(() => canQuery('mes:home:query'));
+
+/** MES 鐢熶骇 KPI锛氭暟鎹彇鑷椤垫眹鎬绘帴鍙ｏ紝涓斿搴旇彍鍗曞紑鐫�鎵嶆覆鏌� */
+const showKpi = computed(
+ () =>
+ canViewSummary.value &&
+ ['MesProWorkOrder', 'MesProFeedback', 'MesQcIqc', 'MesDvMachinery'].some(
+ (name) => canSeeMenu(name),
+ ),
+);
+
+/** 鐢熶骇瓒嬪娍锛氭暟鎹潵鑷敓浜ф姤宸� */
+const showTrend = computed(
+ () => canViewSummary.value && canSeeMenu('MesProFeedback'),
+);
+
+/** 宸ュ崟鐘舵�佸垎甯� + 缁翠慨棰勮 */
+const showAlert = computed(
+ () =>
+ canViewSummary.value &&
+ (canSeeMenu('MesProWorkOrder') || canSeeMenu('MesDvRepair')),
+);
+
+/** 鐢熶骇瓒嬪娍鍜岄璀﹂潰鏉垮悓涓�琛岋紝涓ゅ潡閮芥病寮�灏辨暣琛屼笉娓叉煋 */
+const showMonitorRow = computed(() => showTrend.value || showAlert.value);
+
+/** AI 鍒嗘瀽鍧楅噷銆孨 涓伐鍗曞彲鍒嗘瀽銆嶅彇鐨勪篃鏄椤垫眹鎬绘帴鍙ｏ紝鍙栦笉鍒版暟灏卞埆鏄剧ず杩欎釜鍋囨暟瀛� */
+const showAiInsights = computed(() => canViewSummary.value);
const greeting = computed(() => {
const hour = new Date().getHours();
@@ -42,6 +76,7 @@
}
async function loadSummary() {
+ if (!canViewSummary.value) return;
summary.value = await getHomeSummary();
}
@@ -72,20 +107,29 @@
</div>
<!-- MES 鐢熶骇 KPI -->
- <KpiCards :summary="summary" @navigate="handleNavigate" />
+ <KpiCards v-if="showKpi" :summary="summary" @navigate="handleNavigate" />
<!-- ERP/WMS/BPM 缁忚惀 KPI -->
<BizCards @navigate="handleNavigate" />
<!-- AI 鏅鸿兘鍒嗘瀽 -->
<AiInsights
+ v-if="showAiInsights"
:active-order-count="summary.workOrderActiveCount"
@navigate="handleNavigate"
/>
<!-- 鐢熶骇瓒嬪娍 + 棰勮闈㈡澘 -->
- <Row :gutter="16" class="mb-4">
- <Col :lg="14" :md="24" :sm="24" :xl="14" :xs="24" class="mb-4">
+ <Row v-if="showMonitorRow" :gutter="16" class="mb-4">
+ <Col
+ v-if="showTrend"
+ :lg="showAlert ? 14 : 24"
+ :md="24"
+ :sm="24"
+ :xl="showAlert ? 14 : 24"
+ :xs="24"
+ class="mb-4"
+ >
<div class="glass-card rounded-2xl p-5">
<h3 class="mb-4 text-base font-semibold text-gray-800 dark:text-gray-100">
鐢熶骇瓒嬪娍锛堣繎7澶╋級
@@ -93,7 +137,15 @@
<ProductionTrend />
</div>
</Col>
- <Col :lg="10" :md="24" :sm="24" :xl="10" :xs="24" class="mb-4">
+ <Col
+ v-if="showAlert"
+ :lg="showTrend ? 10 : 24"
+ :md="24"
+ :sm="24"
+ :xl="showTrend ? 10 : 24"
+ :xs="24"
+ class="mb-4"
+ >
<AlertPanel
:repair-active-count="summary.repairActiveCount"
@navigate="handleNavigate"
diff --git a/src/views/dashboard/analytics/modules/alert-panel.vue b/src/views/dashboard/analytics/modules/alert-panel.vue
index 8ac16f2..b7b19d1 100644
--- a/src/views/dashboard/analytics/modules/alert-panel.vue
+++ b/src/views/dashboard/analytics/modules/alert-panel.vue
@@ -2,7 +2,7 @@
import type { MesHomeApi } from '#/api/mes/home';
import type { EchartsUIType } from '@vben/plugins/echarts';
-import { onMounted, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
import { CountTo } from '@vben/common-ui';
import { IconifyIcon } from '@vben/icons';
@@ -11,6 +11,8 @@
import { Spin } from 'ant-design-vue';
import { getWorkOrderStatusDistribution } from '#/api/mes/home';
+
+import { useHomeAccess } from '#/utils/use-home-access';
defineOptions({ name: 'DashboardAlertPanel' });
@@ -22,11 +24,19 @@
navigate: [name: string];
}>();
+const { canQuery, canSeeMenu } = useHomeAccess();
+
+/** 宸ュ崟鐘舵�佸垎甯冨彇鑷敓浜ц鍗曪紝鎺ュ彛鏉冮檺鍜岃彍鍗曢兘瑕佹湁 */
+const canViewStatus = computed(
+ () => canQuery('mes:home:query') && canSeeMenu('MesProWorkOrder'),
+);
+
const chartRef = ref<EchartsUIType>();
const { renderEcharts } = useEcharts(chartRef);
const loading = ref(false);
async function loadStatus() {
+ if (!canViewStatus.value) return;
loading.value = true;
try {
const data = await getWorkOrderStatusDistribution();
@@ -68,8 +78,9 @@
<!-- 棰勮鍗＄墖琛� -->
<div class="grid grid-cols-1 gap-3">
<div
+ v-if="canSeeMenu('MesDvRepair')"
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0 p-4"
- @click="emit('navigate', 'MesProRepair')"
+ @click="emit('navigate', 'MesDvRepair')"
>
<div class="relative z-10 flex items-center gap-3">
<div class="flex size-10 items-center justify-center rounded-lg bg-amber-50 text-amber-600 shadow-sm dark:bg-amber-500/15 dark:text-amber-400">
@@ -87,7 +98,7 @@
</div>
<!-- 宸ュ崟鐘舵�佸浘 -->
- <div class="glass-tilt rounded-2xl p-5">
+ <div v-if="canViewStatus" class="glass-tilt rounded-2xl p-5">
<h4 class="mb-3 text-sm font-semibold text-gray-800 dark:text-gray-100">
宸ュ崟鐘舵�佸垎甯�
</h4>
diff --git a/src/views/dashboard/analytics/modules/biz-cards.vue b/src/views/dashboard/analytics/modules/biz-cards.vue
index 95a9e63..00446e2 100644
--- a/src/views/dashboard/analytics/modules/biz-cards.vue
+++ b/src/views/dashboard/analytics/modules/biz-cards.vue
@@ -1,5 +1,5 @@
<script lang="ts" setup>
-import { onMounted, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
import { CountTo } from '@vben/common-ui';
import { IconifyIcon } from '@vben/icons';
@@ -11,11 +11,42 @@
import { getMaterialStockPage } from '#/api/mes/wm/materialstock';
import { getTaskTodoPage } from '#/api/bpm/task';
+import { useHomeAccess } from '#/utils/use-home-access';
+
defineOptions({ name: 'DashboardBizCards' });
const emit = defineEmits<{
navigate: [name: string];
}>();
+
+const { canQuery, canSeeMenu } = useHomeAccess();
+
+const canViewPurchase = computed(
+ () => canQuery('erp:purchase-order:query') && canSeeMenu('ErpPurchaseOrder'),
+);
+const canViewSale = computed(
+ () => canQuery('erp:sale-order:query') && canSeeMenu('ErpSaleOrder'),
+);
+const canViewStock = computed(
+ () => canQuery('mes:wm-material-stock:query') && canSeeMenu('MesWmMaterialStock'),
+);
+const canViewBpmTodo = computed(
+ () => canQuery('bpm:task:query') && canSeeMenu('BpmTodoTask'),
+);
+
+/** 鍙鍗＄墖鏁伴噺鍐冲畾鍒楀锛岄伩鍏嶅彧鍓╀竴涓ゅ紶鏃舵尋鍦ㄥ乏涓婅 */
+const colSpan = computed(() => {
+ const count = [
+ canViewPurchase.value,
+ canViewSale.value,
+ canViewStock.value,
+ canViewBpmTodo.value,
+ ].filter(Boolean).length;
+ if (count >= 4) return 6;
+ if (count === 3) return 8;
+ if (count === 2) return 12;
+ return 24;
+});
const purchaseCount = ref(0);
const saleCount = ref(0);
@@ -23,6 +54,7 @@
const bpmTodoCount = ref(0);
async function loadPurchase() {
+ if (!canViewPurchase.value) return;
try {
const result = await getPurchaseOrderPage({ pageNo: 1, pageSize: 1 });
purchaseCount.value = result.total ?? 0;
@@ -30,6 +62,7 @@
}
async function loadSale() {
+ if (!canViewSale.value) return;
try {
const result = await getSaleOrderPage({ pageNo: 1, pageSize: 1 });
saleCount.value = result.total ?? 0;
@@ -37,6 +70,7 @@
}
async function loadStock() {
+ if (!canViewStock.value) return;
try {
const result = await getMaterialStockPage({ pageNo: 1, pageSize: 1 });
stockCount.value = result.total ?? 0;
@@ -44,6 +78,7 @@
}
async function loadBpmTodo() {
+ if (!canViewBpmTodo.value) return;
try {
const result = await getTaskTodoPage({ pageNo: 1, pageSize: 1 });
bpmTodoCount.value = result.total ?? 0;
@@ -85,7 +120,15 @@
<template>
<Row :gutter="16">
<!-- 閲囪喘璁㈠崟 -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="canViewPurchase"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('purchase')"
@@ -112,7 +155,15 @@
</Col>
<!-- 閿�鍞鍗� -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="canViewSale"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('sale')"
@@ -139,7 +190,15 @@
</Col>
<!-- 鐗╂枡搴撳瓨 -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="canViewStock"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('stock')"
@@ -166,13 +225,21 @@
</Col>
<!-- BPM 寰呭姙 -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="canViewBpmTodo"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('bpm')"
@mousemove="(e: MouseEvent) => onMouseMove(e, 'bpm')"
@mouseleave="onMouseLeave('bpm')"
- @click="emit('navigate', 'BpmTaskTodo')"
+ @click="emit('navigate', 'BpmTodoTask')"
>
<div class="relative z-10 flex items-center gap-4 p-5">
<div class="flex size-12 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-red-500 to-rose-400 shadow-lg shadow-red-500/25 transition-transform duration-300 group-hover:scale-110">
diff --git a/src/views/dashboard/analytics/modules/kpi-cards.vue b/src/views/dashboard/analytics/modules/kpi-cards.vue
index 761db56..ffcde84 100644
--- a/src/views/dashboard/analytics/modules/kpi-cards.vue
+++ b/src/views/dashboard/analytics/modules/kpi-cards.vue
@@ -8,6 +8,8 @@
import { Col, Row } from 'ant-design-vue';
+import { useHomeAccess } from '#/utils/use-home-access';
+
defineOptions({ name: 'DashboardKpiCards' });
const props = defineProps<{
@@ -17,6 +19,38 @@
const emit = defineEmits<{
navigate: [name: string];
}>();
+
+const { canQuery, canSeeMenu } = useHomeAccess();
+
+/** 鍥涘紶鍗＄殑鏁版嵁閮芥潵鑷椤垫眹鎬绘帴鍙ｏ紝娌℃湁璇ユ潈闄愭椂鍙栦笅鐨勬槸绌哄�� */
+const canViewSummary = computed(() => canQuery('mes:home:query'));
+const showOrder = computed(
+ () => canViewSummary.value && canSeeMenu('MesProWorkOrder'),
+);
+const showOutput = computed(
+ () => canViewSummary.value && canSeeMenu('MesProFeedback'),
+);
+const showQuality = computed(
+ () => canViewSummary.value && canSeeMenu('MesQcIqc'),
+);
+const showEquipment = computed(
+ () => canViewSummary.value && canSeeMenu('MesDvMachinery'),
+);
+
+const visibleCards = computed(
+ () =>
+ [showOrder, showOutput, showQuality, showEquipment].filter(
+ (card) => card.value,
+ ).length,
+);
+
+/** 鍙鍗＄墖鏁伴噺鍐冲畾鍒楀锛岄伩鍏嶅彧鍓╀竴涓ゅ紶鏃舵尋鍦ㄥ乏涓婅 */
+const colSpan = computed(() => {
+ if (visibleCards.value >= 4) return 6;
+ if (visibleCards.value === 3) return 8;
+ if (visibleCards.value === 2) return 12;
+ return 24;
+});
const qualityRate = computed(() => {
const total =
@@ -57,9 +91,17 @@
</script>
<template>
- <Row :gutter="16">
+ <Row v-if="visibleCards > 0" :gutter="16">
<!-- 鐢熶骇璁㈠崟 -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="showOrder"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('order')"
@@ -90,7 +132,15 @@
</Col>
<!-- 浠婃棩浜ч噺 -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="showOutput"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('output')"
@@ -121,13 +171,21 @@
</Col>
<!-- 璐ㄩ噺鍚堟牸鐜� -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="showQuality"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('quality')"
@mousemove="(e: MouseEvent) => onMouseMove(e, 'quality')"
@mouseleave="onMouseLeave('quality')"
- @click="emit('navigate', 'MesQcRecord')"
+ @click="emit('navigate', 'MesQcIqc')"
>
<div class="relative z-10 flex items-center gap-4 p-5">
<div class="flex size-12 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-orange-500 to-amber-400 shadow-lg shadow-orange-500/25 transition-transform duration-300 group-hover:scale-110">
@@ -154,7 +212,15 @@
</Col>
<!-- 璁惧杩愯鐜� -->
- <Col :lg="6" :md="12" :sm="12" :xl="6" :xs="24" class="mb-4">
+ <Col
+ v-if="showEquipment"
+ :lg="colSpan"
+ :md="colSpan"
+ :sm="colSpan"
+ :xl="colSpan"
+ :xs="24"
+ class="mb-4"
+ >
<div
class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0"
:style="tiltStyle('equip')"
diff --git a/src/views/dashboard/analytics/modules/quick-actions.vue b/src/views/dashboard/analytics/modules/quick-actions.vue
index 9a825b5..5e32cc0 100644
--- a/src/views/dashboard/analytics/modules/quick-actions.vue
+++ b/src/views/dashboard/analytics/modules/quick-actions.vue
@@ -1,5 +1,9 @@
<script lang="ts" setup>
+import { computed } from 'vue';
+
import { IconifyIcon } from '@vben/icons';
+
+import { useHomeAccess } from '#/utils/use-home-access';
defineOptions({ name: 'DashboardQuickActions' });
@@ -15,24 +19,30 @@
shadow: string;
}
+const { canSeeMenu } = useHomeAccess();
+
const actions: QuickAction[] = [
{ title: '鐢熶骇宸ュ崟', icon: 'lucide:file-text', route: 'MesProWorkOrder', gradient: 'from-blue-500 to-cyan-500', shadow: 'shadow-blue-500/15' },
{ title: '鐢熶骇鎶ュ伐', icon: 'lucide:check-square', route: 'MesProFeedback', gradient: 'from-emerald-500 to-green-500', shadow: 'shadow-emerald-500/15' },
- { title: '璐ㄦ绠＄悊', icon: 'lucide:clipboard-check', route: 'MesQcRecord', gradient: 'from-orange-500 to-amber-500', shadow: 'shadow-orange-500/15' },
+ { title: '璐ㄦ绠＄悊', icon: 'lucide:clipboard-check', route: 'MesQcIqc', gradient: 'from-orange-500 to-amber-500', shadow: 'shadow-orange-500/15' },
{ title: '璁惧鐐规', icon: 'lucide:settings', route: 'MesDvMachinery', gradient: 'from-violet-500 to-purple-500', shadow: 'shadow-violet-500/15' },
- { title: '鐢熶骇鎺掔▼', icon: 'lucide:calendar-range', route: 'MesProScheduling', gradient: 'from-cyan-500 to-teal-500', shadow: 'shadow-cyan-500/15' },
- { title: '鐗╂枡搴撳瓨', icon: 'lucide:package-search', route: 'WlsMaterialStock', gradient: 'from-indigo-500 to-blue-500', shadow: 'shadow-indigo-500/15' },
- { title: '宸ヨ壓璺嚎', icon: 'lucide:route', route: 'MesPdRouting', gradient: 'from-teal-500 to-emerald-500', shadow: 'shadow-teal-500/15' },
- { title: '鏁版嵁鎶ヨ〃', icon: 'lucide:bar-chart-big', route: 'MesHomeIndex', gradient: 'from-pink-500 to-rose-500', shadow: 'shadow-pink-500/15' },
+ { title: '鐢熶骇鎺掔▼', icon: 'lucide:calendar-range', route: 'MesProTask', gradient: 'from-cyan-500 to-teal-500', shadow: 'shadow-cyan-500/15' },
+ { title: '鐗╂枡搴撳瓨', icon: 'lucide:package-search', route: 'MesWmMaterialStock', gradient: 'from-indigo-500 to-blue-500', shadow: 'shadow-indigo-500/15' },
+ { title: '宸ヨ壓璺嚎', icon: 'lucide:route', route: 'MesProcessDesignRoute', gradient: 'from-teal-500 to-emerald-500', shadow: 'shadow-teal-500/15' },
];
+
+/** 鑿滃崟娌″紑鐨勫叆鍙ｄ笉灞曠ず锛岄伩鍏嶇偣杩涘幓 403 */
+const accessibleActions = computed(() =>
+ actions.filter((action) => canSeeMenu(action.route)),
+);
</script>
<template>
- <div class="glass-card rounded-2xl p-5">
+ <div v-if="accessibleActions.length > 0" class="glass-card rounded-2xl p-5">
<h3 class="mb-4 text-sm font-semibold text-gray-800 dark:text-gray-100">蹇嵎鎿嶄綔</h3>
<div class="grid grid-cols-4 gap-3 sm:grid-cols-8">
<div
- v-for="action in actions"
+ v-for="action in accessibleActions"
:key="action.route"
class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl p-3 transition-all duration-300 hover:-translate-y-1"
@click="emit('navigate', action.route)"
--
Gitblit v1.9.3