python-flask和Vue两种模式初模板

inventory-web/src/views/dashboard/index.vue

@@ -0,0 +1,61 @@
+<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>