<div class="container" id="printContent" v-show="infoShow">
    <div class="row">
        <div class="col-5">
            <a href="{{ url('/control/panel/menu') }}" style="vertical-align: text-bottom">
                <img src="{{asset('icon/logo100b.png')}}" height="30">
            </a>
        </div>
        <div class="col-6 font-weight-bold h3">
            宝时云仓入库预约单
        </div>
    </div>
    <table class="table table-bordered border border-2 border-dark h5 text-nowrap">
        <tr>
            <td colspan="6" class="text-white bg-secondary font-weight-bold">预约信息</td>
        </tr>
        <tr>
            <th>预约单号</th>
            <td>@{{ printInfo.id }}</td>
            <th>收货日期</th>
            <td>@{{ printInfo.appointment_date }}</td>
            <th>货主</th>
            <td>@{{ poolMapping.owners ? poolMapping.owners[printInfo.owner_id] : '' }}</td>
        </tr>
        <tr>
            <th>车辆信息</th>
            <td>@{{ printInfo.cars ? (printInfo.cars[0] ?  printInfo.cars[0].appointment_number : '') : '' }}</td>
            <th>司机姓名</th>
            <td>@{{ printInfo.cars ? (printInfo.cars[0] ?  printInfo.cars[0].driver_name : '') : '' }}</td>
            <th>联系电话</th>
            <td>@{{ printInfo.cars ? (printInfo.cars[0] ?  printInfo.cars[0].driver_phone : '') : '' }}</td>
        </tr>
        <tr>
            <th>入库单号</th>
            <td>@{{ printInfo.asn_number }}</td>
            <th>备注</th>
            <td colspan="3" class="text-overflow-warp-200">@{{ printInfo.remark }}</td>
        </tr>
        <tr>
            <th>总体积</th>
            <td>@{{ printInfo.cubic_meter ? printInfo.cubic_meter+'M³' : '' }}</td>
            <th>总重量</th>
            <td>@{{ printInfo.tonne ? printInfo.tonne+'T' : '' }}</td>
            <th>总件数</th>
            <td>@{{ printInfo.box_amount }}</td>
        </tr>
    </table>

    <table class="table table-bordered border border-2 border-dark h5 text-nowrap mt-5">
        <tr>
            <td colspan="6" class="text-white bg-secondary font-weight-bold">仓库信息</td>
        </tr>
        <tr>
            <th>仓库</th>
            <td>@{{ printInfo.warehouse ? printInfo.warehouse.name : '' }}</td>
            <th>仓库地址</th>
            <td colspan="3" class="text-overflow-warp-200">@{{ printInfo.warehouse ? printInfo.warehouse.address : '' }}</td>
        </tr>
        <tr>
            <th>仓库联系人</th>
            <td>@{{ printInfo.warehouse ? printInfo.warehouse.principal : '' }}</td>
            <th>联系电话</th>
            <td>@{{ printInfo.warehouse ? printInfo.warehouse.phone : '' }}</td>
            <th>签收人</th>
            <td>@{{ printInfo.signer }}</td>
        </tr>
        <tr>
            <th>预约时间</th>
            <td>@{{ printInfo.appointment_date+' '+printInfo.period }}</td>
            <th>到场时间</th>
            <td>@{{ printInfo.cars ? (printInfo.cars[0] ?  printInfo.cars[0].delivery_time : '') : '' }}</td>
            <th>打印时间</th>
            <td>@{{ printInfo.print_date }}</td>
        </tr>
    </table>

    <table class="table table-bordered border border-2 border-dark h5 text-nowrap mt-5">
        <tr>
            <td colspan="6" class="text-white bg-secondary font-weight-bold">商品明细</td>
        </tr>
        <tr>
            <th>编号</th>
            <th>商品名称</th>
            <th>商品编码</th>
            <th>条码</th>
            <th>数量</th>
        </tr>
        <tr v-for="(detail,i) in printInfo.details">
            <td>@{{ i+1 }}</td>
            <td>@{{ detail.commodity_id ? (detail.commodity ? detail.commodity.name : '') : detail.name }}</td>
            <td>@{{ detail.commodity_id ? (detail.commodity ? detail.commodity.sku : '') : '' }}</td>
            <td>@{{ detail | getCommodity }}</td>
            <td>@{{ detail.amount }}</td>
        </tr>
    </table>
</div>