feat(wms/receive): 添加收货报表的折线图和柱状图展示
- 在收货报表页面新增双Y轴折线图和柱状图组件 - 默认按厂家汇总展示数据 - 图表支持数据变化自动更新和窗口大小自适应
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user