<div class="me-orders">
    <p class="order-table-header table-header clearfix">
        <span class="info">商品信息</span>
        <span class="price">单价（元）</span>
        <span class="count">数量</span>
        <span class="pay">实付款（元）</span>
        <span class="order-status">订单状态</span>
        <span class="operation">操作</span>
    </p>

    {{#if orders.empty}}
        {{#with orders}}
            {{> empty}}
        {{/with}}
    {{^}}
        {{# orders}}
            <div class="order" data-id="{{orderNum}}">
                <p class="order-title">
                    订单编号：{{orderNum}}
                    <span class="right">下单时间：{{orderTime}}</span>
                </p>
                <div class="order-wrap">
                    <ul>
                        {{# goods}}
                            <li>
                                <div class="info clearfix">
                                    <a class="thumb-wrap" href="{{href}}" target="_blank">
                                        <img class="thumb" src="{{thumb}}">
                                        {{> order-goods-tags}}
                                    </a>
                                    <div class="text-info">
                                        {{#if refundStatus}}
                                            <span class="had-refund">已退换</span>
                                        {{/if}}
                                        <a class="name" href="{{href}}" target="_blank">{{name}}</a>
                                        <span class="color-size">
                                            {{#if color}}
                                                颜色：{{color}}&nbsp;&nbsp;
                                            {{/if}}

                                            {{#if size}}
                                                尺码：{{size}}
                                            {{/if}}

                                            {{#if arrivalDate}}
                                                <i class="arrival-date">上市期：{{arrivalDate}}</i>
                                            {{/if}}
                                        </span>
                                    </div>
                                </div>
                                <div class="price{{#if free}} free-price{{/if}}">
                                    <em>{{price}}</em>

                                    {{#if free}}
                                        <span class="free-icon">免单</span>
                                    {{/if}}
                                </div>
                                <div class="count">{{count}}</div>
                            </li>
                        {{/ goods}}
                    </ul>

                    <div class="pay">
                        {{pay}}
                        <span class="pay-tip">(含快递:{{fregit}}元)</span>
                    </div>
                    <div class="order-status">
                        {{#if noPay}}
                            <span class="no-pay">待付款</span>
                        {{/if}}

                        {{#if paid}}
                            <span class="paid">备货中</span>
                        {{/if}}

                        {{#if shipped}}
                            <span class="shipped">
                                待收货
                                <em class="check-logistics">查看物流</em>
                                <div class="logistics hide">
                                    <ul class="logistics-list">
                                        {{#each logistics}}
                                            <li>
                                                {{.}}
                                            </li>
                                        {{/each}}
                                    </ul>
                                    <span class="close-logistics iconfont">&#xe602;</span>
                                    <div class="right-triangle bottom"></div>
                                    <div class="right-triangle top"></div>
                                </div>
                            </span>
                        {{/if}}

                        {{#if complete}}
                            <span class="complete">备货中</span>
                        {{/if}}

                        {{#if cancel}}
                            <span class="cancel">已取消</span>
                        {{/if}}

                        {{#if reback}}
                            <span class="reback">交易完成</span>
                        {{/if}}
                    </div>
                    <div class="operation">
                        {{# operation}}
                            {{#if optDis}}
                                <span class="op-item op-dis">{{name}}</span>
                            {{^}}
                                {{#if cancelOrder}}
                                    <span class="op-item cancel-order">取消订单</span>
                                {{^}}
                                    {{#if confirmReceived}}
                                        <span class="op-item confirm-received">确认收货</span>
                                    {{^}}
                                    <a class="op-item{{#if payNow}} pay-now{{/if}}" href="{{href}}" target="_blank">
                                            {{#if payNow}}
                                                立即付款
                                            {{^}}
                                                {{name}}
                                            {{/if}}
                                        </a>
                                    {{/if}}
                                {{/if}}
                            {{/if}}
                        {{/ operation}}
                    </div>
                </div>
            </div>
        {{/ orders}}
    {{/if}}
</div>
{{> order-cancel-tpl}}