65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
{$layout}
|
|
|
|
<second-menu>
|
|
<menu-item href="/anti-ddos/packages">[购买实例]</menu-item>
|
|
</second-menu>
|
|
|
|
<p class="comment" v-if="userInstances.length == 0">暂时还没有实例，<a href="/anti-ddos/packages">[点此购买]</a> 。</p>
|
|
|
|
<div v-if="userInstances.length > 0">
|
|
<table class="ui table selectable celled">
|
|
<thead>
|
|
<tr>
|
|
<th>高防产品</th>
|
|
<th>高防IP</th>
|
|
<th style="width: 7em">有效期</th>
|
|
<th style="width: 7em">开始日期</th>
|
|
<th style="width: 7em">结束日期</th>
|
|
<th class="width6">防护对象</th>
|
|
<th class="two op">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tr v-for="userInstance in userInstances">
|
|
<td>
|
|
<span v-if="userInstance.package.id > 0">{{userInstance.package.summary}}</span>
|
|
<span v-else class="red">已删除</span>
|
|
</td>
|
|
<td>
|
|
<div v-if="userInstance.ipAddresses != null && userInstance.ipAddresses.length > 0">
|
|
<div v-for="ip in userInstance.ipAddresses">
|
|
{{ip}}
|
|
</div>
|
|
</div>
|
|
<span v-else class="red">无有效IP</span>
|
|
</td>
|
|
<td>{{userInstance.periodCount}}{{userInstance.periodUnitName}}</td>
|
|
<td>{{userInstance.dayFrom}}</td>
|
|
<td>{{userInstance.dayTo}}
|
|
<div v-if="userInstance.isExpired">
|
|
<span v-if="userInstance.isExpired" class="small red">已过期</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<!-- 防护对象 -->
|
|
<a href="" v-if="userInstance.isAvailable" @click.prevent="updateObjectsPopup(userInstance.id)">
|
|
<span v-if="userInstance.countObjects > 0">{{userInstance.countObjects}}个对象</span>
|
|
<span v-else>设置</span>
|
|
</a>
|
|
<span v-else class="disabled">{{userInstance.countObjects}}</span>
|
|
|
|
</td>
|
|
<td>
|
|
<!-- 续费 -->
|
|
<span v-if="userInstance.instance.userInstanceId == userInstance.id"><a :href="'/anti-ddos/instances/renew?userInstanceId=' + userInstance.id">续费</a></span>
|
|
<span v-else class="disabled">续费</span>
|
|
|
|
<!-- 删除 -->
|
|
<a href="" v-if="userInstance.canDelete" @click.prevent="deleteUserInstance(userInstance.id)">删除</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<page-box></page-box>
|
|
</div>
|
|
|