{$layout}

{$var "header"}
<link rel="stylesheet" href="./index.css">
{$end}

<first-menu>
    <menu-item href="." code="auditing"> {{t('index_审核中_0101')}}</menu-item>
    <menu-item href=".?type=audited" code="audited"> {{t('index_已审核_0101')}}</menu-item>
    <span class="item"><tip-icon :content="t('index_在这里可以审核用户填写的脚本，脚本审核通过之后方可在边缘节点运行。_0101')"></tip-icon></span>
</first-menu>

<div v-if="scripts.length == 0">
    <b-empty> {{t('index_暂时还没有用户脚本_0101')}}</b-empty>
</div>

<b-table
    v-if="scripts.length > 0"
    :columns="[
        {
            title: t('index_脚本创建时间_0101'),
            key: 'createdTime',
            dataIndex: 'createdTime',
            width: '40%'
        },
        {
            title: t('index_用户_0101'),
            key: 'user',
            dataIndex: 'user',
            scopedSlots: { customRender: 'user' }
        },
        {
            title: t('index_状态_0101'),
            key: 'status',
            dataIndex: 'status',
            width: '100px',
            scopedSlots: { customRender: 'status' }
        },
        {
            title: t('index_操作_0101'),
            key: 'actions',
            width: '80px',
            scopedSlots: { customRender: 'actions' }
        }
    ]"
    :data-source="scripts"
    row-key="id"
    :bordered="false"
    :pagination="false"
    :scroll="{ x: '800px' }"
    >

    <!-- 用户列 -->
    <template slot="user" slot-scope="{ text, record }">
        <user-link :v-user="record.user"></user-link>
    </template>

    <!-- 状态列 -->
    <template slot="status" slot-scope="{ text, record }">
        <span v-if="record.isRejected" class="script-status red"> {{t('index_已驳回_0101')}}</span>
        <span v-else-if="record.isPassed" class="script-status green"> {{t('index_已通过_0101')}}</span>
        <span v-else> {{t('index_未审核_0101')}}</span>
    </template>

    <!-- 操作列 -->
    <template slot="actions" slot-scope="{ text, record }">
        <a :href="'/servers/user-scripts/script?scriptId=' + record.id + '&type=' + type  + '&prevURL=' + currentURL"> {{t('index_详情_0101')}}</a>
    </template>
</b-table>

<page-box></page-box>