order-block.phtml 8.38 KB
<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}}
            {{> home/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}}">
                                        <img class="thumb" src="{{thumb}}">
                                        {{#if freebie}}
                                            <span class="freebie-tag">赠品</span>
                                        {{/if}}
                                        {{#if advanceBuy}}
                                            <span class="advance-buy-tag">加价购</span>
                                        {{/if}}
                                        {{#if virtualGood}}
                                            <span class="virtual-good-tag">虚拟商品</span>
                                        {{/if}}
                                        {{#if preSallGood}}
                                            <span class="presall-tag">预售</span>
                                        {{/if}}
                                    </a>
                                    <div class="text-info">
                                        {{#if refundStatus}}
                                            <span class="had-refund">{{refundStatus}}</span>
                                        {{/if}}
                                        <a class="name" href="{{href}}">{{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>
                            </span>
                            <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>
                        {{/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 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}}">
                                        {{#if payNow}}
                                            立即付款
                                        {{^}}
                                            {{name}}
                                        {{/if}}
                                    </a>
                                {{/if}}
                            {{/if}}
                        {{/ operation}}
                    </div>
                </div>
            </div>
        {{/ orders}}
    {{/if}}
</div>
<script id="cancel-dialog-tpl" type="text/html">
    <header>您取消订单的原因是:</header>
    <ul>
        <li>
            <input id="cancel-radio-1" type="radio" name="cancel-reason" value="1">
            <label for="cancel-radio-1">支付不成功</label>
        </li>
        <li>
            <input id="cancel-radio-2" type="radio" name="cancel-reason" value="2">
            <label for="cancel-radio-2">现在不想购买</label>
        </li>
        <li>
            <input id="cancel-radio-3" type="radio" name="cancel-reason" value="3">
            <label for="cancel-radio-3">订单价格有问题</label>
        </li>
        <li>
            <input id="cancel-radio-4" type="radio" name="cancel-reason" value="4">
            <label for="cancel-radio-4">修改订单信息</label>
        </li>
        <li>
            <input id="cancel-radio-5" type="radio" name="cancel-reason" value="5">
            <label for="cancel-radio-5">错误或重复下单</label>
        </li>
        <li>
            <input id="cancel-radio-6" type="radio" name="cancel-reason" value="6">
            <label for="cancel-radio-6">忘记使用优惠券或YOHO币</label>
        </li>
        <li>
            <input id="cancel-radio-7" type="radio" name="cancel-reason" value="7">
            <label for="cancel-radio-7">等待发货时间过长</label>
        </li>
        <li>
            <input id="cancel-radio-8" type="radio" name="cancel-reason" value="8">
            <label for="cancel-radio-8">商品价格较贵</label>
        </li>
        <li>
            <input id="cancel-radio-9" type="radio" name="cancel-reason" value="9">
            <label for="cancel-radio-9">运费过高</label>
        </li>
        <li>
            <input id="cancel-radio-10" type="radio" name="cancel-reason" value="10">
            <label for="cancel-radio-10">其他原因</label>
            <input type="text" placeholder="50字以内">
        </li>
    </ul>
    <p class="cancel-tip"></p>
</script>