From 6c7f8dbe616d853e6aeba3c36d67199fecd0de4e Mon Sep 17 00:00:00 2001
From: yueli <yueli@example.com>
Date: Mon, 3 Aug 2026 13:25:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=BC=B9=E7=AA=97=E6=97=A0=E6=B3=95=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- AppMain.vue: 将 router-view 的 key 从 route.fullPath 改为 route.path，避免 query 参数变化导致组件销毁重建
- list.vue: watch 中 router.replace 增加 query 非空判断，防止不必要的 URL 清理
- list.vue: handleEdit 的 nextTick 增加 try-catch 防御性保护
- list.vue: 添加 onUnmounted 调试探针
---
 .../src/layout/components/AppMain.vue         |  2 +-
 inventory-web/src/views/material/list.vue     | 63 +++++++++++--------
 2 files changed, 38 insertions(+), 27 deletions(-)

diff --git a/inventory-web/src/layout/components/AppMain.vue b/inventory-web/src/layout/components/AppMain.vue
index b588ffd..bf3922d 100644
--- a/inventory-web/src/layout/components/AppMain.vue
+++ b/inventory-web/src/layout/components/AppMain.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="app-main">
     <router-view v-slot="{ Component, route }">
-      <component :is="Component" :key="route.fullPath" />
+      <component :is="Component" :key="route.path" />
     </router-view>
   </section>
 </template>
diff --git a/inventory-web/src/views/material/list.vue b/inventory-web/src/views/material/list.vue
index 12b9dbc..12607d2 100644
--- a/inventory-web/src/views/material/list.vue
+++ b/inventory-web/src/views/material/list.vue
@@ -711,7 +711,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, nextTick, computed, watch } from 'vue';
+import { ref, reactive, onMounted, onUnmounted, nextTick, computed, watch } from 'vue';
 import { Plus, Document, DocumentCopy, Refresh, Setting, Rank, Camera, Download, Bell, CircleCheck, Files, ZoomIn, Delete, Picture, ShoppingCart, Upload } from '@element-plus/icons-vue';
 import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
 import type { FormInstance, FormRules } from 'element-plus';
@@ -1392,35 +1392,40 @@ const handleEdit = (row: MaterialBaseVO) => {
   dialog.visible = true;
 
   nextTick(() => {
-    const data = JSON.parse(JSON.stringify(row));
-    Object.assign(form.value, data);
+    console.log("🔍 nextTick 开始执行...");
+    try {
+      const data = JSON.parse(JSON.stringify(row));
+      Object.assign(form.value, data);
 
-    // 深拷贝保存原始数据用于脏检查
-    originalForm.value = JSON.parse(JSON.stringify(data));
+      // 深拷贝保存原始数据用于脏检查
+      originalForm.value = JSON.parse(JSON.stringify(data));
 
-    if (data.category) {
-      const parts = data.category.split('/');
-      if (parts.length > 0) {
-        tempCategorySuffix.value = parts.pop() || '';
-        tempCategoryPrefix.value = parts;
+      if (data.category) {
+        const parts = data.category.split('/');
+        if (parts.length > 0) {
+          tempCategorySuffix.value = parts.pop() || '';
+          tempCategoryPrefix.value = parts;
+        } else {
+          tempCategoryPrefix.value = [];
+          tempCategorySuffix.value = data.category;
+        }
       } else {
         tempCategoryPrefix.value = [];
-        tempCategorySuffix.value = data.category;
+        tempCategorySuffix.value = '';
       }
-    } else {
-      tempCategoryPrefix.value = [];
-      tempCategorySuffix.value = '';
+
+      const images = row.generalImage || [];
+      const manuals = row.generalManual || [];
+
+      // 只显示真正的上传文件，备注字段已由 Object.assign 自动回显到 form.productImageRemark / form.manualLinkRemark
+      const imgFiles = images.filter(u => isInternalFile(u));
+      const manualFiles = manuals.filter(u => isInternalFile(u));
+
+      fileListImage.value = imgFiles.map(url => ({ name: url.split('/').pop(), url: getImageUrl(url) }));
+      fileListManual.value = manualFiles.map(url => ({ name: url.split('/').pop(), url: getImageUrl(url) }));
+    } catch (error) {
+      console.error("🚨 抓到凶手了！nextTick 内部执行崩溃：", error);
     }
-
-    const images = row.generalImage || [];
-    const manuals = row.generalManual || [];
-
-    // 只显示真正的上传文件，备注字段已由 Object.assign 自动回显到 form.productImageRemark / form.manualLinkRemark
-    const imgFiles = images.filter(u => isInternalFile(u));
-    const manualFiles = manuals.filter(u => isInternalFile(u));
-
-    fileListImage.value = imgFiles.map(url => ({ name: url.split('/').pop(), url: getImageUrl(url) }));
-    fileListManual.value = manualFiles.map(url => ({ name: url.split('/').pop(), url: getImageUrl(url) }));
   });
 };
 
@@ -1963,8 +1968,10 @@ watch(
       queryParams.keyword = newKeyword as string;
       queryParams.searchField = 'all';
       getList();
-      // 清理 URL 参数，防止刷新后重复触发搜索
-      router.replace({ path: route.path, query: {} });
+      // 清理 URL 参数，防止刷新后重复触发搜索（仅当 URL 确实带参时才清理，避免触发组件 key 变化）
+      if (Object.keys(route.query).length > 0) {
+        router.replace({ path: route.path, query: {} });
+      }
     }
   },
   { immediate: true }
@@ -2010,6 +2017,10 @@ onMounted(() => {
     });
   }
 });
+
+onUnmounted(() => {
+  console.warn("💀 警告：当前 list.vue 组件被销毁了！如果你看到这条日志，说明 router.replace 把页面重置了！");
+});
 </script>
 
 <style scoped>