20260816220132

code/fms/fms-vue/src/views/dashboard/index.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { LayoutDashboard } from '@lucide/vue'
+</script>
+
+<template>
+  <div class="dashboard-page">
+    <div class="dashboard-icon" aria-hidden="true">
+      <LayoutDashboard />
+    </div>
+    <h1 class="dashboard-title">工作台</h1>
+    <p class="dashboard-desc">布局壳与业务页面正在搭建中，敬请期待。</p>
+  </div>
+</template>
+
+<style scoped>
+.dashboard-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  min-height: 100%;
+  padding: 24px;
+  color: var(--fms-text);
+  text-align: center;
+}
+
+.dashboard-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 52px;
+  height: 52px;
+  margin-bottom: 8px;
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--fms-primary) 10%, var(--fms-card));
+  color: var(--fms-primary);
+
+  :deep(svg) {
+    width: 26px;
+    height: 26px;
+  }
+}
+
+.dashboard-title {
+  margin: 0;
+  font-size: 22px;
+  font-weight: 600;
+}
+
+.dashboard-desc {
+  margin: 0;
+  font-size: 14px;
+  color: var(--fms-text-secondary);
+}
+</style>