mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-04 05:00:25 +08:00
69 lines
2.9 KiB
HTML
69 lines
2.9 KiB
HTML
{$layout}
|
|
{$template "/left_menu_top"}
|
|
|
|
<div class="right-box without-tabbar">
|
|
{$template "waf_menu"}
|
|
|
|
<h3>分组<a href="" @click.prevent="updateGroup(group.id)">[修改]</a></h3>
|
|
<table class="ui table selectable definition">
|
|
<tr>
|
|
<td class="title">名称</td>
|
|
<td>{{group.name}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>描述</td>
|
|
<td>
|
|
<span v-if="group.description.length == 0" class="disabled">暂时还没有描述。</span>
|
|
<span v-if="group.description.length > 0">{{group.description}}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>启用状态</td>
|
|
<td>
|
|
<label-on :v-is-on="group.isOn"></label-on>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h3 style="padding-top:0.8em">规则集<a href="" @click.prevent="createSet(group.id)">[添加规则集]</a> </h3>
|
|
<p class="comment" v-if="sets == null || sets.length == 0">暂时还没有规则。</p>
|
|
<table class="ui table selectable celled" id="sortable-table" v-if="sets != null && sets.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:3em"></th>
|
|
<th nowrap="">规则集名称</th>
|
|
<th nowrap="">规则</th>
|
|
<th nowrap="">关系</th>
|
|
<th nowrap="">动作</th>
|
|
<th class="three op">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody v-for="set in sets" :data-set-id="set.id">
|
|
<tr>
|
|
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
|
|
<td><span :class="{disabled:!set.isOn}">{{set.name}}</span>
|
|
<p style="margin-top:0.5em">
|
|
<label-on :v-is-on="set.isOn"></label-on>
|
|
</p>
|
|
</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>
|
|
</div>
|
|
<span class="ui disabled" v-if="set.rules.length == 0">暂时还没有规则</span>
|
|
</td>
|
|
<td>{{set.connector.toUpperCase()}}</td>
|
|
<td><span :class="{red:set.action == 'BLOCK' || set.action == 'CAPTCHA', green:set.action != 'BLOCK' && set.action != 'CAPTCHA'}">{{set.actionName}}[{{set.action.toUpperCase()}}]</span>
|
|
<div v-if="set.actionLinks != null && set.actionLinks.length > 0" style="margin-top:0.3em">
|
|
<span class="disabled">-></span> <span v-for="link in set.actionLinks"><a :href="link.url"><span class="disabled">[{{link.name}}]</span></a> </span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<a href="" @click.prevent="updateSet(set.id)">修改</a> <a href="" @click.prevent="updateSetOn(set.id, false)" v-if="set.isOn">停用</a><a href="" @click.prevent="updateSetOn(set.id, true)" v-if="!set.isOn">启用</a> <a href="" @click.prevent="deleteSet(set.id)">删除</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p class="comment" v-if="group.sets != null && group.sets.length > 1">所有规则匹配顺序为从上到下，可以拖动左侧的<i class="icon bars"></i>排序。</p>
|
|
</div> |