From a5acb9a7e21601d48159b4dcdb9170d5fc880196 Mon Sep 17 00:00:00 2001
From: lannoy0523 <46735290+lannoy0523@users.noreply.github.com>
Date: Tue, 3 Dec 2024 10:14:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20op=E6=9C=8D=E5=8A=A1=E5=AE=9E=E4=BE=8B?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=9C=B0=E5=9D=80=E6=A8=A1=E7=B3=8A=E5=8C=B9?=
 =?UTF-8?q?=E9=85=8D=20#2795?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devops-op/src/views/service/Instance.vue         | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/frontend/devops-op/src/views/service/Instance.vue b/src/frontend/devops-op/src/views/service/Instance.vue
index 4fffbb1d17..7c839e91ae 100644
--- a/src/frontend/devops-op/src/views/service/Instance.vue
+++ b/src/frontend/devops-op/src/views/service/Instance.vue
@@ -1,13 +1,12 @@
 <template>
   <div class="app-container">
     <el-table
-      :data="instances"
+      :data="instances.filter(data => !search || (data.host+':'+data.port).includes(search))"
       style="width: 100%"
     >
       <el-table-column
         prop="id"
         label="ID"
-        width="180"
       />
       <el-table-column
         prop="address"
@@ -53,6 +52,12 @@
         </template>
       </el-table-column>
       <el-table-column label="操作">
+        <template slot="header" slot-scope="{}">
+          <el-input
+            v-model="search"
+            placeholder="输入关键字搜索地址"
+          />
+        </template>
         <template slot-scope="scope">
           <el-button
             :disabled="disableChangeInstanceStatusBtn(scope.row.status)"
@@ -82,7 +87,8 @@ export default {
   data() {
     return {
       loading: true,
-      instances: []
+      instances: [],
+      search: ''
     }
   },
   created() {