baoshi-was/resources/views/maintenance/demand/_table.blade.php

<table class="table table-striped table-bordered table-sm table-hover">
    <thead class="text-center">
    <tr class="align-text-bottom">
        <th rowspan="2">序号</th>
        <th rowspan="2">类型</th>
        <th rowspan="2">需求描述</th>
        <th colspan="3" rowspan="1">过程</th>
        <th rowspan="2">附件</th>
        <th rowspan="2">发起人</th>
        <th rowspan="2">处理人</th>
        <th rowspan="2">发起时间</th>
        <th rowspan="2">状态</th>
        <th rowspan="2">操作</th>
    </tr>
    <tr class="thead-light">
        <th>说明</th>
        <th>经手人</th>
        <th>时间</th>
    </tr>
    </thead>
    <tbody>
    <template v-if="demands.length>0">
        <tr class="text-center" v-for="(demand,i) in demands" @click="selectTr===i+1?selectTr=0:selectTr=i+1"
            :class="selectTr===i+1?'focusing' : ''">
            <td>@{{ i+1 }}</td>
            <td>@{{ demand.type }}</td>
            <td>@{{ demand.description }}</td>
            <template v-for="(process,index) in demand.processes">
                <td>@{{ process.explain }}</td>
                <td>@{{ process.processor ? process.processor.name : '' }}</td>
                <td>@{{ process.created_at }}</td>
            </template>
            <template>
                <td></td>
                <td></td>
                <td></td>
            </template>
            <td>
                {{-- 附件 --}}
                <template v-if="demand.uploadFile">
                    附件
                </template>
                <template v-else>
                    <button type="button" class="btn btn-outline-secondary" @click="showUploadDiv(demand,i)">上传文件
                    </button>
                </template>
            </td>
            <td>@{{ demand.initiator ? demand.initiator.name : '' }}</td>
            <td>@{{ demand.handle ? demand.handle.name : '' }}</td>
            <td>@{{ demand.created_at }}</td>
            <td>@{{ demand.status }}</td>
            <td>
                <button class="btn btn-outline-success" @click="finishDemand(demand)" v-if="demand['status'] === '处理中'">完结</button>
                <button class="btn btn-outline-success" @click="claimDemand(demand,i)" v-if="demand['status'] === '未处理'">认领</button>
                <button class="btn btn-outline-danger" @click="destroyDemand(demand,i)">删</button>
            </td>
        </tr>
    </template>
    <template v-else>
        <tr>
            <td colspan="11">
                <div class="alert alert-info text-center">
                    按条件查询的数据结果未空
                </div>
            </td>
        </tr>
    </template>
    </tbody>
</table>
{{ $demands->withQueryString()->links() }}