From ba060cbb5e5cf99211cda82b22c71f203c773540 Mon Sep 17 00:00:00 2001
From: duxingchen <duxingchen@iris-rs.cn>
Date: Mon, 10 Aug 2026 15:25:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor(mobile):=20=E6=B5=81=E8=BD=AC=E6=A0=91?=
 =?UTF-8?q?=E5=9B=BA=E5=AE=9A100%=E6=AF=94=E4=BE=8B=EF=BC=8C=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E5=8F=8C=E6=8C=87=E7=BC=A9=E6=94=BE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 movable-view 的 :scale/:scale-min/:scale-max/:scale-value 属性
- 移除 onScale/zoomIn/zoomOut 方法及工具栏缩放按钮
- 移除顶部双指缩放·单指拖拽提示文字
- fitAll 简化为纯居中定位 (mvX/mvY)，不再调整缩放比
- 工具栏仅保留: 返回 | 流转蓝图 | 卡片切换 | 全览
---
 .../src/pages/scan/components/TreeCanvas.vue  | 50 +++----------------
 1 file changed, 8 insertions(+), 42 deletions(-)

diff --git a/track-uniapp/src/pages/scan/components/TreeCanvas.vue b/track-uniapp/src/pages/scan/components/TreeCanvas.vue
index 5b0db70..c8fb0ae 100644
--- a/track-uniapp/src/pages/scan/components/TreeCanvas.vue
+++ b/track-uniapp/src/pages/scan/components/TreeCanvas.vue
@@ -3,16 +3,10 @@
     <view class="tc-toolbar">
       <view class="tc-toolbar-left">
         <view class="tc-back-btn" @tap="$emit('back')">← 返回</view>
-        <view style="display:flex;flex-direction:column;gap:2px;">
-          <text class="tc-title">🌳 流转蓝图</text>
-          <text class="tc-hint">双指缩放 · 单指拖拽</text>
-        </view>
+        <text class="tc-title">🌳 流转蓝图</text>
       </view>
       <view class="tc-toolbar-right">
         <view class="tc-zoom-btn tc-mode-btn" @tap="$emit('swipe')">📇 卡片</view>
-        <view class="tc-zoom-btn" @tap="zoomOut">－</view>
-        <text class="tc-zoom-label">{{ Math.round(mvScale * 100) }}%</text>
-        <view class="tc-zoom-btn" @tap="zoomIn">＋</view>
         <view class="tc-zoom-btn tc-fit-btn" @tap="fitAll">⊡ 全览</view>
       </view>
     </view>
@@ -24,10 +18,9 @@
     <template v-else>
       <movable-area class="tree-movable-area" :style="{ width: viewportW + 'px', height: areaHeight + 'px' }">
         <movable-view class="tree-movable-view" direction="all"
-          :x="mvX" :y="mvY" :scale="true" :scale-min="0.1" :scale-max="5"
-          :scale-value="mvScale" :style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }"
+          :x="mvX" :y="mvY" :style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }"
           :inertia="true" :friction="2" :damping="40"
-          @scale="onScale" @change="onChange">
+          @change="onChange">
 
           <view class="canvas-inner">
             <!-- 🔧 连线层 -->
@@ -67,16 +60,13 @@ export default {
   emits: ["viewRecords", "back", "swipe"],
   data() {
     return {
-      mvX: 0, mvY: 0, mvScale: 1,
+      mvX: 0, mvY: 0,
       viewportW: 375, viewportH: 600,
       areaHeight: 500,
-      _scalePending: false,
-      _pendingScale: 1,
     };
   },
   mounted() {
     try { const info = uni.getSystemInfoSync(); this.viewportW = info.windowWidth || 375; this.viewportH = info.windowHeight || 600; } catch {}
-    // 🚀 给 movable-area 明确像素高度，避免 flex:1 导致触摸区域计算不准
     this.areaHeight = Math.max(this.viewportH - 100, 400);
     this.$nextTick(() => this.fitAll());
   },
@@ -208,33 +198,13 @@ export default {
     // ============================================================
     canvasWidth() { const ns = this.treeNodes; if (!ns.length) return 400; return Math.max(...ns.map(n => n.x)) + 200; },
     canvasHeight() { const ns = this.treeNodes; if (!ns.length) return 400; return Math.max(...ns.map(n => n.y)) + 200; },
-    fitScale() {
-      if (!this.treeNodes.length) return 1;
-      return Math.max(0.1, Math.min((this.viewportW - 32) / this.canvasWidth, (this.areaHeight - 16) / this.canvasHeight, 1));
-    }
   },
   methods: {
-    // 🚀 缩放事件节流：用 rAF 限频，避免每帧触发 Vue 响应式更新导致卡顿
-    onScale(e) {
-      const s = e?.detail?.scale;
-      if (!s) return;
-      this._pendingScale = s;
-      if (!this._scalePending) {
-        this._scalePending = true;
-        // uni-app 环境优先用定时器（兼容小程序），H5 用 rAF
-        const schedule = typeof requestAnimationFrame === 'function' ? requestAnimationFrame : (fn) => setTimeout(fn, 16);
-        schedule(() => {
-          this.mvScale = this._pendingScale;
-          this._scalePending = false;
-        });
-      }
-    },
-    // 🚀 手势结束后同步位置（仅记录，不回绑 :x/:y 避免干扰原生拖拽）
+    // 🚀 手势结束后同步位置
     onChange(e) {
       if (e?.detail?.x !== undefined) this.mvX = e.detail.x;
       if (e?.detail?.y !== undefined) this.mvY = e.detail.y;
     },
-    zoomIn() { this.mvScale = Math.min(5, +(this.mvScale + 0.2).toFixed(1)); },
     handleNodeTap(node) {
       if (node.records && node.records.length > 0) {
         this.$emit('viewRecords', node);
@@ -242,18 +212,14 @@ export default {
         uni.showToast({ title: '当前节点暂无流转记录', icon: 'none' });
       }
     },
-    zoomOut() { this.mvScale = Math.max(0.1, +(this.mvScale - 0.2).toFixed(1)); },
-    // 🚀 全览居中：缩放至适配 + 主分支水平居中 + 垂直起始位置
+    // 🚀 全览居中：固定 100% 比例，内容整体在视口中居中
     fitAll() {
-      const scale = this.fitScale;
       const canvasW = this.canvasWidth;
       const canvasH = this.canvasHeight;
       const viewW = this.viewportW;
       const viewH = this.areaHeight;
-      // 内容整体在视口中居中
-      this.mvScale = scale;
-      this.mvX = (viewW - canvasW * scale) / 2;
-      this.mvY = (viewH - canvasH * scale) / 2;
+      this.mvX = (viewW - canvasW) / 2;
+      this.mvY = (viewH - canvasH) / 2;
     },
     fmtDate(d) { if (!d) return ""; const dt = new Date(d); return (dt.getMonth() + 1) + '/' + dt.getDate(); },
     statusLabel(s) { const m = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", CANCELED: "已撤回" }; return m[s] || s; },