Step F3：项目 Dashboard

2025-12-16 20:37:30 +08:00
parent cc54d80b3a
commit ed25d93fcd
12 changed files with 395 additions and 4 deletions
@@ -0,0 +1,41 @@
+<template>
+  <el-card class="kpi-card" shadow="hover">
+    <div class="title">{{ title }}</div>
+    <div class="value" v-if="!loading">{{ value }}</div>
+    <div class="value loading" v-else>加载中...</div>
+    <div class="subtext" v-if="subtext">{{ subtext }}</div>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  title: string;
+  value: string | number;
+  subtext?: string;
+  loading?: boolean;
+}
+
+defineProps<Props>();
+</script>
+
+<style scoped>
+.kpi-card {
+  min-height: 120px;
+}
+.title {
+  color: #909399;
+  font-size: 13px;
+}
+.value {
+  font-size: 28px;
+  font-weight: 600;
+  margin: 8px 0;
+}
+.subtext {
+  color: #909399;
+  font-size: 12px;
+}
+.loading {
+  color: #c0c4cc;
+}
+</style>