@extends('layouts.app')

@section('content')
    @component('client.valueAddedService.menu')@endcomponent
    <div class="card m-2">
        <table class="table table-sm table-hover table-bordered table-striped text-nowrap m-2">
            <tr>
                <th>货主名</th>
                <th>子项目</th>
                <th>类型</th>
                <th>单位</th>
                <th>单价</th>
                <th>操作</th>
            </tr>
            <tr>
                <td rowspan="4" style="vertical-align: middle">货主1</td>
                <td rowspan="3" style="vertical-align: middle">子项目1</td>
                <td>卸货费</td>
                <td>T/m³</td>
                <td>5.8</td>
                <td>
                    <button class="btn btn-sm btn-outline-info">改</button>
                    <button class="btn btn-sm btn-outline-danger">删</button>
                </td>
            </tr>
            <tr>
                <td>集装箱掏箱费</td>
                <td>个</td>
                <td>200</td>
                <td><button class="btn btn-sm btn-outline-info">改</button>
                    <button class="btn btn-sm btn-outline-danger">删</button></td>
            </tr>
            <tr>
                <td>打托</td>
                <td>个</td>
                <td>500</td>
                <td><button class="btn btn-sm btn-outline-info">改</button>
                    <button class="btn btn-sm btn-outline-danger">删</button></td>
            </tr>
            <tr>
                <td>子项目2</td>
                <td>贴标/制标</td>
                <td>件</td>
                <td>0.8</td>
                <td><button class="btn btn-sm btn-outline-info">改</button>
                    <button class="btn btn-sm btn-outline-danger">删</button></td>
            </tr>
        </table>
    </div>
@endsection