From 4d3066a3f23def1d8be2984afc19b37ec48d9c09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=8C=AF=E8=8A=B3?= <zhaozhenfang@kylinos.cn>
Date: Thu, 28 Nov 2024 17:17:46 +0800
Subject: [PATCH] feat: add input search event

---
 event/web/src/App.vue                | 33 +++++++++++++++++-----------
 event/web/src/components/MyTable.vue | 22 ++-----------------
 2 files changed, 22 insertions(+), 33 deletions(-)

diff --git a/event/web/src/App.vue b/event/web/src/App.vue
index 2fed0ffc..8c4f812a 100644
--- a/event/web/src/App.vue
+++ b/event/web/src/App.vue
@@ -7,20 +7,21 @@
   -->
   <my-table ref="tableRef" row-key="date" :getData="getData" style="width: 100%">
     <template #listName>事件列表</template>
-      <template #button_bar>
-        <el-button>btn</el-button>
+    <template #button_bar>
+      <el-input v-model="input" style="width: 240px" placeholder="请输入关键字进行搜索..." @change="handleSearch"/>&nbsp;
+      <el-button>搜索</el-button>
+    </template>
+    <!-- <el-table-column type="selection" width="55" /> -->
+    <el-table-column prop="id" label="编号" width="80" />
+    <el-table-column prop="event_name" label="事件名称" />
+    <el-table-column prop="create_time" label="创建时间" />
+    <el-table-column prop="update_time" label="更新时间" />
+    <el-table-column prop="description" label="描述" />
+    <el-table-column label="操作" width="240">
+      <template #default="{ row }">
+        <el-button round size="small">btn</el-button>
       </template>
-      <!-- <el-table-column type="selection" width="55" /> -->
-      <el-table-column prop="id" label="编号" width="80" />
-      <el-table-column prop="event_name" label="事件名称" />
-      <el-table-column prop="create_time" label="创建时间" />
-      <el-table-column prop="update_time" label="更新时间" />
-      <el-table-column prop="description" label="描述" />
-      <el-table-column label="操作" width="240">
-        <template #default="{ row }">
-          <el-button round size="small">btn</el-button>
-        </template>
-      </el-table-column>
+    </el-table-column>
   </my-table>
 </el-config-provider>
 </template>
@@ -35,6 +36,12 @@ const zhCn = ref(locale);
 
 const tableRef = ref<TableInstance>()
 
+// 输入框搜索方法
+const input = ref('');
+const handleSearch = () => {
+  if(!input.value) return;
+}
+
 const getData = () => {
 
 }
diff --git a/event/web/src/components/MyTable.vue b/event/web/src/components/MyTable.vue
index 20702b26..53f08288 100644
--- a/event/web/src/components/MyTable.vue
+++ b/event/web/src/components/MyTable.vue
@@ -12,7 +12,8 @@
       <!-- 列表 -->
       <div class="my_table_content" ref="tableBox">
         <el-table ref="myTableRef" :data="tableData" class="table" @select="handleRowSelectionChange"
-          @selection-change="handleSelectinChange" v-loading="loading">
+          @selection-change="handleSelectinChange">
+          <!-- @selection-change="handleSelectinChange" v-loading="loading"> -->
           <slot></slot>
           <template #append>
             <slot name="append"></slot>
@@ -160,25 +161,6 @@
         font-size: 16px;
       }
   
-      &_operation {
-        flex: 2;
-        display: flex;
-        justify-content: flex-start;
-  
-        .operation {
-          &-select {
-            &-spanText {
-              font-size: 12px;
-              padding-left: 4px;
-            }
-  
-            &-input {
-              margin-left: 10px;
-            }
-          }
-        }
-      }
-  
       &_button {
         display: flex;
         justify-content: flex-end;
-- 
Gitee