{$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, index) in providers">
		<td>{{provider.name}}</td>
		<td>{{provider.typeName}}</td>
		<td>
			<span v-if="provider.countDomains == 0" class="disabled">0个域名</span>
			<span v-else>{{provider.countDomains}}个域名</span>
		</td>
		<td>
			<span v-if="provider.dataUpdatedTime.length > 0">{{provider.dataUpdatedTime}}</span>
			<span v-else class="disabled">-</span>
		</td>
		<td>
			<a :href="'/dns/providers/provider?providerId=' + provider.id">详情</a> &nbsp; &nbsp; <a href="" @click.prevent="deleteProvider(provider.id)">删除</a>
		</td>
	</tr>
</table>

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