{$layout}

<first-menu>
	<span class="item" v-if="issues.length > 0">{{t('dns_issues_index@共')}}<span class="red">{{issues.length}}</span>{{t('dns_issues_index@个问题')}}</span>
	<span class="item" v-if="issues.length > 0">|</span>
	<a href="/dns/issues" :title="t('dns_issues_index@刷新Title')" class="item" @click.prevent="reload">{{t('dns_issues_index@刷新')}}</a>
	<span class="separator">|</span>
	<span class="item"><tip-icon :content="t('dns_issues_index@全局DNS问题提示')"></tip-icon></span>
</first-menu>
<div class="margin"></div>
<div v-if="isRequesting">
	{{t('dns_issues_index@正在检查系统问题')}}
</div>

<div v-if="issues.length == 0 && !isRequesting">
	<b-empty>{{t('dns_issues_index@暂时没有发现问题')}}</b-empty>
</div>

<b-table
    v-if="issues.length > 0"
    :columns="[
        {
            title: t('dns_issues_index@问题对象'),
            key: 'target',
            scopedSlots: { customRender: 'target' }
        },
        {
            title: t('dns_issues_index@问题描述'),
            dataIndex: 'description',
            key: 'description'
        },
        {
            title: t('dns_issues_index@操作'),
            key: 'action',
            width: '15%',
            scopedSlots: { customRender: 'action' }
        }
    ]"
    :data-source="issues"
    row-key="id"
    :bordered="false"
    :pagination="false"
>
    <template slot="target" slot-scope="{ text, record }">
        <div v-if="record.type == 'cluster'">
            {{t('dns_issues_index@集群')}} "{{record.target}}" <link-icon :href="'/clusters/cluster?clusterId=' + record.targetId"></link-icon>
        </div>
        <div v-if="record.type == 'node'">
            {{t('dns_issues_index@集群')}} "{{record.params.clusterName}}" {{t('dns_issues_index@节点')}} "{{record.target}}" <link-icon :href="'/clusters/cluster/node?clusterId=' + record.params.clusterId + '&nodeId=' + record.targetId"></link-icon>
        </div>
    </template>

    <template slot="action" slot-scope="{ text, record }">
        <div v-if="record.type == 'cluster'">
            <link-red @click.prevent="updateCluster(record.targetId)">{{t('dns_issues_index@修复')}}</link-red>
        </div>
        <div v-if="record.type == 'node'">
            <link-red @click.prevent="updateNode(record.params.clusterId, record.targetId)">{{t('dns_issues_index@修复')}}</link-red>
        </div>
    </template>
</b-table>