更新

2026-07-14 10:00:34 +08:00
parent 01152efce6
commit 99a6ca0a77
59 changed files with 10014 additions and 0 deletions
@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <div class="page-header">
+      <h2>数据概览</h2>
+      <p>系统运行统计数据</p>
+    </div>
+
+    <div class="stats-grid">
+      <div class="stat-card">
+        <span class="stat-icon">👥</span>
+        <span class="stat-value">{{ stats.users }}</span>
+        <span class="stat-label">用户总数</span>
+      </div>
+      <div class="stat-card">
+        <span class="stat-icon">💬</span>
+        <span class="stat-value">{{ stats.conversations }}</span>
+        <span class="stat-label">会话总数</span>
+      </div>
+      <div class="stat-card">
+        <span class="stat-icon">📝</span>
+        <span class="stat-value">{{ stats.messages }}</span>
+        <span class="stat-label">消息总数</span>
+      </div>
+      <div class="stat-card">
+        <span class="stat-icon">📈</span>
+        <span class="stat-value">{{ stats.today_messages }}</span>
+        <span class="stat-label">今日消息</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import api from '@/api'
+
+const stats = ref({ users: 0, conversations: 0, messages: 0, today_messages: 0 })
+
+onMounted(async () => {
+  const res = await api.get('/admin/stats')
+  stats.value = res.data.data
+})
+</script>
+
+<style scoped>
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 16px;
+}
+
+.stat-card {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 24px;
+  text-align: center;
+}
+
+.stat-icon {
+  font-size: 28px;
+  display: block;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  display: block;
+  font-size: 36px;
+  font-weight: 700;
+  color: var(--accent);
+}
+
+.stat-label {
+  font-size: 14px;
+  color: var(--text-secondary);
+  margin-top: 4px;
+}
+</style>