From 91c82965b2d987452ca276e3a03b48c8dcda2ae9 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期三, 19 八月 2026 11:47:26 +0800
Subject: [PATCH] config(env): 更新生产环境配置和公司名称
---
src/views/dashboard/bagCodeHome/modules/trend-chart.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/views/dashboard/bagCodeHome/modules/trend-chart.vue b/src/views/dashboard/bagCodeHome/modules/trend-chart.vue
new file mode 100644
index 0000000..2443482
--- /dev/null
+++ b/src/views/dashboard/bagCodeHome/modules/trend-chart.vue
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import { onMounted, ref } from 'vue';
+
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+
+import { Card, RadioButton, RadioGroup } from 'ant-design-vue';
+
+import { getBagCodeHomeTrend } from '#/api/mes/bag-code-home';
+
+import { getBagCodeTrendChartOptions } from '../chart-options';
+
+defineOptions({ name: 'BagCodeHomeTrendChart' });
+
+const trendDays = ref(7); // 褰撳墠閫変腑鐨勫ぉ鏁拌寖鍥�
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+/** 鍔犺浇琚嬬爜鐢熸垚瓒嬪娍鏁版嵁骞舵覆鏌撳浘琛� */
+async function loadData() {
+ const data = await getBagCodeHomeTrend(trendDays.value);
+ const dates = data.map((d) => d.date.slice(5));
+ const counts = data.map((d) => d.count);
+ await renderEcharts(getBagCodeTrendChartOptions(dates, counts));
+}
+
+/** 鍒囨崲澶╂暟鑼冨洿 */
+function handleDaysChange() {
+ loadData();
+}
+
+onMounted(() => {
+ loadData();
+});
+</script>
+
+<template>
+ <Card title="琚嬬爜鐢熸垚瓒嬪娍" class="h-full">
+ <template #extra>
+ <RadioGroup v-model:value="trendDays" size="small" @change="handleDaysChange">
+ <RadioButton :value="7">杩� 7 澶�</RadioButton>
+ <RadioButton :value="30">杩� 30 澶�</RadioButton>
+ </RadioGroup>
+ </template>
+ <EchartsUI ref="chartRef" class="h-[320px] w-full" />
+ </Card>
+</template>
--
Gitblit v1.9.3