From e564c5a5d2dd373908a7efb462c6622cb0091cc6 Mon Sep 17 00:00:00 2001
From: DXC <duxingchen@iris-rs.cn>
Date: Tue, 26 May 2026 08:50:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BB=A5=E5=9B=BE=E6=90=9C=E5=9B=BE?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E7=89=A9=E6=96=99=E9=A1=B5=E9=9D=A2=E7=94=A8?=
 =?UTF-8?q?=20watch=20=E6=8E=A5=E7=AE=A1=E6=9F=A5=E8=AF=A2=EF=BC=8C?=
 =?UTF-8?q?=E9=98=B2=E6=AD=A2=20URL=20=E5=8F=82=E6=95=B0=E6=AE=8B=E7=95=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 inventory-web/src/views/material/list.vue | 30 +++++++++++++++--------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/inventory-web/src/views/material/list.vue b/inventory-web/src/views/material/list.vue
index 329e3ba..4b7a830 100644
--- a/inventory-web/src/views/material/list.vue
+++ b/inventory-web/src/views/material/list.vue
@@ -642,7 +642,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, nextTick, computed } from 'vue';
+import { ref, reactive, onMounted, nextTick, computed, watch } from 'vue';
 import { Plus, Document, Refresh, Setting, Rank, Camera, Link, Download, Bell, CircleCheck, Files, ZoomIn, Delete, Picture } from '@element-plus/icons-vue';
 import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
 import type { FormInstance, FormRules } from 'element-plus';
@@ -1736,17 +1736,27 @@ const resetAdvancedFilter = () => {
   getList();
 };
 
-onMounted(() => {
-  // 1. 修复背景联动：直接对 reactive 对象赋值
-  if (route.query.keyword) {
-    queryParams.keyword = route.query.keyword as string;
-    queryParams.searchField = 'all';
-  }
+// 以图搜图跳转：监听路由 keyword 参数，自动搜索并清理 URL
+watch(
+  () => route.query.keyword,
+  (newKeyword) => {
+    if (newKeyword) {
+      queryParams.keyword = newKeyword as string;
+      queryParams.searchField = 'all';
+      getList();
+      // 清理 URL 参数，防止刷新后重复触发搜索
+      router.replace({ path: route.path, query: {} });
+    }
+  },
+  { immediate: true }
+);
 
-  // 先根据权限初始化列显示状态
+onMounted(() => {
   initColumnPermissions();
-  // 此时 getList 会带着正确的 keyword 向后端请求过滤后的数据
-  getList();
+  // 无外部 keyword 参数时执行默认查询；有 keyword 则由上方的 watch 接管
+  if (!route.query.keyword) {
+    getList();
+  }
   getOptionsList();
 
   // 2. 修复弹窗锁定逻辑