Add vue-router, login/setup flow and backend logging

Refactor frontend to route-based navigation with vue-router, add
system setup and login pages with API integration. Add structured
logging, access-log middleware and startup lifecycle to FastAPI
backend.

web/src/composables/useNavigation.js

@@ -1,82 +1,113 @@
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
 import { icons } from '../data/icons.js'
 
+export const appViews = ['overview', 'workbench', 'requests', 'approval', 'chat', 'policies', 'audit', 'employees']
+
 export const navItems = [
   {
     id: 'overview',
     label: '总览',
-    navHint: '运营指标与趋势',
+    navHint: '查看系统总览与关键指标',
     icon: icons.dashboard,
-    title: '企业报销智能运营台',
-    desc: '面向财务共享中心的审批、风控、SLA与自动化运营看板'
+    title: '财务运营总览',
+    desc: '聚合差旅申请、审批效率、风险信号与 SLA 表现。'
   },
   {
     id: 'workbench',
     label: '个人工作台',
-    navHint: '今日待办与报销进度',
+    navHint: '集中处理个人待办',
     icon: icons.workspace,
     title: '个人工作台',
-    desc: '集中处理今日待办、查看报销进度，并快速进入 AI 报销助手'
+    desc: '聚焦当前待办、快捷操作与助手入口。'
   },
   {
     id: 'requests',
-    label: '差旅申请/报销',
-    navHint: '差旅单据与发起申请',
+    label: '申请单',
+    navHint: '查看和管理申请单',
     icon: icons.list,
-    title: '差旅申请/报销',
-    desc: '查看员工差旅报销单据、跟踪进度、发起新申请'
+    title: '差旅申请与单据',
+    desc: '集中查看申请单状态、处理进度和风险提示。'
   },
   {
     id: 'approval',
     label: '审批中心',
-    navHint: '待审批单据与批量处理',
+    navHint: '处理审批任务',
     icon: icons.approval,
     title: '审批中心',
-    desc: '统一处理待审批单据，聚焦效率、风险与 SLA'
+    desc: '按优先级处理待审批事项，控制时效与风险。'
   },
   {
     id: 'chat',
-    label: 'AI助手',
-    navHint: '财务知识问答与制度解释',
+    label: 'AI 助手',
+    navHint: '进入智能问答',
     icon: icons.message,
-    title: '财务AI助手',
-    desc: '面向员工与财务场景的智能问答助手，提供制度解读、报销指引与常见问题解答'
+    title: 'AI 财务助手',
+    desc: '围绕制度、票据、审批和差旅场景进行快速问答。'
   },
   {
     id: 'policies',
-    label: '知识管理',
-    navHint: '制度、文档与知识库',
+    label: '制度知识',
+    navHint: '查看制度与知识库',
     icon: icons.file,
-    title: '财务知识管理中心',
-    desc: '上传制度文档、沉淀财务知识、构建面向员工问答与知识管理的统一知识库'
+    title: '制度与知识库',
+    desc: '统一管理制度文档、知识问答和搜索入口。'
   },
   {
     id: 'audit',
-    label: '技能中心',
-    navHint: 'Skill 设计与版本配置',
+    label: '审计追踪',
+    navHint: '查看日志与追踪记录',
     icon: icons.skill,
-    title: '技能中心',
-    desc: '统一管理技能的触发规则、提示词结构、输出约束与上线版本'
+    title: '审计追踪',
+    desc: '记录关键操作、追踪审批链和系统行为。'
   },
   {
     id: 'employees',
     label: '员工管理',
-    navHint: '员工档案、岗位与角色权限',
+    navHint: '维护员工与组织信息',
     icon: icons.users,
-    title: '员工管理',
-    desc: '集中维护员工基础信息、职级部门岗位，以及管理员、财务人员、使用者和高级管理人员等系统角色'
+    title: '员工与组织管理',
+    desc: '维护员工账号、组织结构与角色权限。'
   }
 ]
 
+const viewRouteNames = {
+  overview: 'app-overview',
+  workbench: 'app-workbench',
+  requests: 'app-requests',
+  approval: 'app-approval',
+  chat: 'app-chat',
+  policies: 'app-policies',
+  audit: 'app-audit',
+  employees: 'app-employees'
+}
+
 export function useNavigation() {
-  const activeView = ref('overview')
+  const route = useRoute()
+  const router = useRouter()
+
+  const activeView = computed({
+    get() {
+      return route.meta.appView || 'overview'
+    },
+    set(view) {
+      setView(view)
+    }
+  })
 
   const currentView = computed(
     () => navItems.find((item) => item.id === activeView.value) ?? navItems[0]
   )
 
   function setView(view) {
-    activeView.value = view
+    const targetName = viewRouteNames[view] || viewRouteNames.overview
+
+    if (route.name === targetName) {
+      return
+    }
+
+    router.push({ name: targetName })
   }
 
   return { activeView, currentView, setView, navItems }