init

2026-07-02 14:48:05 +08:00
parent a1a314cf99
commit e558733f05
64 changed files with 3258 additions and 1 deletions
@@ -0,0 +1,51 @@
+<template>
+  <a-config-provider :theme="{ token: { colorPrimary: '#5b5bd6', borderRadius: 8 } }">
+    <a-layout style="min-height:100vh">
+      <a-layout-sider v-model:collapsed="collapsed" :trigger="null" collapsible theme="light" :width="220">
+        <div class="logo">{{ collapsed ? "A" : "AI 文档模板" }}</div>
+        <a-menu v-model:selectedKeys="selectedKeys" mode="inline" @click="onMenuClick">
+          <a-menu-item key="/templates"><folder-outlined /> 模板管理</a-menu-item>
+          <a-menu-item key="/models"><cpu-outlined /> 模型管理</a-menu-item>
+          <a-menu-item key="/generate"><thunderbolt-outlined /> 执行生成</a-menu-item>
+          <a-menu-item key="/history"><clock-circle-outlined /> 生成记录</a-menu-item>
+        </a-menu>
+      </a-layout-sider>
+      <a-layout>
+        <a-layout-header style="background:#fff;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #f0f0f0">
+          <menu-unfold-outlined v-if="collapsed" @click="collapsed=false" style="font-size:18px;cursor:pointer" />
+          <menu-fold-outlined v-else @click="collapsed=true" style="font-size:18px;cursor:pointer" />
+          <div style="flex:1" />
+          <a-badge :count="0" :overflow-count="99"><bell-outlined style="font-size:18px;color:#999" /></a-badge>
+          <span style="margin-left:16px;font-size:13px;color:#666">周文涛</span>
+        </a-layout-header>
+        <a-layout-content style="margin:0;background:#f5f6f8;overflow:auto">
+          <router-view />
+        </a-layout-content>
+      </a-layout>
+    </a-layout>
+  </a-config-provider>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import {
+  FolderOutlined, CpuOutlined, ThunderboltOutlined, ClockCircleOutlined,
+  MenuUnfoldOutlined, MenuFoldOutlined, BellOutlined
+} from '@ant-design/icons-vue'
+
+const router = useRouter()
+const route = useRoute()
+const collapsed = ref(false)
+const selectedKeys = ref([route.path])
+
+watch(() => route.path, p => { selectedKeys.value = [p] })
+
+function onMenuClick(info: any) {
+  router.push(info.key)
+}
+</script>
+
+<style scoped>
+.logo { height: 52px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; color: #5b5bd6; border-bottom: 1px solid #f0f0f0; }
+</style>