61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
<template>
|
||
<div class="dashboard-container">
|
||
<el-card class="welcome-card">
|
||
<template #header>
|
||
<div class="card-header">
|
||
<span>👋 欢迎回来</span>
|
||
</div>
|
||
</template>
|
||
<div class="card-body">
|
||
<h2>欢迎使用 IRIS 库存管理系统</h2>
|
||
<p>请点击下方按钮进入具体业务模块：</p>
|
||
|
||
<div class="action-buttons">
|
||
<el-button type="primary" size="large" @click="$router.push('/stock/inbound')">
|
||
<el-icon style="margin-right: 5px"><Box /></el-icon>
|
||
进入采购入库
|
||
</el-button>
|
||
|
||
<el-button size="large" disabled>
|
||
<el-icon style="margin-right: 5px"><TrendCharts /></el-icon>
|
||
库存报表 (开发中)
|
||
</el-button>
|
||
</div>
|
||
</div>
|
||
</el-card>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { Box, TrendCharts } from '@element-plus/icons-vue'
|
||
</script>
|
||
|
||
<style scoped>
|
||
.dashboard-container {
|
||
padding: 20px;
|
||
display: flex;
|
||
justify-content: center;
|
||
margin-top: 50px;
|
||
}
|
||
|
||
.welcome-card {
|
||
width: 600px;
|
||
text-align: center;
|
||
}
|
||
|
||
.card-body h2 {
|
||
color: #303133;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.card-body p {
|
||
color: #606266;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.action-buttons {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 20px;
|
||
}
|
||
</style> |