优化IP名单中的类型显示标签;可以使用代号搜索IP名单

This commit is contained in:
GoEdgeLab
2024-05-06 08:56:02 +08:00
parent 22fdd278ed
commit 509ce4605a
4 changed files with 30 additions and 8 deletions

View File

@@ -0,0 +1,9 @@
.label.white {
background: white !important;
border: 1px #ccc solid;
}
.label.gray {
background: #999 !important;
color: white !important;
}
/*# sourceMappingURL=lists.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["lists.less"],"names":[],"mappings":"AAAA,MAAM;EACL,4BAAA;EACA,sBAAA;;AAGD,MAAM;EACL,gBAAA;EACA,uBAAA","file":"lists.css"}

View File

@@ -8,7 +8,7 @@
<input type="hidden" name="type" :value="type"/>
<div class="ui fields inline">
<div class="ui field">
<input type="text" placeholder="名称..." name="keyword" v-model="keyword"/>
<input type="text" placeholder="IP名单名称、代号..." name="keyword" v-model="keyword"/>
</div>
<div class="ui field">
<button type="submit" class="ui button">搜索</button>
@@ -24,8 +24,8 @@
<thead>
<tr>
<th class="one wide center">ID</th>
<th class="three wide">名称</th>
<th class="two wide">代号</th>
<th class="three wide">IP名单名称</th>
<th class="three wide">代号</th>
<th class="two wide center">类型</th>
<th>备注</th>
<th class="two wide center">IP数量</th>
@@ -39,15 +39,18 @@
<div v-if="list.isGlobal" style="margin-top: 0.3em"><grey-label>全局</grey-label></div>
</td>
<td>
<span v-if="list.code != null && list.code.length > 0">{{list.code}}</span>
<span v-if="list.code != null && list.code.length > 0"><keyword :v-word="keyword">{{list.code}}</keyword></span>
<span v-else class="disabled">-</span>
</td>
<td class="center">
<span v-if="list.type == 'black'"><span class="red">黑名单</span></span>
<span v-if="list.type == 'white'"><span class="green">白名单</span></span>
<span v-if="list.type == 'grey'"><span class="grey">灰名单</span></span>
<span v-if="list.type == 'black'"><span class="ui label tiny black">黑名单</span></span>
<span v-if="list.type == 'white'"><span class="ui label tiny white">白名单</span></span>
<span v-if="list.type == 'grey'"><span class="ui label tiny gray">灰名单</span></span>
</td>
<td>
<span v-if="list.description.length > 0">{{list.description}}</span>
<span v-else class="disabled">-</span>
</td>
<td>{{list.description}}</td>
<td class="center">
<a :href="'/servers/iplists/items?listId=' + list.id" v-if="list.countItems > 0">{{list.countItems}}</a>
<span v-else class="disabled">0</span>

View File

@@ -0,0 +1,9 @@
.label.white {
background: white !important;
border: 1px #ccc solid;
}
.label.gray {
background: #999 !important;
color: white !important;
}