<table class="cdf" style="width:100%">
    <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:100%; 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>
        <th
                style="width:150px;font-size:12px;border:2px solid #333;text-align: center;font-family: 'Times New Roman';">
            Sea freight</th>
        <th
                style="width:150px;font-size:12px;border:2px solid #333;text-align: center;font-family: 'Times New Roman';">
            Clearing</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>
            <!--海运费-->
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                <!--edit by Jimmy 20210806 原价为0不显示划线价格-->
                <br/> ${item.seaFreight!''}
                <#--            <span style="text-decoration:line-through">360USD/xs</span><br/> 350USD/xs-->
            </td>
            <!--清关费-->
            <td
                    style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                <!--edit by liuyc 20201015 清关费为0显示问题-->
                ${item.clearanceFreight!''}
            </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>
        <!--海运费-->
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ${totalItemMap.totalSeaFreight!''} </td>
        <!--清关费-->
        <td
                style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ${totalItemMap.totalClearanceFreight!''} </td>
    </tr>
    <!--edit by liuyc 20211016 代收货款-->

    <!--订单其他费用 prilist(其他费用的值)-->
    <#if otherFeeList?? && (otherFeeList?size > 0) >
        <#list otherFeeList as item>
            <tr style="height:25px;">
                <td colspan="3"
                    style="color:#ff3c58;text-align:left;border:2px solid #333;font-size: 16px;text-align: center;font-family: 'Times New Roman';">
                    Other cost
                </td>
                <td colspan="3"
                    style="text-align:left;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                    ${item.name!''}
                </td>
                <td
                        style="text-align:center;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                    ${item.currency!''}
                </td>
                <td
                        style="text-align:center;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
                    ${item.amount!''} </td>
            </tr>
        </#list>
    </#if>
    <!--订单其他费用合计信息-->
    <!--保价费-->
    <tr style="height:25px;">
        <td colspan="3"
            style="color:#ff3c58;text-align:left;border:2px solid #333;font-size: 16px;text-align: center;font-family: 'Times New Roman';">
            货值 ( Value ) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${worthMap.totalWorth!''}
        </td>
        <td colspan="3"
            style="text-align:left;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            保价费( Valuation premium )
        </td>
        <td
                style="text-align:center;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ${worthMap.insuranceFeeCurrency!''}
        </td>
        <td
                style="text-align:center;border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">
            ${worthMap.insuranceFee!''} </td>
    </tr>
    <!--<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>-->
    <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
        </td>
        <td colspan="5"
            style="border:2px solid #333;font-size: 14px;text-align: center;font-family: 'Times New Roman';">

            ${totalFee!''}
        </td>
    </tr>
    <!--edit by liuyc 20210529 -->
    <!---->
    </tbody>
</table>
<!--账户信息-->
<table class="efg" style="width:100%;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>