From fbaa67e7767b455b5dd902eb9a8d5786ec01df30 Mon Sep 17 00:00:00 2001
From: zhaowenhao <zhaowenhao@kylinos.cn>
Date: Tue, 25 Nov 2025 17:17:12 +0800
Subject: [PATCH] feat: access fuzzy search and action slot

+ access fuzzy search and action slot
---
 .../web/src/components/KyTable/index.vue      | 38 +++++++++++++++++++
 automation/web/src/lang/zh.ts                 |  3 +-
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/automation/web/src/components/KyTable/index.vue b/automation/web/src/components/KyTable/index.vue
index b87f2f6c..affd0816 100644
--- a/automation/web/src/components/KyTable/index.vue
+++ b/automation/web/src/components/KyTable/index.vue
@@ -47,6 +47,24 @@
           </div>
           <template v-if="showSearchAndSelect">
             <slot name="search-select"></slot>
+            <template v-if="showFuzzySearch">
+              <div class="table-search-input">
+                <el-tooltip placement="top" effect="dark" :content="content" :visible="displayTip">
+                  <el-input
+                    :placeholder="$t('Please input the content')"
+                    :prefix-icon="ElIconSearch"
+                    v-model="objSearch.search"
+                    @blur="handleBlur"
+                    @focus="handleFocus"
+                    class="search-input"
+                    :clearable="true"
+                    @clear="handleFuzzySearch"
+                    @keyup.enter="handleFuzzySearch(false, 1)"
+                  >
+                  </el-input>
+                </el-tooltip>
+              </div>
+            </template>
             <!-- 高级搜索按钮 -->
             <template v-if="showAdvancedSearch">
               <el-button
@@ -62,6 +80,9 @@
             <slot name="batch-search-button"></slot>
           </template>
         </div>
+        <div class="table-action">
+          <slot name="table-action"></slot>
+        </div>
       </div>
     </div>
     <div class="content">
@@ -413,6 +434,16 @@ const refresh = () => {
   loadData({ ...objSearch.value });
 };
 
+// 搜索输入框聚焦/失焦
+const handleBlur = () => {
+  displayTip.value = false;
+};
+const handleFocus = () => {
+  if (props.content) {
+    displayTip.value = true;
+  }
+};
+
 // 全选/取消全选
 const handleCheck = () => {
   checked.value = !checked.value;
@@ -481,6 +512,13 @@ const resetSearch = () => {
   checked.value = false;
   loadData({ ...objSearch.value });
 };
+// 模糊搜索
+const handleFuzzySearch = (keepcurPage?: string | boolean, firstPage?: number) => {
+  emit('resetBatchSearch');
+  nextTick(() => {
+    handleSearch(keepcurPage, firstPage);
+  });
+};
 
 // 搜索回调
 const handleAdvanceSearch = (search: string) => {
diff --git a/automation/web/src/lang/zh.ts b/automation/web/src/lang/zh.ts
index 07713d71..6afe7b58 100644
--- a/automation/web/src/lang/zh.ts
+++ b/automation/web/src/lang/zh.ts
@@ -1,9 +1,8 @@
-
 export default {
- 
   end_time: '结束时间',
   select_none: '不选择（%s个）',
   select_page: '选择当前页（%s个）',
   select_all: '选择所有（%s个）',
   select_number: '选择个数（%s个）',
+  'Please input the content': '请输入内容',
 };
-- 
Gitee