diff --git a/src/views/mes/qc/batchtrace/BatchTraceDetailList.vue b/src/views/mes/qc/batchtrace/BatchTraceDetailList.vue
index ce68a7ecc..8c227d027 100644
--- a/src/views/mes/qc/batchtrace/BatchTraceDetailList.vue
+++ b/src/views/mes/qc/batchtrace/BatchTraceDetailList.vue
@@ -25,14 +25,6 @@ const props = defineProps<{
 const loading = ref(true) // 列表的加载中
 const batchList = ref<BatchVO[]>([]) // 列表的数据
 
-watch(
-  () => props.batchCode,
-  (val) => {
-    if (val) {
-      getList()
-    }
-  }
-)
 /** 查询列表 */
 const getList = async () => {
   if (!props.batchCode) {
@@ -49,6 +41,16 @@ const getList = async () => {
   }
 }
 
+/** 监听批次编号变化 */
+watch(
+  () => props.batchCode,
+  (val) => {
+    if (val) {
+      getList()
+    }
+  }
+)
+
 /** 初始化 */
 onMounted(() => {
   getList()
diff --git a/src/views/mes/qc/batchtrace/index.vue b/src/views/mes/qc/batchtrace/index.vue
index 84befd1a9..0119c8895 100644
--- a/src/views/mes/qc/batchtrace/index.vue
+++ b/src/views/mes/qc/batchtrace/index.vue
@@ -101,9 +101,8 @@ import BatchTraceDetail from './BatchTraceDetail.vue'
 defineOptions({ name: 'BatchTrace' })
 
 const loading = ref(true) // 列表的加载中
-const total = ref(0) // 列表的总页数
 const list = ref<BatchVO[]>([]) // 列表的数据
-const queryFormRef = ref() // 搜索的表单
+const total = ref(0) // 列表的总页数
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -114,6 +113,8 @@ const queryParams = reactive({
   salesOrderCode: undefined,
   purchaseOrderCode: undefined
 })
+const queryFormRef = ref() // 搜索的表单
+const detailRef = ref() // 详情弹窗
 
 /** 查询列表 */
 const getList = async () => {
@@ -140,7 +141,6 @@ const resetQuery = () => {
 }
 
 /** 批次追溯按钮操作 */
-const detailRef = ref()
 const openDetail = (row: BatchVO) => {
   detailRef.value.open(row)
 }