From 3c5c91fb76633befa5991d0d482b1a3ac0a6001c Mon Sep 17 00:00:00 2001
From: "zangch@mesnac.com" <zangch@mesnac.com>
Date: Wed, 25 Feb 2026 15:17:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(mes):=20=E6=B7=BB=E5=8A=A0=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E5=8F=82=E6=95=B0=E6=94=AF=E6=8C=81=E8=BF=BD=E6=BA=AF?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在backward1.vue中引入useRoute并实现从路由参数初始化查询条件
- 在forward1.vue中使用路由参数覆盖默认条码类型和条码号
- 在tire1.vue中修正成型节点追溯时的条码类型为硫化号(4)
- 实现initFromRoute方法统一处理路由参数初始化逻辑
- 更新组件挂载时调用initFromRoute确保参数正确加载
---
 src/views/mes/mixTrace/show/backward1.vue | 15 +++++++++++++-
 src/views/mes/mixTrace/show/forward1.vue  | 25 ++++++++++++++++++++---
 src/views/mes/mixTrace/show/tire1.vue     |  4 ++--
 3 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/src/views/mes/mixTrace/show/backward1.vue b/src/views/mes/mixTrace/show/backward1.vue
index 7b24fb0..536a93e 100644
--- a/src/views/mes/mixTrace/show/backward1.vue
+++ b/src/views/mes/mixTrace/show/backward1.vue
@@ -132,7 +132,7 @@
 
 <script setup lang="ts" name="MixTraceBackward1">
 import { onMounted, reactive, ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus';
 import backwardData from './data/backward1.json';
 import backwardDetailData from './data/backward2.json';
@@ -155,6 +155,7 @@ interface BackwardRow {
 }
 
 const router = useRouter();
+const route = useRoute();
 const detailMap = (backwardDetailData as any).detailMap || {};
 
 const queryParams = reactive({
@@ -169,6 +170,17 @@ const queryParams = reactive({
   pageSize: 10
 });
 
+const initFromRoute = () => {
+  // 默认反向追溯条码类型为硫化号(4)
+  const typeFromRoute = String(route.query.barcodeType || '').trim();
+  const noFromRoute = String(route.query.barcodeNo || '').trim();
+
+  queryParams.barcodeType = (typeFromRoute || '4') as BarcodeType;
+  if (noFromRoute) {
+    queryParams.barcodeNo = noFromRoute;
+  }
+};
+
 const tableData = ref<BackwardRow[]>([]);
 const total = ref(0);
 
@@ -282,6 +294,7 @@ const handleRowClick = (row: BackwardRow) => {
 };
 
 onMounted(() => {
+  initFromRoute();
   refreshTable();
 });
 </script>
diff --git a/src/views/mes/mixTrace/show/forward1.vue b/src/views/mes/mixTrace/show/forward1.vue
index 99a3734..f014204 100644
--- a/src/views/mes/mixTrace/show/forward1.vue
+++ b/src/views/mes/mixTrace/show/forward1.vue
@@ -157,6 +157,7 @@
 
 <script setup lang="ts" name="MixTraceForward">
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
 import { ArrowRight, Document, Folder } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';
 import * as echarts from 'echarts';
@@ -170,11 +171,12 @@ const barcodeIndex = source.barcodeIndex || {};
 const treeProps = { children: 'children', label: 'label' };
 const treeData = ref<any[]>(source.treeData || []);
 const treeRef = ref();
+const route = useRoute();
 
 const loading = ref(false);
 const searchText = ref('');
-const barcodeType = ref(String(source.defaultBarcodeType || '2'));
-const barcodeNo = ref(String(source.defaultBarcode || ''));
+const barcodeType = ref(String(route.query.barcodeType || source.defaultBarcodeType || '2'));
+const barcodeNo = ref(String(route.query.barcodeNo || source.defaultBarcode || ''));
 const selectedNodeId = ref<string>('');
 const curveCollapsed = ref(true);
 
@@ -231,6 +233,23 @@ const handleSearch = () => {
   ElMessage.success(`已定位条码: ${barcode}`);
 };
 
+const initFromRoute = () => {
+  // 优先使用路由参数，默认条码类型为成品胎(5)
+  const typeFromRoute = String(route.query.barcodeType || '').trim();
+  const noFromRoute = String(route.query.barcodeNo || '').trim();
+
+  if (typeFromRoute) {
+    barcodeType.value = typeFromRoute;
+  } else {
+    barcodeType.value = '5';
+  }
+
+  if (noFromRoute) {
+    barcodeNo.value = noFromRoute;
+    handleSearch();
+  }
+};
+
 const initChart = () => {
   if (!chartRef.value) return;
   const cd = curveDataSource.value;
@@ -385,7 +404,7 @@ const renderChartWithDelay = () => {
 const toggleCurve = () => {
   curveCollapsed.value = !curveCollapsed.value;
   if (!curveCollapsed.value) {
-    renderChartWithDelay();
+    nextTick(() => initChart());
   }
 };
 
diff --git a/src/views/mes/mixTrace/show/tire1.vue b/src/views/mes/mixTrace/show/tire1.vue
index 9d741cc..5a9660e 100644
--- a/src/views/mes/mixTrace/show/tire1.vue
+++ b/src/views/mes/mixTrace/show/tire1.vue
@@ -103,10 +103,10 @@ const handleProcessClick = (event: MouseEvent) => {
   const ratio = x / rect.width;
 
   if (ratio >= REGIONS.molding.left && ratio <= REGIONS.molding.right) {
-    // 点击"成型"节点 → 反向追溯，条码类型=3(成型号)
+    // 点击"成型"节点 → 反向追溯，条码类型=4(硫化号)
     router.push({
       path: '/mes/mixTrace/show/backward1',
-      query: { barcodeType: '3', barcodeNo: tireNo.value }
+      query: { barcodeType: '4', barcodeNo: tireNo.value }
     });
   } else if (ratio >= REGIONS.qualityCheck.left && ratio <= REGIONS.qualityCheck.right) {
     // 点击"质检区"（外观/X光/动平衡/均匀性）→ 正向追溯，条码类型=5(成品胎)