feat(v3): Web 应用化基线（异步任务/SSE/llama-server 管理/Vue SPA 四页 + 设置页整页滚动修复）

2026-09-01 08:31:47 +08:00
parent 8d36eeec59
commit 3bbdcb7cc7
60 changed files with 7236 additions and 1160 deletions
@@ -0,0 +1,86 @@
+<template>
+  <div class="app">
+    <!-- 顶部导航栏 -->
+    <nav class="topbar">
+      <span class="brand">🤖 端云协同 LLM 系统</span>
+      <div class="nav-links">
+        <router-link to="/chat">💬 对话</router-link>
+        <router-link to="/collaboration">🔄 协作</router-link>
+        <router-link to="/review">🔍 检验</router-link>
+        <router-link to="/metrics">📊 指标</router-link>
+        <router-link to="/settings">⚙️ 设置</router-link>
+      </div>
+    </nav>
+
+    <!-- 路由视图 -->
+    <router-view class="content" />
+  </div>
+</template>
+
+<script setup lang="ts">
+// App.vue — 根布局，导航栏 + 路由出口
+</script>
+
+<style>
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+html, body, #app {
+  height: 100%;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  color: #111;
+  background: #fff;
+}
+
+.app {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.topbar {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  padding: 0 24px;
+  height: 52px;
+  border-bottom: 1px solid #e5e7eb;
+  background: #fff;
+  flex-shrink: 0;
+}
+
+.brand {
+  font-size: 16px;
+  font-weight: 700;
+  color: #1e40af;
+  white-space: nowrap;
+}
+
+.nav-links {
+  display: flex;
+  gap: 4px;
+}
+
+.nav-links a {
+  padding: 6px 14px;
+  border-radius: 6px;
+  text-decoration: none;
+  color: #374151;
+  font-size: 14px;
+  font-weight: 500;
+  transition: background 0.15s;
+}
+.nav-links a:hover { background: #f3f4f6; }
+.nav-links a.router-link-active {
+  background: #eff6ff;
+  color: #2563eb;
+}
+
+.content {
+  flex: 1;
+  overflow: hidden;   /* 限制自己高度，不被子内容撑开 */
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+</style>