Initial project import

2026-07-24 23:11:20 +08:00
commit 6396eabb87
372 changed files with 49682 additions and 0 deletions
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import { DashboardOutlined, SettingOutlined, ControlOutlined, SmileOutlined,
+  GithubOutlined, PictureOutlined, TeamOutlined, AppstoreOutlined } from '@ant-design/icons-vue'
+
+const router = useRouter()
+const route = useRoute()
+const collapsed = ref(false)
+const selectedKeys = ref<string[]>([String(route.name)])
+
+watch(() => route.name, (n) => { selectedKeys.value = [String(n)] })
+
+const nav = [
+  { key: 'Dashboard', icon: DashboardOutlined, label: '仪表盘' },
+  { key: 'Settings', icon: ControlOutlined, label: '系统设置' },
+  { key: 'Configs', icon: SettingOutlined, label: '品牌配置' },
+  { key: 'SysCategories', icon: AppstoreOutlined, label: '默认分类' },
+  { key: 'Personas', icon: SmileOutlined, label: 'AI 性格' },
+  { key: 'Avatars', icon: GithubOutlined, label: 'AI 形象' },
+  { key: 'Stickers', icon: PictureOutlined, label: '表情包库' },
+  { key: 'Users', icon: TeamOutlined, label: '用户管理' },
+]
+</script>
+
+<template>
+  <a-layout style="min-height: 100vh">
+    <a-layout-sider v-model:collapsed="collapsed" collapsible theme="light" :width="200"
+      style="border-right: 1px solid #f0f0f0">
+      <div style="padding: 18px 20px; font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden;">
+        <span style="color:#25211E;margin-right:6px">✎</span>记之 Admin
+      </div>
+      <a-menu v-model:selectedKeys="selectedKeys" mode="inline" :style="{ borderRight: 0 }"
+        @click="({key}: {key: string}) => router.push({name: key})">
+        <a-menu-item v-for="n in nav" :key="n.key">
+          <component :is="n.icon" />
+          <span>{{ n.label }}</span>
+        </a-menu-item>
+      </a-menu>
+      <div style="position:absolute;bottom:16px;left:20px;font-size:11px;color:#bbb">v20260718-1630</div>
+    </a-layout-sider>
+    <a-layout>
+      <a-layout-content style="margin: 18px 20px; padding: 20px; background: #fff; border-radius: 10px; min-height: 360px;">
+        <router-view />
+      </a-layout-content>
+    </a-layout>
+  </a-layout>
+</template>