IP名单中增加搜索按钮

This commit is contained in:
GoEdgeLab
2021-11-17 20:15:37 +08:00
parent 347d36b8bd
commit fbf08aa5ec
2 changed files with 7 additions and 3 deletions

View File

@@ -1,5 +1,5 @@
Vue.component("ip-list-table", {
props: ["v-items", "v-keyword"],
props: ["v-items", "v-keyword", "v-show-search-button"],
data: function () {
return {
items: this.vItems,
@@ -35,7 +35,9 @@ Vue.component("ip-list-table", {
<tbody v-for="item in items">
<tr>
<td>
<span v-if="item.type != 'all'"><keyword :v-word="keyword">{{item.ipFrom}}</keyword><span v-if="item.ipTo.length > 0"> - <keyword :v-word="keyword">{{item.ipTo}}</keyword></span></span>
<span v-if="item.type != 'all'">
<keyword :v-word="keyword">{{item.ipFrom}}</keyword> <span>&nbsp;<a :href="'/servers/iplists?ip=' + item.ipFrom" v-if="vShowSearchButton" title="搜索此IP"><span><i class="icon search small" style="color: #ccc"></i></span></a></span>
<span v-if="item.ipTo.length > 0"> - <keyword :v-word="keyword">{{item.ipTo}}</keyword></span></span>
<span v-else class="disabled">*</span>
<div v-if="item.createdTime != null">
<span class="small grey">添加于 {{item.createdTime}}

View File

@@ -9,6 +9,8 @@
</div>
<div class="ui field">
<button class="ui button" type="submit">搜索</button>
&nbsp;
<a href="/servers/iplists" v-if="ip.length > 0">[清除条件]</a>
</div>
</div>
</form>
@@ -17,6 +19,6 @@
<p class="comment" v-if="items.length == 0">暂时还没有IP。</p>
<ip-list-table v-if="items.length > 0" :v-items="items" @update-item="updateItem" @delete-item="deleteItem" :v-keyword="ip"></ip-list-table>
<ip-list-table v-if="items.length > 0" :v-items="items" @update-item="updateItem" @delete-item="deleteItem" :v-keyword="ip" :v-show-search-button="true"></ip-list-table>
<div class="page" v-html="page"></div>