refactor(首页): 展示模块改为跟随菜单权限自动隐藏

gaoluyang

8 小时以前 8151c3253dc287a79914bc08414af17dfb380c96

 src/views/mes/home/modules/work-order-chart.vue

@@ -1,7 +1,7 @@
<script lang="ts" setup>
import type { EchartsUIType } from '@vben/plugins/echarts';

import { onMounted, ref } from 'vue';
import { computed, onMounted, ref } from 'vue';

import { EchartsUI, useEcharts } from '@vben/plugins/echarts';

@@ -9,16 +9,23 @@

import { getWorkOrderStatusDistribution } from '#/api/mes/home';

import { useHomeAccess } from '#/utils/use-home-access';

import { getWorkOrderStatusChartOptions } from '../chart-options';
import { WORK_ORDER_STATUS_COLOR_MAP } from '../data';
import { HOME_BLOCK_MENUS, WORK_ORDER_STATUS_COLOR_MAP } from '../data';

defineOptions({ name: 'MesHomeWorkOrderChart' });

const chartRef = ref<EchartsUIType>();
const { renderEcharts } = useEcharts(chartRef);
const { canSeeMenu } = useHomeAccess();

/** 菜单没开就不展示、不请求 */
const showChart = computed(() => canSeeMenu(HOME_BLOCK_MENUS.workOrder));

/** 加载订单状态分布数据并渲染饼图 */
async function loadData() {
  if (!showChart.value) return;
  const data = await getWorkOrderStatusDistribution();
  const chartData = data.map((d) => ({
    itemStyle: { color: WORK_ORDER_STATUS_COLOR_MAP[d.status] || '#409EFF' },
@@ -34,7 +41,7 @@
</script>

<template>
  <Card title="订单状态分布" class="h-full">
  <Card v-if="showChart" title="订单状态分布" class="h-full">
    <EchartsUI ref="chartRef" class="h-[280px] w-full" />
  </Card>
</template>