改进界面

This commit is contained in:
刘祥超
2020-11-21 15:53:04 +08:00
parent 9ef9ea52f7
commit 9a1a8bd17f
31 changed files with 66 additions and 64 deletions

View File

@@ -15,8 +15,8 @@
<th>策略名称</th>
<th>策略类型</th>
<th>容量</th>
<th>引用服务</th>
<th>状态</th>
<th class="center">引用服务</th>
<th class="center">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
@@ -27,8 +27,8 @@
<span v-if="policy.capacity != null && policy.capacity.count > 0">{{policy.capacity.count}}{{policy.capacity.unit.toUpperCase()}}</span>
<span v-else class="disabled">不限</span>
</td>
<td>{{infos[index].countServers}}</td>
<td><label-on :v-is-on="policy.isOn"></label-on></td>
<td class="center">{{infos[index].countServers}}</td>
<td class="center"><label-on :v-is-on="policy.isOn"></label-on></td>
<td>
<a :href="'/servers/components/cache/policy?cachePolicyId=' + policy.id">详情</a> &nbsp; <a href="" @click.prevent="deletePolicy(policy.id)">删除</a>
</td>

View File

@@ -16,7 +16,7 @@
<tr>
<th style="width:3em"></th>
<th>分组名称</th>
<th>服务数量</th>
<th class="center width10">服务数量</th>
<th class="two op">操作</th>
</tr>
</thead>
@@ -24,7 +24,7 @@
<tr>
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
<td>{{group.name}}</td>
<td>
<td class="center">
<span v-if="group.countServers > 0">{{group.countServers}}</span>
<span v-else class="disabled">0</span>
</td>

View File

@@ -22,8 +22,8 @@
<th>域名</th>
<th>生效日期</th>
<th>过期日期</th>
<th>引用服务</th>
<th>状态</th>
<th class="center">引用服务</th>
<th class="center">状态</th>
<th class="three op">操作</th>
</tr>
</thead>
@@ -38,13 +38,13 @@
</td>
<td>
<div v-for="dnsName in cert.dnsNames" style="margin-bottom:0.4em">
<span class="ui label tiny">{{dnsName}}</span>
<span class="ui label tiny basic">{{dnsName}}</span>
</div>
</td>
<td>{{certInfos[index].beginDay}}</td>
<td>{{certInfos[index].endDay}}</td>
<td>{{certInfos[index].countServers}}</td>
<td nowrap="">
<td class="center">{{certInfos[index].countServers}}</td>
<td nowrap="" class="center">
<span class="ui label red tiny basic" v-if="!certInfos[index].isOn">未启用</span>
<span class="ui label red tiny basic" v-else-if="certInfos[index].isExpired">已过期</span>
<span class="ui label green tiny basic" v-else>有效中</span>

View File

@@ -48,7 +48,7 @@
</td>
<td class="rules-box">
<div v-for="rule in set.rules" style="margin-top: 0.4em;margin-bottom:0.4em">
<span class="ui label tiny">{{rule.name}}[{{rule.param}}] <var :class="{dash:rule.isCaseInsensitive}" :title="rule.isCaseInsensitive ? '大小写不敏感':''" v-if="!rule.isComposed">{{rule.operator}}</var> {{rule.value}}</span>
<span class="ui label tiny basic">{{rule.name}}[{{rule.param}}] <var :class="{dash:rule.isCaseInsensitive}" :title="rule.isCaseInsensitive ? '大小写不敏感':''" v-if="!rule.isComposed">{{rule.operator}}</var> {{rule.value}}</span>
</div>
<span class="ui disabled" v-if="set.rules.length == 0">暂时还没有规则</span>
</td>

View File

@@ -25,10 +25,10 @@
<td><span :class="{disabled:!group.isOn}">{{group.name}}</span>
<p class="comment" v-if="group.description.length > 0" style="padding-bottom:0">{{group.description}}</p>
<p>
<span v-if="group.isOn" class="ui label tiny green">启用</span>
<span v-if="!group.isOn" class="ui label tiny red">停用</span>
<span v-if="group.code.length > 0" class="ui label tiny">预置</span>
<span v-if="group.code.length == 0" class="ui label tiny">自定义</span>
<span v-if="group.isOn" class="ui label tiny basic green">启用</span>
<span v-if="!group.isOn" class="ui label tiny basic red">停用</span>
<span v-if="group.code.length > 0" class="ui label basic tiny">预置</span>
<span v-if="group.code.length == 0" class="ui label basic tiny">自定义</span>
</p>
</td>
<td class="center">

View File

@@ -14,19 +14,19 @@
<thead>
<tr>
<th>策略名称</th>
<th>入站规则分组</th>
<th>出站规则分组</th>
<th>引用服务</th>
<th class="two wide">状态</th>
<th class="center">入站规则分组</th>
<th class="center">出站规则分组</th>
<th class="center">引用服务</th>
<th class="two wide center">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="policy in policies">
<td>{{policy.name}}</td>
<td>{{policy.countInbound}}</td>
<td>{{policy.countOutbound}}</td>
<td>{{policy.countServers}}</td>
<td><label-on :v-is-on="policy.isOn"></label-on></td>
<td class="center">{{policy.countInbound}}</td>
<td class="center">{{policy.countOutbound}}</td>
<td class="center">{{policy.countServers}}</td>
<td class="center"><label-on :v-is-on="policy.isOn"></label-on></td>
<td>
<a :href="'/servers/components/waf/policy?firewallPolicyId=' + policy.id">详情</a> &nbsp;
<a href="" @click.prevent="deletePolicy(policy.id)">删除</a>

View File

@@ -11,7 +11,7 @@
<tr>
<td class="title">已封禁</td>
<td>
<div class="ui label tiny" v-for="country in countries" v-if="country.isChecked" style="margin-bottom: 0.5em">
<div class="ui label tiny basic" v-for="country in countries" v-if="country.isChecked" style="margin-bottom: 0.5em">
<input type="hidden" name="countryIds" :value="country.id"/>
({{country.letter}}){{country.name}} <a href="" @click.prevent="deselectCountry(country)" title="取消封禁"><i class="icon remove"></i></a>
</div>

View File

@@ -11,7 +11,7 @@
<tr>
<td class="title">已封禁</td>
<td>
<div class="ui label tiny" v-for="province in provinces" v-if="province.isChecked" style="margin-bottom: 0.5em">
<div class="ui label tiny basic" v-for="province in provinces" v-if="province.isChecked" style="margin-bottom: 0.5em">
<input type="hidden" name="provinceIds" :value="province.id"/>
{{province.name}} <a href="" @click.prevent="deselectProvince(province)" title="取消封禁"><i class="icon remove"></i></a>
</div>

View File

@@ -18,7 +18,7 @@
<tr>
<td>预置的规则分组</td>
<td>
<span class="ui label tiny" v-for="group in firewallPolicy.groups" style="margin-bottom:0.5em" :class="{disabled:!group.isOn}">{{group.name}}</span>
<span class="ui label tiny basic" v-for="group in firewallPolicy.groups" style="margin-bottom:0.5em" :class="{disabled:!group.isOn}">{{group.name}}</span>
</td>
</tr>
<tr>