{$layout}
{$template "../menu"}
{$template "/left_menu_with_menu"}

<div class="left-right-box-container">

    <div class="right-box">
        <b-empty v-if="nodes.length == 0">{{t('clusters_cluster_settings_schedule_index@暂时还没有节点')}}</b-empty>

        <div v-if="nodes.length > 0">
            <div class="margin"></div>
            <b-table
                :columns="[
                    {
                        title: t('clusters_cluster_settings_schedule_index@节点'),
                        key: 'nodeName',
                        scopedSlots: { customRender: 'nodeNameSlot' }
                    },
                    {
                        title: t('clusters_cluster_settings_schedule_index@租期结束日期'),
                        key: 'offlineDay',
                        scopedSlots: { customRender: 'offlineDaySlot' },
                        width: '150px',
                        align: 'center'
                    },
                    {
                        title: t('clusters_cluster_settings_schedule_index@所属集群'),
                        key: 'clusterName',
                        scopedSlots: { customRender: 'clusterNameSlot' }
                    },
                    {
                        title: t('clusters_cluster_settings_schedule_index@集群备用节点'),
                        key: 'isBackupForCluster',
                        scopedSlots: { customRender: 'backupClusterSlot' },
                        width: '120px',
                        align: 'center'
                    },
                    {
                        title: t('clusters_cluster_settings_schedule_index@所属分组'),
                        key: 'groupName',
                        scopedSlots: { customRender: 'groupNameSlot' }
                    },
                    {
                        title: t('clusters_cluster_settings_schedule_index@分组备用节点'),
                        key: 'isBackupForGroup',
                        scopedSlots: { customRender: 'backupGroupSlot' },
                        width: '120px',
                        align: 'center'
                    },
                    {
                        title: t('clusters_cluster_settings_schedule_index@当前状态'),
                        key: 'triggerStatus',
                        scopedSlots: { customRender: 'triggerStatusSlot' },
                        width: '120px',
                        align: 'center'
                    },
                    {
                        title: t('clusters_cluster_settings_schedule_index@操作'),
                        key: 'action',
                        scopedSlots: { customRender: 'actionSlot' },
                        width: '100px',
                        align: 'center'
                    }
                ]"
                :data-source="nodes"
                :row-key="'nodeId'" 
                size="middle"
            >
                <!-- 节点 -->
                <template slot="nodeNameSlot" slot-scope="{ record }">
                    {{record.nodeName}}
                </template>

                <!-- 租期结束日期 -->
                <template slot="offlineDaySlot" slot-scope="{ record }">
                    <span v-if="record.offlineDay.length > 0" :class="{red: record.isOffline}">{{record.offlineDay.substring(0, 4)}}-{{record.offlineDay.substring(4, 6)}}-{{record.offlineDay.substring(6, 8)}}</span>
                    <span v-else class="disabled">{{t('clusters_cluster_settings_schedule_index@没有设置')}}</span>
                </template>

                <!-- 所属集群 -->
                <template slot="clusterNameSlot" slot-scope="{ record }">
                    {{record.clusterName}}
                </template>

                <!-- 集群备用节点 -->
                <template slot="backupClusterSlot" slot-scope="{ record }">
                    <span v-if="record.isBackupForCluster" class="green">{{t('clusters_cluster_settings_schedule_index@备用')}}</span>
                    <span v-else class="disabled">N</span>
                </template>

                <!-- 所属分组 -->
                <template slot="groupNameSlot" slot-scope="{ record }">
                    <span v-if="record.groupName.length > 0">{{record.groupName}}</span>
                    <span v-else class="disabled">{{t('clusters_cluster_settings_schedule_index@没有设置')}}</span>
                </template>

                 <!-- 分组备用节点 -->
                 <template slot="backupGroupSlot" slot-scope="{ record }">
                    <span v-if="record.isBackupForGroup" class="green">{{t('clusters_cluster_settings_schedule_index@备用')}}</span>
                    <span v-else class="disabled">N</span>
                </template>

                <!-- 当前状态 -->
                <template slot="triggerStatusSlot" slot-scope="{ record }">
                    <a v-if="record.actionStatus != null && record.actionStatus.actionId > 0"  :href="'/clusters/cluster/node/settings/schedule?clusterId=' + record.clusterId + '&nodeId=' + record.nodeId" target="_blank"><span class="red" style="border-bottom: 1px red dashed"><i class="icon check circle"></i> {{t('clusters_cluster_settings_schedule_index@已触发')}}</span></a>
                    <span v-else class="disabled">{{t('clusters_cluster_settings_schedule_index@未触发')}}</span>
                </template>

                <!-- 操作 -->
                <template slot="actionSlot" slot-scope="{ record }">
                    <a-button type="link" :href="'/clusters/cluster/node/settings/schedule?clusterId=' + record.clusterId + '&nodeId=' + record.nodeId" target="_blank">
                        <i class="pi pi-pen-to-square"></i> {{t('clusters_cluster_settings_schedule_index@修改')}}
                    </a-button>
                </template>
            </b-table>
        </div>
    </div>
</div>