From e7747b960fe71e3984b43c6f2b163e9baeee6071 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Tue, 11 Nov 2025 17:17:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BE=BF=E5=88=A9=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Table/src/components/HeaderCell.vue        | 18 ++++++++++++------
 .../ConfigMaterial/ConfigMaterialInfo.data.ts  |  3 ++-
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/Table/src/components/HeaderCell.vue b/src/components/Table/src/components/HeaderCell.vue
index d00f54f..f792fd6 100644
--- a/src/components/Table/src/components/HeaderCell.vue
+++ b/src/components/Table/src/components/HeaderCell.vue
@@ -4,8 +4,8 @@
   </EditTableHeaderCell>
   <span v-else>
     <span v-if="isShowDb" @click="handleClick">
-      <span v-if="searchParam != paramKey">{{ getTitle }}<Icon icon="ant-design:search-outlined" /></span>
-      <span v-if="searchParam == paramKey"><input :value="paramValue" style="width: 80px;" placeholder="输入参数值" @blur="handleBlur($event)" @keyup.enter="handleBlur($event)" /></span>
+      <span v-if="searchParam != paramKey" style="cursor:pointer;">{{ getTitle }}<Icon icon="ant-design:search-outlined" /></span>
+      <span v-if="searchParam == paramKey"><input ref="searchInputRef" :value="paramValue" style="width: 80px;" placeholder="输入参数值" @blur="handleBlur($event)" @keyup.enter="handleBlur($event)" /></span>
     </span>
     <span v-else>{{ getTitle }}</span>
   </span>
@@ -14,7 +14,7 @@
 <script lang="ts">
   import type { PropType } from 'vue';
   import type { BasicColumn } from '../types/table';
-  import { defineComponent, computed,ref } from 'vue';
+  import { defineComponent, computed,ref,nextTick  } from 'vue';
   import BasicHelp from '/@/components/Basic/src/BasicHelp.vue';
   import EditTableHeaderCell from './EditTableHeaderIcon.vue';
   import { useDesign } from '/@/hooks/web/useDesign';
@@ -43,6 +43,7 @@
         console.log("🚀 ~ props.column:", props.column)
         return search;
       });
+      const searchInputRef = ref<HTMLInputElement | null>(null);
       let searchParam = ref<string>('');
       let paramValue = ref<string>('');
       const paramKey = computed(() => props.column?.key);
@@ -59,7 +60,7 @@
       });
       const getHelpMessage = computed(() => props.column?.helpMessage);
 
-      function handleBlur(event){
+      async function handleBlur(event){
         const value = event.target.value; // 从事件对象中获取值
         console.log("event.target", event.target);
         console.log("handleBlur", value);
@@ -67,12 +68,17 @@
         paramValue.value = "";
         emit('headerSearch', {key:paramKey.value,value:value});
       }
-      function handleClick() {
+      async function handleClick() {
         console.log("🚀 ~ item:", props.column)
         searchParam.value = (props.column?.key as string) || '';
         paramValue.value = "";
+        await nextTick();
+        // 然后聚焦输入框
+        if (searchInputRef.value) {
+          searchInputRef.value.focus();
+        }
       }
-      return { prefixCls, getIsEdit, getTitle, getHelpMessage,isShowDb,handleClick,paramKey,searchParam,paramValue,handleBlur };
+      return { prefixCls, getIsEdit, getTitle, getHelpMessage,isShowDb,handleClick,paramKey,searchParam,paramValue,handleBlur,searchInputRef  };
     },
   });
 </script>
diff --git a/src/views/invoicing/ConfigMaterial/ConfigMaterialInfo.data.ts b/src/views/invoicing/ConfigMaterial/ConfigMaterialInfo.data.ts
index 5b9a91c..6b5362a 100644
--- a/src/views/invoicing/ConfigMaterial/ConfigMaterialInfo.data.ts
+++ b/src/views/invoicing/ConfigMaterial/ConfigMaterialInfo.data.ts
@@ -21,7 +21,8 @@ export const columns: BasicColumn[] = [
   {
     title: '规格型号',
     align: "center",
-    dataIndex: 'specificationModel'
+    dataIndex: 'specificationModel',
+    search: true,
   },
   {
     title: '销售单价',