1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
| <template>
| <div class="dashboard">
| <a-row :gutter="16">
| <a-col :span="6">
| <a-card>
| <a-statistic
| title="入库单总数"
| :value="statistics.inboundCount"
| :prefix="() => h(ImportOutlined)"
| />
| </a-card>
| </a-col>
| <a-col :span="6">
| <a-card>
| <a-statistic
| title="出库单总数"
| :value="statistics.outboundCount"
| :prefix="() => h(ExportOutlined)"
| />
| </a-card>
| </a-col>
| <a-col :span="6">
| <a-card>
| <a-statistic
| title="库存总量"
| :value="statistics.stockCount"
| :prefix="() => h(ContainerOutlined)"
| />
| </a-card>
| </a-col>
| <a-col :span="6">
| <a-card>
| <a-statistic
| title="待处理任务"
| :value="statistics.taskCount"
| :prefix="() => h(CarryOutOutlined)"
| />
| </a-card>
| </a-col>
| </a-row>
|
| <a-row :gutter="16" style="margin-top: 16px">
| <a-col :span="24">
| <a-card title="欢迎使用 WIDESEA WMS 仓库管理系统">
| <p>系统功能模块：</p>
| <ul>
| <li>系统管理：用户、角色、菜单管理</li>
| <li>基础信息：仓库、货位、物料管理</li>
| <li>入库管理：入库单、采购单、收货单管理</li>
| <li>出库管理：出库单、出库锁定信息管理</li>
| <li>库存管理：库存信息、库存明细、库存视图</li>
| <li>盘点管理：盘点单、盘点结果管理</li>
| <li>任务管理：任务信息、任务历史管理</li>
| </ul>
| </a-card>
| </a-col>
| </a-row>
| </div>
| </template>
|
| <script setup lang="ts">
| import { ref, onMounted, h } from 'vue';
| import {
| ImportOutlined,
| ExportOutlined,
| ContainerOutlined,
| CarryOutOutlined,
| } from '@ant-design/icons-vue';
|
| const statistics = ref({
| inboundCount: 0,
| outboundCount: 0,
| stockCount: 0,
| taskCount: 0,
| });
|
| onMounted(() => {
| // 这里可以调用 API 获取统计数据
| // 暂时使用模拟数据
| statistics.value = {
| inboundCount: 128,
| outboundCount: 96,
| stockCount: 1024,
| taskCount: 12,
| };
| });
| </script>
|
| <style scoped>
| .dashboard {
| padding: 0;
| }
| </style>
|
|
