fix: 补全全栈Bot所有P0/P1/P2功能 — 视角切换/客户路由/菜单/部署脚本加固

frontend/src/views/MapCanvas.vue

@@ -13,7 +13,13 @@
           <span class="zoom-label">{{ Math.round(zoomLevel * 100) }}%</span>
           <el-button size="small" @click="zoomIn" :disabled="zoomLevel >= 1.5">+</el-button>
           <el-button size="small" @click="zoomReset">100%</el-button>
+          <el-button size="small" @click="zoomFit">适合</el-button>
         </div>
+        <!-- 视角切换 -->
+        <el-radio-group v-model="viewDirection" size="small" style="margin-right:8px;">
+          <el-radio-button value="cascade">📐 级联</el-radio-button>
+          <el-radio-button value="causal">🔗 因果</el-radio-button>
+        </el-radio-group>
         <el-button type="primary" @click="saveCanvas">保存</el-button>
         <el-button type="success" @click="publishMap" v-if="currentMap?.status === 'draft'">发布</el-button>
         <el-button @click="showVersions = true; loadVersions()">版本历史</el-button>
@@ -221,7 +227,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed, onMounted, nextTick, onUnmounted } from "vue"
+import { ref, reactive, computed, watch, onMounted, nextTick, onUnmounted } from "vue"
 import { ElMessage, ElMessageBox } from "element-plus"
 import { mapApi, kpiApi } from "../api/index"
 import KnowledgePanel from '../components/KnowledgePanel.vue'
@@ -281,6 +287,11 @@ const layerRefs: Record<string, HTMLElement> = {}
 const nodeRefs: Record<string, HTMLElement> = {}
 const connectionLinesRef = ref<any>(null)
 const recalcTrigger = ref(0)
+const viewDirection = ref('cascade')
+
+watch(viewDirection, () => {
+  recalcTrigger.value++
+})
 
 // 泳道组件实例引用（用于汇聚各层内部的nodeRefs给ConnectionLines）
 const layerCompRefs: Record<string, any> = {}