| @@ -15,8 +15,8 @@ | |||||
| width="50%" | width="50%" | ||||
| > | > | ||||
| <div class="ui icon input" style="z-index: 9999;position: absolute;right: 50px;height:30px;"> | <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> | </div> | ||||
| <el-tabs v-model="activeName" @tab-click="handleClick('{{.RepoLink}}',activeName,{{.cloudbraintype}})"> | <el-tabs v-model="activeName" @tab-click="handleClick('{{.RepoLink}}',activeName,{{.cloudbraintype}})"> | ||||
| @@ -15,8 +15,8 @@ | |||||
| width="50%" | width="50%" | ||||
| > | > | ||||
| <div class="ui icon input" style="z-index: 9999;position: absolute;right: 50px;height:30px;"> | <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> | </div> | ||||
| <el-tabs v-model="activeName" @tab-click="handleClick('{{.RepoLink}}',activeName,{{.cloudbraintype}})"> | <el-tabs v-model="activeName" @tab-click="handleClick('{{.RepoLink}}',activeName,{{.cloudbraintype}})"> | ||||
| @@ -13,8 +13,8 @@ | |||||
| width="50%" | width="50%" | ||||
| > | > | ||||
| <div class="ui icon input" style="z-index: 9999;position: absolute;right: 50px;height:30px;"> | <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> | </div> | ||||
| <el-tabs v-model="activeName" @tab-click="handleClick"> | <el-tabs v-model="activeName" @tab-click="handleClick"> | ||||
| <el-tab-pane label="公开镜像" name="first" v-loading="loadingPublic"> | <el-tab-pane label="公开镜像" name="first" v-loading="loadingPublic"> | ||||
| @@ -278,13 +278,27 @@ export default { | |||||
| }, | }, | ||||
| selectImages(place){ | selectImages(place){ | ||||
| console.log("================") | |||||
| this.imageAddress = place | this.imageAddress = place | ||||
| this.dialogVisible = false | this.dialogVisible = false | ||||
| }, | }, | ||||
| }, | }, | ||||
| watch:{ | 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() { | mounted() { | ||||
| this.getImageListPublic() | this.getImageListPublic() | ||||
| @@ -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 | |||||
| } | |||||
| } | |||||
| }, | |||||
| }); | }); | ||||
| } | } | ||||