b41ac68e06
- 移除不必要的 API 调用和数据处理逻辑 - 使用 AnalysisOverview 组件替换自定义统计卡片 - 优化 TimeSummaryChart组件，支持不同类型的数据展示 - 简化页面结构，提高组件的可复用性和可维护性
57 lines
1.4 KiB
Vue
57 lines
1.4 KiB
Vue
<script lang="ts" setup>
|
|
import { ref } from 'vue';
|
|
|
|
import { DocAlert, Page } from '@vben/common-ui';
|
|
|
|
import { Col, Row, Spin } from 'ant-design-vue';
|
|
|
|
import SummaryCard from './components/SummaryCard.vue';
|
|
import TimeSummaryChart from './components/TimeSummaryChart.vue';
|
|
|
|
/** ERP首页 */
|
|
defineOptions({ name: 'ErpHome' });
|
|
|
|
const loading = ref(false); // 加载中
|
|
|
|
/** 图表组件引用 */
|
|
const saleChartRef = ref();
|
|
const purchaseChartRef = ref();
|
|
</script>
|
|
|
|
<template>
|
|
<Page>
|
|
<template #doc>
|
|
<DocAlert
|
|
title="ERP 手册（功能开启）"
|
|
url="https://doc.iocoder.cn/erp/build/"
|
|
/>
|
|
</template>
|
|
|
|
<Spin :spinning="loading">
|
|
<div class="flex flex-col gap-4">
|
|
<!-- 销售/采购的全局统计 -->
|
|
<SummaryCard
|
|
:sale-summary="saleChartRef?.saleSummary"
|
|
:purchase-summary="purchaseChartRef?.purchaseSummary"
|
|
/>
|
|
|
|
<!-- 销售/采购的时段统计 -->
|
|
<Row :gutter="16">
|
|
<!-- 销售统计 -->
|
|
<Col :md="12" :sm="12" :xs="24">
|
|
<TimeSummaryChart ref="saleChartRef" title="销售统计" type="sale" />
|
|
</Col>
|
|
<!-- 采购统计 -->
|
|
<Col :md="12" :sm="12" :xs="24">
|
|
<TimeSummaryChart
|
|
ref="purchaseChartRef"
|
|
title="采购统计"
|
|
type="purchase"
|
|
/>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
</Spin>
|
|
</Page>
|
|
</template>
|