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>
|