<table class="table table-sm table-striped table-bordered table-hover card-body p-0 m-0">
    <tr class="text-center">
        <th>序号</th>
        <th>装卸队名称</th>
        <th>创建时间</th>
        <th>操作</th>
    </tr>

    <template v-if="facilitators.length > 0">
        <tr v-for="(facilitator,index) in facilitators" class="text-center"  @click="selectTr===index+1?selectTr=0:selectTr=index+1" :class="selectTr===index+1?'focusing' : ''">
            <td>@{{ index+1 }}</td>
            <td>@{{ facilitator.name }}</td>
            <td>@{{ facilitator.created_at }}</td>
            <td>
                @can('装卸队-编辑')
                <button class="btn btn-sm btn-outline-primary" @click="showUpDateModal(true,index,facilitator)">编辑
                @endcan
                </button>
                @can('装卸队-删除')
                <button class="btn btn-sm btn-outline-danger" @click="destroyFacilitator(facilitator,index)">删除</button>
                @endcan
            </td>
        </tr>
    </template>
    <template v-else>
        <tr>
            <td colspan="4">
                <div class="alert alert-info text-lg-center">
                    装卸队数据为空
                </div>
            </td>
        </tr>
    </template>
</table>
