feat: Track 移动端状态展示与流转树全览改造

- 宏观状态栏补已入库/已出库语义色;OVERALL_OPTIONS 补已入库/已出库
- 在库任务'转入在库'显示实际操作人(assignee);补 OUTBOUND 状态色
- 流转树全览(TreeCanvas)由可移动 canvas 改为纵向递归树,复用 TaskTreeNode

track-uniapp/src/pages/scan/detail.vue

@@ -9,7 +9,7 @@
         <view :key="'prod-card-' + dictVersion">
         <view class="overall-bar" @tap="handleOverallBarClick">
           <text class="overall-label">宏观状态</text>
-          <text :class="['overall-val', product.overall_status ? '' : 'overall-empty']">{{ product.overall_status || '未激活 — 点击发起首道工序' }}</text>
+          <text :class="['overall-val', overallStatusClass(product.overall_status)]">{{ product.overall_status || '未激活 — 点击发起首道工序' }}</text>
           <text v-if="product.task_tree && product.task_tree.length && canEditOverallStatus" class="overall-arrow">▾</text>
         </view>
 
@@ -58,7 +58,9 @@
         @viewRecords="handleViewRecords" />
 
       <!-- 🌳 流转树：全屏独立视图 -->
-      <TreeCanvas v-if="currentMode === 'tree'" :product="product" :key="'tc-' + dictVersion" @viewRecords="handleViewRecords" @back="currentMode = 'workspace'" @swipe="currentMode = 'swipe'" />
+      <TreeCanvas v-if="currentMode === 'tree'" :product="product" :key="'tc-' + dictVersion"
+        :currentUser="currentUser" :currentUserId="currentUserId" :currentUsername="currentUsername"
+        @viewRecords="handleViewRecords" @back="currentMode = 'workspace'" @swipe="currentMode = 'swipe'" />
 
     </template>
 
@@ -219,7 +221,7 @@ import WorkspaceArea from "./components/WorkspaceArea.vue";
 import TreeCanvas from "./components/TreeCanvas.vue";
 import TaskSwipeCards from "./components/TaskSwipeCards.vue";
 
-const OVERALL_OPTIONS = ["备货", "生产", "测试", "维修", "在库"];
+const OVERALL_OPTIONS = ["备货", "生产", "测试", "维修", "在库", "已入库", "已出库"];
 const TASK_NAME_OPTIONS = ["备货", "生产", "测试", "维修", "在库"];
 const STATUS_MAP = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", CANCELED: "已撤回" };
 
@@ -319,6 +321,14 @@ export default {
     toggleMode() { if (this.currentMode === 'workspace') this.currentMode = 'swipe'; else if (this.currentMode === 'swipe') this.currentMode = 'tree'; else this.currentMode = 'workspace'; },
 
     async handleSetOverallStatus(status) { try { this.product = await patch(`/products/scan/${this.product.serial_number}/status`, { status }); uni.showToast({ title: `状态已更新: ${status}`, icon: "success" }); this.showStatusPicker = false; } catch {} },
+    // 宏观状态语义色：已入库=灰，已出库=靛蓝，待仓库收货=橙，其余默认蓝
+    overallStatusClass(status) {
+      if (!status) return 'overall-empty';
+      if (status === '已入库') return 'overall-archived';
+      if (status === '已出库') return 'overall-outbound';
+      if (status === '待仓库收货') return 'overall-warehouse';
+      return '';
+    },
     openEditProduct() { this.editForm = { order_no: this.product.order_no || "", external_serial: this.product.external_serial || "" }; this.editProductVisible = true; },
     async doEditProduct() { this.editSaving = true; try { this.product = await patch(`/products/${this.product.id}`, { order_no: this.editForm.order_no.trim(), external_serial: this.editForm.external_serial.trim() }); uni.showToast({ title: "已保存", icon: "success" }); this.editProductVisible = false; } catch {} finally { this.editSaving = false; } },
 
@@ -476,6 +486,9 @@ export default {
 .overall-label { font-size: 13px; color: #6b7280; }
 .overall-val { font-size: 15px; font-weight: 700; color: #2563eb; flex: 1; }
 .overall-empty { color: #ef4444; }
+.overall-archived { color: #6b7280; }  /* 已入库：灰 */
+.overall-outbound { color: #4f46e5; }  /* 已出库：靛蓝 */
+.overall-warehouse { color: #ea580c; } /* 待仓库收货：橙 */
 .overall-arrow { font-size: 12px; color: #9ca3af; }
 .card { background: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); flex-shrink: 0; min-height: 120px; }
 .card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 6px; }