fix: 补注册缺失API模块+前端路由+ConnectionLines恢复

- 注册4个后端模块: customer_dashboard/deviation_push/budget_generate/knowledge_articles
- 修复改善行动路由指向ActionPlanLibrary.vue(原指向AlertList.vue)
- 新增3个路由: /reports(管理报表) /alignment(战略执行看板) /dupont-analysis
- 恢复ConnectionLines.vue完整版(288行, 原被截断为123行)
- 修复maps.py维度键 finance(原financial不匹配前端)
- 补回models/__init__.py knowledge模型导入

frontend/src/components/strategy/ConnectionLines.vue

@@ -1,123 +1,288 @@
 <template>
   <svg class="connection-svg" ref="svgRef">
     <defs>
-      <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto">
-        <polygon points="0 0, 10 3.5, 0 7" fill="#409eff" />
+      <!-- 跨层箭头（↓方向） -->
+      <marker
+        id="arrow-down"
+        markerWidth="10"
+        markerHeight="7"
+        refX="5"
+        refY="7"
+        orient="auto"
+      >
+        <polygon points="0,0 10,3.5 0,7" fill="#909399" />
       </marker>
-      <marker id="arrowhead-warn" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto">
-        <polygon points="0 0, 10 3.5, 0 7" fill="#e6a23c" />
+      <!-- 同层箭头（→方向） -->
+      <marker
+        id="arrow-right"
+        markerWidth="10"
+        markerHeight="7"
+        refX="10"
+        refY="3.5"
+        orient="auto"
+      >
+        <polygon points="0,0 10,3.5 0,7" fill="#409eff" />
+      </marker>
+      <!-- 高亮箭头 -->
+      <marker
+        id="arrow-active"
+        markerWidth="10"
+        markerHeight="7"
+        refX="10"
+        refY="3.5"
+        orient="auto"
+      >
+        <polygon points="0,0 10,3.5 0,7" fill="#f56c6c" />
       </marker>
     </defs>
 
-    <!-- 固定跨层箭头：从下层泳道到上层泳道（因果连线） -->
-    <path
-      v-for="(arrow, idx) in fixedLayerArrows"
-      :key="'fixed-' + idx"
-      :d="arrow.path"
-      fill="none"
-      stroke="#c0c4cc"
-      stroke-width="1.5"
-      stroke-dasharray="6,4"
-      marker-end="url(#arrowhead)"
-      class="fixed-layer-arrow"
-    >
-      <title>{{ arrow.from }} → {{ arrow.to }}</title>
-    </path>
-
-    <!-- 用户自定义连线 -->
+    <!-- 跨层固定箭头：每层底部 → 下层顶部 -->
     <line
-      v-for="(line, idx) in connectionLines"
-      :key="'conn-' + idx"
-      :x1="line.x1" :y1="line.y1" :x2="line.x2" :y2="line.y2"
-      :class="['conn-line', { 'conn-selected': selectedConnIdx === idx }]"
-      :style="{ '--from-color': line.fromColor, '--to-color': line.toColor }"
-      marker-end="url(#arrowhead)"
-      :stroke="selectedConnIdx === idx ? '#f56c6c' : '#409eff'"
-      :stroke-width="selectedConnIdx === idx ? 3 : 2"
-      @click.stop="$emit('select-connection', idx)"
-      @mouseenter="hoverConnIdx = idx"
-      @mouseleave="hoverConnIdx = null"
+      v-for="(line, idx) in crossLayerLines"
+      :key="'cross-' + idx"
+      :x1="line.x1"
+      :y1="line.y1"
+      :x2="line.x2"
+      :y2="line.y2"
+      stroke="#909399"
+      stroke-width="2"
+      stroke-dasharray="6,3"
+      marker-end="url(#arrow-down)"
+      class="cross-layer-line"
     />
 
-    <!-- 连线提示浮层 -->
-    <g v-if="hoverConnIdx !== null && connectionLines[hoverConnIdx] && hoverConnIdx !== selectedConnIdx">
+    <!-- 同层用户手动连线箭头（→方向） -->
+    <g v-for="(conn, idx) in layerConnections" :key="'conn-' + idx">
+      <path
+        :d="conn.path"
+        :class="[
+          'conn-line',
+          { 'conn-selected': selectedIdx === idx },
+        ]"
+        :stroke="selectedIdx === idx ? '#f56c6c' : '#409eff'"
+        :stroke-width="selectedIdx === idx ? 3 : 2"
+        fill="none"
+        marker-end="url(#arrow-right)"
+        @click.stop="$emit('select-connection', idx)"
+        @mouseenter="hoverIdx = idx"
+        @mouseleave="hoverIdx = null"
+      />
+      <!-- hover提示 -->
       <rect
-        :x="connectionLines[hoverConnIdx].mx - 60"
-        :y="connectionLines[hoverConnIdx].my - 36"
-        width="120" height="22" rx="4" fill="rgba(0,0,0,0.65)"
+        v-if="hoverIdx === idx"
+        :x="conn.mx - 50"
+        :y="conn.my - 10"
+        width="100"
+        height="20"
+        rx="4"
+        fill="rgba(0,0,0,0.65)"
+        class="conn-hover-bg"
       />
       <text
-        :x="connectionLines[hoverConnIdx].mx"
-        :y="connectionLines[hoverConnIdx].my - 21"
-        text-anchor="middle" fill="#fff" font-size="11"
-      >点击选中连线</text>
-    </g>
-
-    <!-- 删除按钮（选中连线时） -->
-    <g v-if="selectedConnIdx !== null && connectionLines[selectedConnIdx]">
-      <rect
-        :x="connectionLines[selectedConnIdx].mx - 18"
-        :y="connectionLines[selectedConnIdx].my - 24"
-        width="88" height="24" rx="12" fill="#f56c6c" class="del-btn-bg"
-        @click.stop="$emit('delete-connection', selectedConnIdx)"
-      />
-      <text
-        :x="connectionLines[selectedConnIdx].mx"
-        :y="connectionLines[selectedConnIdx].my - 8"
-        text-anchor="middle" fill="#fff" font-size="13" font-weight="bold"
-        class="del-btn-text"
-        @click.stop="$emit('delete-connection', selectedConnIdx)"
-      >✕ 删除连线</text>
+        v-if="hoverIdx === idx"
+        :x="conn.mx"
+        :y="conn.my + 4"
+        text-anchor="middle"
+        fill="#fff"
+        font-size="11"
+        class="conn-hover-text"
+      >
+        点击选中
+      </text>
+      <!-- 删除按钮（选中时） -->
+      <g v-if="selectedIdx === idx">
+        <rect
+          :x="conn.mx - 20"
+          :y="conn.my - 28"
+          width="88"
+          height="24"
+          rx="12"
+          fill="#f56c6c"
+          class="del-btn-bg"
+          @click.stop="$emit('delete-connection', idx)"
+        />
+        <text
+          :x="conn.mx + 24"
+          :y="conn.my - 12"
+          text-anchor="middle"
+          fill="#fff"
+          font-size="12"
+          font-weight="bold"
+          class="del-btn-text"
+          @click.stop="$emit('delete-connection', idx)"
+        >
+          ✕ 删除连线
+        </text>
+      </g>
     </g>
 
     <!-- 绘制中的临时线 -->
-    <line v-if="tempLine"
-      :x1="tempLine.x1" :y1="tempLine.y1"
-      :x2="tempLine.x2" :y2="tempLine.y2"
-      stroke="#e6a23c" stroke-width="2" stroke-dasharray="6,3"
-      marker-end="url(#arrowhead-warn)"
+    <line
+      v-if="tempLine"
+      :x1="tempLine.x1"
+      :y1="tempLine.y1"
+      :x2="tempLine.x2"
+      :y2="tempLine.y2"
+      stroke="#e6a23c"
+      stroke-width="2"
+      stroke-dasharray="6,3"
+      marker-end="url(#arrow-down)"
     />
   </svg>
 </template>
 
-<script setup lang="ts">
-import { ref, computed } from 'vue'
+<script setup>
+import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
 
-const props = defineProps<{
-  connectionLines: any[]
-  selectedConnIdx: number | null
-  tempLine: any
-  fixedLayerArrows: { from: string; to: string; path: string }[]
-}>()
+const props = defineProps({
+  /** 各层DOM元素引用，格式：{ financial: HTMLElement, customer: HTMLElement, ... } */
+  layerRefs: { type: Object, required: true },
+  /** 节点DOM元素引用，格式：{ 'financial-0': HTMLElement, ... } */
+  nodeRefs: { type: Object, default: () => ({}) },
+  /** 层顺序列表 */
+  layerKeys: { type: Array, default: () => ['financial', 'customer', 'process', 'learning'] },
+  /** 同层连线数据 [{from: 'financial-0', to: 'financial-1'}] */
+  connections: { type: Array, default: () => [] },
+  /** 临时连线 */
+  tempLine: { type: Object, default: null },
+  /** 容器尺寸变化触发重算 */
+  containerKey: { type: Number, default: 0 },
+})
 
-const emit = defineEmits<{
-  (e: 'select-connection', idx: number): void
-  (e: 'delete-connection', idx: number): void
-}>()
+const emit = defineEmits(['select-connection', 'delete-connection'])
 
-const svgRef = ref<SVGSVGElement | null>(null)
-const hoverConnIdx = ref<number | null>(null)
+const svgRef = ref(null)
+const hoverIdx = ref(null)
+const selectedIdx = ref(null)
+const layerConnections = ref([])
+const crossLayerLines = ref([])
 
-defineExpose({ svgRef })
+/**
+ * 计算跨层固定箭头
+ * 从上层底部中心 → 下层顶部中心
+ */
+function calcCrossLayerLines() {
+  const lines = []
+  const keys = props.layerKeys
+  for (let i = 0; i < keys.length - 1; i++) {
+    const fromEl = props.layerRefs[keys[i]]
+    const toEl = props.layerRefs[keys[i + 1]]
+    if (!fromEl || !toEl) continue
+
+    const fr = fromEl.getBoundingClientRect()
+    const tr = toEl.getBoundingClientRect()
+    const svg = svgRef.value
+    if (!svg) continue
+    const svgRect = svg.getBoundingClientRect()
+
+    lines.push({
+      x1: fr.left + fr.width / 2 - svgRect.left,
+      y1: fr.bottom - svgRect.top,
+      x2: tr.left + tr.width / 2 - svgRect.left,
+      y2: tr.top - svgRect.top,
+    })
+  }
+  crossLayerLines.value = lines
+}
+
+/**
+ * 计算同层用户连线
+ * 使用贝塞尔曲线从源节点右侧 → 目标节点左侧
+ */
+function calcLayerConnections() {
+  const result = []
+  const svg = svgRef.value
+  if (!svg) return
+  const svgRect = svg.getBoundingClientRect()
+
+  for (const conn of props.connections) {
+    const fromEl = props.nodeRefs[conn.from]
+    const toEl = props.nodeRefs[conn.to]
+    if (!fromEl || !toEl) continue
+
+    const fr = fromEl.getBoundingClientRect()
+    const tr = toEl.getBoundingClientRect()
+
+    // 源节点右侧中点 → 目标节点左侧中点
+    const x1 = fr.right - svgRect.left
+    const y1 = fr.top + fr.height / 2 - svgRect.top
+    const x2 = tr.left - svgRect.left
+    const y2 = tr.top + tr.height / 2 - svgRect.top
+
+    // 贝塞尔曲线控制点
+    const dx = Math.abs(x2 - x1) * 0.5
+    const cp1x = x1 + dx
+    const cp1y = y1
+    const cp2x = x2 - dx
+    const cp2y = y2
+
+    const path = `M ${x1} ${y1} C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${x2} ${y2}`
+
+    result.push({
+      path,
+      mx: (x1 + x2) / 2,
+      my: (y1 + y2) / 2,
+      from: conn.from,
+      to: conn.to,
+    })
+  }
+  layerConnections.value = result
+}
+
+function recalcAll() {
+  calcCrossLayerLines()
+  calcLayerConnections()
+}
+
+// 暴露给父组件调用
+defineExpose({ recalcAll })
+
+onMounted(() => {
+  nextTick(recalcAll)
+})
 </script>
 
 <style scoped>
 .connection-svg {
-  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
-  z-index: 5; pointer-events: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 5;
+  pointer-events: none;
   overflow: visible;
 }
+.cross-layer-line {
+  pointer-events: none;
+}
 .conn-line {
-  cursor: pointer; transition: stroke .15s, stroke-width .15s;
+  cursor: pointer;
+  transition: stroke 0.15s, stroke-width 0.15s;
   pointer-events: stroke;
 }
-.conn-line:hover { stroke: #e6a23c !important; stroke-width: 4 !important; cursor: pointer; }
-.conn-selected { stroke: #f56c6c !important; stroke-width: 3; }
-.del-btn-bg { cursor: pointer; pointer-events: all; }
-.del-btn-bg:hover { fill: #e74c3c !important; }
-.del-btn-text { cursor: pointer; pointer-events: all; user-select: none; }
-.fixed-layer-arrow {
+.conn-line:hover {
+  stroke: #e6a23c !important;
+  stroke-width: 4 !important;
+}
+.conn-selected {
+  stroke: #f56c6c !important;
+  stroke-width: 3;
+}
+.del-btn-bg {
+  cursor: pointer;
+  pointer-events: all;
+}
+.del-btn-bg:hover {
+  fill: #e74c3c !important;
+}
+.del-btn-text {
+  cursor: pointer;
+  pointer-events: all;
+  user-select: none;
+}
+.conn-hover-bg,
+.conn-hover-text {
   pointer-events: none;
-  opacity: 0.5;
 }
 </style>

frontend/src/permission.ts

@@ -5,9 +5,9 @@
 
 // 各角色可访问的路由列表
 export const ROLE_ROUTES: Record<string, string[]> = {
-  ceo: ['/my-dashboard', '/dashboard', '/kpis', '/maps', '/maps-review', '/maps/canvas', '/maps/review', '/alerts', '/notifications', '/org', '/users', '/permissions', '/budget', '/deviations', '/cost', '/predict', '/action-plans', '/knowledge', '/guide', '/customer', '/learning-dashboard'],
-  finance: ['/my-dashboard', '/dashboard', '/kpis', '/maps', '/maps-review', '/maps/canvas', '/maps/review', '/alerts', '/data', '/budget', '/deviations', '/cost', '/predict', '/action-plans', '/knowledge', '/guide', '/customer', '/learning-dashboard'],
-  business: ['/my-dashboard', '/dashboard', '/kpis', '/alerts', '/deviations', '/budget', '/action-plans', '/knowledge', '/guide', '/customer'],
+  ceo: ['/my-dashboard', '/dashboard', '/kpis', '/maps', '/maps-review', '/maps/canvas', '/maps/review', '/alerts', '/notifications', '/org', '/users', '/permissions', '/budget', '/deviations', '/cost', '/predict', '/action-plans', '/knowledge', '/guide', '/customer', '/learning-dashboard', '/reports', '/alignment', '/dupont-analysis'],
+  finance: ['/my-dashboard', '/dashboard', '/kpis', '/maps', '/maps-review', '/maps/canvas', '/maps/review', '/alerts', '/data', '/budget', '/deviations', '/cost', '/predict', '/action-plans', '/knowledge', '/guide', '/customer', '/learning-dashboard', '/reports', '/alignment', '/dupont-analysis'],
+  business: ['/my-dashboard', '/dashboard', '/kpis', '/alerts', '/deviations', '/budget', '/action-plans', '/knowledge', '/guide', '/customer', '/reports', '/alignment'],
   it: ['/my-dashboard', '/dashboard', '/kpis', '/alerts', '/data', '/org', '/users', '/permissions', '/budget', '/deviations', '/cost', '/predict', '/action-plans', '/knowledge', '/guide', '/customer', '/learning-dashboard'],
 }
 
@@ -47,6 +47,11 @@ export const MENU_ITEMS: MenuItem[] = [
   { path: '/predict', label: '预测模拟', icon: 'DataLine', roles: ['ceo', 'finance', 'it'] },
   { path: '/budget', label: '预算管理', icon: 'Coin', roles: ['ceo', 'finance', 'business', 'it'] },
 
+  // ── 高级分析 ──
+  { path: '/reports', label: '管理报表', icon: 'DataAnalysis', roles: ['ceo', 'finance', 'business'], group: '分析决策' },
+  { path: '/alignment', label: '战略执行看板', icon: 'Opportunity', roles: ['ceo', 'finance', 'business', 'it'] },
+  { path: '/dupont-analysis', label: '杜邦分析', icon: 'TrendCharts', roles: ['ceo', 'finance', 'it'] },
+
   // ── 行动管理 ──
   { path: '/alerts', label: '预警中心', icon: 'WarningFilled', roles: ['ceo', 'finance', 'business', 'it'], group: '行动管理' },
   { path: '/action-plans', label: '改善行动', icon: 'Edit', roles: ['ceo', 'finance', 'business', 'it'] },

frontend/src/router/index.ts

@@ -27,7 +27,10 @@ const routes = [
       { path: 'deviations', name: 'DeviationDashboard', component: () => import('@/views/DeviationDashboard.vue'), meta: { title: '差异分析', roles: ['ceo', 'finance', 'business', 'it'] } },
       { path: 'cost', name: 'CostDashboard', component: () => import('@/views/CostDashboard.vue'), meta: { title: '成本分析', roles: ['ceo', 'finance', 'it'] } },
       { path: 'predict', name: 'PredictDashboard', component: () => import('@/views/PredictDashboard.vue'), meta: { title: '预测模拟', roles: ['ceo', 'finance', 'it'] } },
-      { path: 'action-plans', name: 'ActionPlans', component: () => import('@/views/AlertList.vue'), meta: { title: '改善行动', roles: ['ceo', 'finance', 'business', 'it'], tab: 'plans' } },
+      { path: 'action-plans', name: 'ActionPlans', component: () => import('@/views/ActionPlanLibrary.vue'), meta: { title: '改善行动', roles: ['ceo', 'finance', 'business', 'it'] } },
+      { path: 'reports', name: 'ReportCenter', component: () => import('@/views/ReportCenter.vue'), meta: { title: '管理报表', roles: ['ceo', 'finance', 'business'] } },
+      { path: 'alignment', name: 'KPIAlignment', component: () => import('@/views/KPIAlignment.vue'), meta: { title: '战略执行看板', roles: ['ceo', 'finance', 'business', 'it'] } },
+      { path: 'dupont-analysis', name: 'DupontAnalysis', component: () => import('@/views/DupontAnalysis.vue'), meta: { title: '杜邦分析', roles: ['ceo', 'finance', 'it'] } },
     ]
   },
 ]