<table class="table table-striped table-sm table-hover" id="list">
    <tr class="text-center">
        <th>序号</th>
        <th>名称</th>
        <th>联系人</th>
        <th>电话</th>
        <th>发票抬头</th>
        <th>账户银行</th>
        <th>收款账户</th>
        <th>开户行</th>
        <th>绑定耗材</th>
        <th>操作</th>
    </tr>
    <tr class="text-center" v-for="(supplier,i) in suppliers"  @click="selectTr===i+1?selectTr=0:selectTr=i+1" :class="selectTr===i+1?'focusing' : ''">
        <td>@{{ i+1 }}</td>
        <td>@{{ supplier.name }}</td>
        <td>@{{ supplier.contact_man}}</td>
        <td>@{{ supplier.phone }}</td>
        <td>@{{ supplier.invoice_title }}</td>
        <td>@{{ supplier.bank }}</td>
        <td>@{{ supplier.bank_account}}</td>
        <td>@{{ supplier.opening_bank}}</td>
        <td>
            <template v-show="supplier.material">
                <div class="up" :id="'supplier' + i">
                    <p v-for="material in supplier.material" class="border-bottom">@{{ material.name }}</p>
                </div>
            </template>
            <p v-if="supplier.material.length > 0" class="text-primary" @click="show('supplier'+i,$event)">点击展开</p>
        </td>
        <td>
            @can('供应商-编辑')
                <button type="button" class="btn btn-sm btn-outline-primary" @click="edit(supplier,i)">编辑</button>
            @endcan
            @can('供应商-删除')
                <button type="button" class="btn btn-sm btn-outline-danger" @click="destroy(supplier.id,i)">删除</button>
            @endcan
        </td>
    </tr>
</table>
{{$suppliers->links()}}
