{$layout}

<first-menu>
	<a href="" class="item" @click.prevent="createProvider()">[添加DNS账号信息]</a>
</first-menu>

<p class="comment" v-if="providers.length == 0">暂时还没有第三方DNS服务商。</p>

<table class="ui table selectable" v-if="providers.length > 0">
	<thead>
		<tr>
			<th>账号说明</th>
			<th>服务商</th>
			<th>可用线路</th>
			<th>最近更新时间</th>
			<th class="two op">操作</th>
		</tr>
	</thead>
	<tr v-for="provider in providers">
		<td>{{provider.name}}</td>
		<td>{{provider.typeName}}</td>
		<td></td>
		<td>
			<span v-if="provider.dataUpdatedTime.length > 0">{{provider.dataUpdatedTime}}</span>
			<span v-else class="disabled">-</span>
		</td>
		<td>
			<a href="" @click.prevent="updateProvider(provider.id)">修改</a> &nbsp; <a href="" @click.prevent="deleteProvider(provider.id)">删除</a>
		</td>
	</tr>
</table>

<div class="page" v-html="page"></div>