54 lines
1.3 KiB
Vue
54 lines
1.3 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 './modules/SummaryCard.vue';
|
|
import TimeSummaryChart from './modules/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 />
|
|
|
|
<!-- 销售/采购的时段统计 -->
|
|
<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>
|