From aa81cee009c2814a3d911124a1ef9a31b1276342 Mon Sep 17 00:00:00 2001
From: Hermes CI Fix <hermes-ci@sxbh.ltd>
Date: Tue, 8 Sep 2026 20:35:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(maps):=20MapCanvas=20onMounted=20=E5=BF=BD?=
 =?UTF-8?q?=E7=95=A5=E8=B7=AF=E7=94=B1=20:id=20=E6=81=92=E5=8F=96=E7=AC=AC?=
 =?UTF-8?q?=E4=B8=80=E5=BC=A0=E5=9C=B0=E5=9B=BE=20=E2=80=94=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=20/maps/canvas/53=20=E6=89=93=E5=BC=80=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA54=E7=A9=BA=E5=9B=BE=E3=80=81=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E8=8A=82=E7=82=B9=E8=90=BD=E9=94=99=E5=9C=B0=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/MapCanvas.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/MapCanvas.vue b/frontend/src/views/MapCanvas.vue
index 46ebb8a8..55290862 100644
--- a/frontend/src/views/MapCanvas.vue
+++ b/frontend/src/views/MapCanvas.vue
@@ -176,6 +176,7 @@
 
 <script setup lang="ts">
 import { ref, reactive, computed, watch, onMounted, nextTick, onUnmounted } from "vue"
+import { useRoute } from "vue-router"
 import { ElMessage, ElMessageBox } from "element-plus"
 import { mapApi, kpiApi, okrTemplateApi, okrApi } from "../api/index"
 import KnowledgePanel from '../components/KnowledgePanel.vue'
@@ -192,6 +193,7 @@ import html2canvas from "html2canvas"
 // ── 四层泳道配置 ──
 const layerKeysOrdered = [...LAYER_KEYS]
 const orderedLayerConfigs = getLayerList()
+const route = useRoute()
 
 // ── 状态 ──
 const maps = ref<any[]>([])
@@ -1249,8 +1251,12 @@ function onWindowResize() {
 onMounted(async () => {
   const r: any = await mapApi.list()
   maps.value = r.data || []
-  if (maps.value.length > 0) {
-    selectedMap.value = maps.value[0].id
+  // 路由带 id 优先加载对应地图（2026-09-08 修复：原忽略 :id 恒取第一张，
+  // 致 /maps/canvas/53 打开却显示最新图54、新增节点落错地图）
+  const routeId = Number(route.params.id)
+  const target = maps.value.find((m: any) => m.id === routeId) || maps.value[0]
+  if (target) {
+    selectedMap.value = target.id
     loadCanvas()
   } else {
     ensureFourLayers()