<table class="cdf" style="width:96%;margin-left: 2%;">
    <tbody>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Consignee:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            <#if orderInfo.consigneeCompany??>
                ${orderInfo.consigneeCompany!''}
                <br></br>
            </#if>
            ${orderInfo.consignee!''}</td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            P/L No.:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.plNo!''}</td>
    </tr>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Phone No.:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.consigneePhone!''}</td>
        <th style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">Order NO.:</th>
        <td>${orderInfo.orderNo!''}</td>
    </tr>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Shipper Name:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            <#if orderInfo.consignorCompany??>
                ${orderInfo.consignorCompany!''}
                <br></br>
            </#if>
            ${orderInfo.consignor!''}</td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Date of shipment:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.zgDate!''}</td>
    </tr>
    <tr style="min-height:32px;">
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Phone No.:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.consignorPhone!''}</td>
        <th
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            Place of Delivery:</th>
        <td
                style="font-size: 16px;color:#333;text-align: left;font-family: 'Times New Roman';">
            ${orderInfo.objectiveName!''} </td>
    </tr>
    </tbody>
</table>
<!--主要信息-->
<table class="def" style="width:96%;margin-left: 2%; border-collapse: collapse;">
    <tbody>
    <tr style="height:68px;border:2px solid #333;font-family: 'Times New Roman';">
        <th
                style="width:50px;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ITEM NO.</th>
        <th
                style="width:100px;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            MARK</th>
        <th
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            DESCRIPTION OF GOODS</th>
        <th
                style="width:53px;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            CTNS NO.</th>
        <th
                style="width:90px;font-size:12px;border:2px solid #333;text-align: center;font-family: 'Times New Roman';">
            CBM (m³)</th>
        <th
                style="width:90px;font-size:12px;border:2px solid #333;text-align: center;font-family: 'Times New Roman';">
            Weight CBM (m³)</th>

    </tr>
    <!--货物信息-->
    <#list dataList as item>
        <tr style="height:68px;border:2px solid #333;font-family: 'Times New Roman';">
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.index!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.mark!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.desc!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.num!''}</td>
            <!--重量体积-->
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.volume!''}</td>
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                ${item.weight!''} </td>

        </tr>
    </#list>
    <!--总计-->
    <tr style="height:25px;border:2px solid #333;font-family: 'Times New Roman';">
        <td colspan="3"
            style="color:#ff3c58;text-align:left;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            <!--TOTAL COLLECT AT DESTINATION
-->
            TOTAL IN FREIGHT AND CLEARING
        </td>
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ${totalItemMap.totalNum!''}</td>
        <!--重量体积-->
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ${totalItemMap.totalVolume!''}</td>
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ${totalItemMap.totalWeight!''}</td>

    </tr>
    <!--edit by liuyc 20211016 代收货款-->


    <!--订单其他费用合计信息-->
    <!--保价费-->
    <!--<tr style="height:25px;border:2px solid #333;font-family: 'Times New Roman';">
<td colspan="3" style="color:#ff3c58;text-align:left;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
    TOTALS
</td>
<td colspan="5" style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
    <table style="width:100%;border:none;">
        604USD																		,171390NGN						</table>
</td>
</tr>-->

    <!--edit by liuyc 20210529 -->
    <!---->
    </tbody>
</table>
<!--账户信息-->
<!--账户信息-->
<table class="efg" style="width:96%;margin-left: 2%;margin-bottom: 2rem;">
    <tbody>
    <tr style="height:25px;font-family: 'Times New Roman';">
        <th
                style="width:35%;text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman'">
            New Account Details:</th>
        <th
                style="width:20%;text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman'">
            Account Name:</th>
        <th
                style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman'">
            DE YOHANNCE UNITED EXPRESS</th>
    </tr>
    <#if acctList?? && (acctList?size > 0) >
        <#list acctList as item>
            <tr style="height:25px;font-family: 'Times New Roman';">
                <td
                        style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman';">
                    ${item.detail!''}</td>
                <td
                        style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman';">
                    ${item.name!''}</td>
                <td
                        style="text-align: left;font-size:14px;color:#ff3c58;font-family: 'Times New Roman';">
                    ${item.company!''}</td>
            </tr>
        </#list>
    </#if>
    </tbody>
</table>