order-detail.hbs 3.73 KB
<div class="installment-order-page yoho-page">
    {{#order}}
        <div class="order-info">
            {{#greaterThanZero refundedAmt}}
                <div class="refund-text">
                    该订单已退款¥{{refundedAmt}}
                </div>
            {{/greaterThanZero}}
            <div class="order-detail">
                {{#orderGoods}}
                    <div class="image-box">
                        <img src="{{image goodsImage 90 120}}" alt="{{productName}}">
                    </div>
                    <div class="info-box">
                        <h3>{{productName}}</h3>
                        <h4>订单编号: {{../orderCode}}</h4>
                        <div class="date-box">{{../createTime}}</div>
                    </div>
                {{/orderGoods}}
            </div>

            <div class="installment-summary">

                <div class="installment-box">
                    <div>分期本金</div>
                    <div>¥{{avgPrincipalAmt}}</div>
                </div>

                <div class="installment-box">
                    <div>分期手续费</div>
                    <div>¥{{avgFeeAmt}}</div>
                </div>

                <div class="installment-box">
                    <div>分期总应还</div>
                    <div>¥{{totalAmt}}</div>
                </div>
            </div>
        </div>
        <div class="detail-list-container {{#greaterThanZero refundedAmt}}refunded-list{{/greaterThanZero}}">
            <ul class="installment-list repay-list">
                {{#each packageList}}
                    <li>
                        {{#isPaymentIncomplete status}}
                            <input id="sort-{{@index}}" type="checkbox"
                                   class="installment-check-btn installment-term"
                                   data-order-code="{{../orderCode}}"
                                   data-curr-amt="{{currAmt}}"
                                   data-sort-id="{{sortId}}"
                                   data-fee="{{currFeeAmt}}"
                                   data-delay-fee="{{currDealyFeeAmt}}"
                                   data-amount="{{currPrincipalAmt}}"/>
                        {{/isPaymentIncomplete}}
                        <label for="sort-{{@index}}">
                            {{#isPaymentComplete status}}
                                <span class="detail-index">{{sortId}}.</span>
                            {{/isPaymentComplete}}

                            <span class="amount">¥{{currAmt}}</span>
                            <div class="fee">
                                {{currDate}}
                                本金:¥{{currPrincipalAmt}}

                                {{#if currFeeAmt}}
                                    手续费:¥{{currFeeAmt}}
                                {{/if}}

                                {{#greaterThanZero currDealyFeeAmt}}
                                    逾期服务费:¥{{currDealyFeeAmt}}
                                {{/greaterThanZero}}
                            </div>
                            <div class="status">
                                {{desc}}
                                <span class="iconfont notice">&#xe639;</span>
                            </div>
                            <div class="clearfix"></div>
                        </label>
                    </li>
                {{/each}}
            </ul>
        </div>
    {{/order}}

    {{> installment/repayment-bottom}}

    {{#isRefundedAll order.status}}
        <div class="all-completed">已退款</div>
    {{/isRefundedAll}}

    {{#isRepaymentAllCompleted order.status}}
        <div class="all-completed">已还清</div>
    {{/isRepaymentAllCompleted}}
</div>