| 12345678910111213141516171819202122232425262728293031323334 |
- <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>
|