feat(wms/receive): 添加收货报表的折线图和柱状图展示

- 在收货报表页面新增双Y轴折线图和柱状图组件
- 默认按厂家汇总展示数据
- 图表支持数据变化自动更新和窗口大小自适应
This commit is contained in:
砂糖
2026-01-14 11:02:39 +08:00
parent 16eaceeba0
commit a64eb08736
4 changed files with 313 additions and 1 deletions

View File

@@ -35,6 +35,16 @@
</el-descriptions>
</el-card>
<el-row :gutter="20" style="margin-top: 20px; margin-bottom: 20px;">
<el-col :span="12">
<line-chart :data="details" />
</el-col>
<el-col :span="12">
<bar-chart :data="details" />
</el-col>
</el-row>
<!-- 详细数据表格 -->
<el-card class="table-card" v-if="details && details.length > 0">
<template #header>
@@ -92,9 +102,15 @@
<script>
import { getReceiptReport } from '@/api/wms/deliveryPlan'
import lineChart from './charts/line.vue';
import barChart from './charts/bar.vue';
export default {
name: 'DeliveryReport',
components: {
lineChart,
barChart
},
data() {
return {
summary: null,