order-status.hbs 1.31 KB
<div class="order-status order" data-code="{{orderCode}}">
    <div class="basic">
        <p>订单号:{{orderCode}}</p>
        <p>订单状态:{{statusStr}}</p>
        <div class="edit-btns hide-when-invalid">
            <ul>
            {{# btns}}
                <li>
                    {{#if isPayBtn}}
                    <a href="{{payUrl}}" target="_blank">
                        <span class="{{classStr}}">{{name}}</span>
                    </a>
                    {{^}}
                    <span class="{{classStr}}">{{name}}</span>
                    {{/if}}
                </li>
            {{/ btns}}
            </ul>
        </div>
    </div>

    {{#if showLeftTime}}
    <div class="time">
        <span>剩余支付时间:</span>
        <span class="iconfont hide-when-invalid">&#xe606;</span>
        <p class="left-time" data-left={{payLefttime}}></p>
        <span class="tip hide-when-invalid">(逾期订单将自动取消)</span>
    </div>
    {{/if}}

    {{#if steps}}
    <div class="time-line">
        <ul>
            {{# steps}}
                <li class="{{#if @first}}first{{/if}} {{#if @last}}last{{/if}} {{#if isActive}}active{{/if}} {{#if isLastActive}}last-active{{/if}}">{{stepStr}}</li>
            {{/ steps}}
        </ul>
        <p>{{createTime}}</p>
    </div>
    {{/if}}
</div>