diff --git a/templates/custom/select_dataset.tmpl b/templates/custom/select_dataset.tmpl
index 7075df937..cd4ce50da 100644
--- a/templates/custom/select_dataset.tmpl
+++ b/templates/custom/select_dataset.tmpl
@@ -15,8 +15,8 @@
     width="50%"
     >
     <div class="ui icon input" style="z-index: 9999;position: absolute;right: 50px;height:30px;">
-        <i class="search icon" style="cursor: pointer;pointer-events:auto" @click="searchDataset()"></i>
-        <input type="text" placeholder="{{.i18n.Tr "dataset.search_dataset"}}" v-model="searchDataItem" @keyup.enter="searchDataset()">
+        <i class="search icon"></i>
+        <input type="text" placeholder="{{.i18n.Tr "dataset.search_dataset"}}" v-model="searchDataItem">
     </div>
     
     <el-tabs v-model="activeName" @tab-click="handleClick('{{.RepoLink}}',activeName,{{.cloudbraintype}})">
diff --git a/templates/custom/select_dataset_train.tmpl b/templates/custom/select_dataset_train.tmpl
index 3005471c3..3da9be9aa 100644
--- a/templates/custom/select_dataset_train.tmpl
+++ b/templates/custom/select_dataset_train.tmpl
@@ -15,8 +15,8 @@
     width="50%"
     >
     <div class="ui icon input" style="z-index: 9999;position: absolute;right: 50px;height:30px;">
-        <i class="search icon" style="cursor: pointer;pointer-events:auto" @click="searchDataset()"></i>
-        <input type="text" placeholder="{{.i18n.Tr "dataset.search_dataset"}}" v-model="searchDataItem" @keyup.enter="searchDataset()">
+        <i class="search icon"></i>
+        <input type="text" placeholder="{{.i18n.Tr "dataset.search_dataset"}}" v-model="searchDataItem">
     </div>
     
     <el-tabs v-model="activeName" @tab-click="handleClick('{{.RepoLink}}',activeName,{{.cloudbraintype}})">
diff --git a/web_src/js/components/images/selectImages.vue b/web_src/js/components/images/selectImages.vue
index 3e96f7e19..50a1c6e19 100644
--- a/web_src/js/components/images/selectImages.vue
+++ b/web_src/js/components/images/selectImages.vue
@@ -13,8 +13,8 @@
     width="50%"
     >
         <div class="ui icon input" style="z-index: 9999;position: absolute;right: 50px;height:30px;">
-            <i class="search icon" style="cursor: pointer;pointer-events:auto" @click="searchName()"></i>
-            <input type="text" placeholder="搜镜像Tag/描述/标签..." v-model="search" @keyup.enter.prevent="searchName()">
+            <i class="search icon" style="cursor: pointer;pointer-events:auto"></i>
+            <input type="text" placeholder="搜镜像Tag/描述/标签..." v-model="search">
         </div>
         <el-tabs v-model="activeName" @tab-click="handleClick">
                 <el-tab-pane label="公开镜像" name="first" v-loading="loadingPublic">
@@ -278,13 +278,27 @@ export default {
         
     },
     selectImages(place){
-        console.log("================")
         this.imageAddress = place
         this.dialogVisible = false
     },
 
   },
   watch:{
+      search(val){
+          if(this.activeName=='first'){
+              this.paramsPublic.q = val
+              this.getImageListPublic()
+          }
+          if(this.activeName=='second'){
+              this.paramsCustom.q = val
+              this.getImageListCustom()
+          }
+          if(this.activeName=='third'){
+              this.paramsStar.q = val
+              this.getImageListStar()
+          }
+      }
+
   },
   mounted() {
       this.getImageListPublic()
diff --git a/web_src/js/index.js b/web_src/js/index.js
index 91be79c6e..6fdd68d8d 100755
--- a/web_src/js/index.js
+++ b/web_src/js/index.js
@@ -4286,6 +4286,29 @@ function  initVueDataset() {
         }  
       }
     },
+    watch:{
+      searchDataItem(){
+        switch(this.activeName){
+          case 'first':
+            this.page = 1
+            this.getCurrentRepoDataset(this.repolink,this.cloudbrainType)
+            break 
+          case 'second':
+            this.page = 1
+            this.getMyDataset(this.repolink,this.cloudbrainType)
+            break 
+          case 'third':
+            this.page = 1
+            this.getPublicDataset(this.repolink,this.cloudbrainType)
+            break 
+          case 'fourth':
+            this.page = 1
+            this.getStarDataset(this.repolink,this.cloudbrainType)
+            break 
+          }  
+      }
+
+    },
   });   
 
 }