<div class="order-detail-page yoho-page">
    {{# orderDetail}}

    {{> fraud}}

    <div id="order-detail" data-id="{{orderCode}}">
        {{#if isVirtual}}
            <section class="block">
                <div class="tickets-mobile">
                    <span class="pull-left">手机号码：</span>
                    <span class="pull-right">{{mobile}}</span>
                </div>
            </section>
        {{else}}
            <section class="owner-info block">
                <span class="iconfont">&#xe637;</span>
                <div class="beside-icon">
                    <p class="name-phone">
                        {{userName}}
                        <span>{{mobile}}</span>
                    </p>
                    <p class="address">
                        {{addressAll}}
                    </p>
                </div>
            </section>
        {{/if}}
        <div class="range"></div>
        <section class="order-status block">
            <div class="status sub">
                <span class="iconfont">&#xe632;</span>

                <p class="beside-icon sub-content">
                	<span class="sub-title">订单编号：{{orderCode}}</span>
                    <span >订单状态：{{statusStr}}</span>
                    <span>下单时间：<b class="createTime">{{createTime}}</b></span>
                    {{#if paymentName}}
                        <span>支付方式：{{paymentName}}</span>
                    {{/if}}
                    {{#if offlinestore}}
                    <span>下单门店： {{offlinestore}}</span>
                    {{/if}}
                </p>
                <a href="{{serviceUrl}}" target="_blank" class="iconfont icon-right">&#xe63c;</a>
            </div>
            {{# orderBtn}}
                {{#if getExpress}}
                    <a class="logistics sub" href="{{logisticsUrl}}">
                        <span class="iconfont">&#xe630;</span>
                        <p class="beside-icon sub-content">
                            <span class="sub-title">物流信息</span>
                            <span>物流公司：{{logisticsCompany}}</span>
                            {{#if logisticsNum}}
                                <span>快递单号：{{logisticsNum}}</span>
                            {{/if}}
                        </p>
                        <span class="iconfont icon-right">&#xe614;</span>
                    </a>
                {{/if}}
            {{/orderBtn}}

            {{#if deliveryOffline}}
            <div class="offline-delivery">
                <span class="delivery-img"></span>
                <p class="beside-left">

                    <span class="delivery-title">配送信息</span>
                    <span class="delivery-content">配送方式：门店取货</span>
                </p>
            </div>
            {{/if}}
        </section>

        <section class="goods block">
            {{> jit-more}}

            {{# goods}}
                {{> order/good}}
            {{/ goods}}
        </section>

        <ul class="cost block">
            {{#each promotionFormulas}}
            <li> {{promotion}}:
                <span>{{promotionAmount}}</span>
            </li>
            {{/each}}
            <li>
                {{#if isPayonline}}实付金额{{else}}应付金额{{/if}}
                <span>{{amount}}</span>
            </li>
        </ul>
        {{#if yohoGiveCoin}}
            <p class="dollar">
                <span class="bg-dollar"></span>
                共返YOHO币:
                <span>{{yohoGiveCoin}}</span>个
            </p>
        {{/if}}

        {{#invoice}}
            <ul class="invoice-info">
                <li>
                    <span>发票信息</span>
                    <span class="invoice-fr">{{#if type}}电子发票{{else}}纸质发票{{/if}}</span>
                </li>
                <li>
                    <span>发票抬头</span>
                    <span class="invoice-fr invoice-title">{{title}}</span>
                </li>
                {{#if pdfUrl}}
                    <li>
                        <a href="{{pdfUrl}}"><span class="invoice-fr invoice-see">点击下载PDF发票</span></a>
                    </li>
                {{/if}}
            </ul>
        {{/invoice}}

        {{!--时间倒计时按钮--}}
        {{# orderBtn}}
            {{#if leftTimeTop}}
                <div class="clock">
                    <ul class="count-down hide">
                        <li><span class="iconfont count-down-icon">&#xe64a;</span></li>
                        <li><span class="hours">{{leftTimeTop}}</span></li>
                    </ul>
                </div>
            {{/if}}
        {{/orderBtn}}

        {{!--按钮组--}}
        {{> order/order-btns}}
    </div>

    {{!-- 取消订单原因 --}}
    {{> order-detail/reason-mask}}

    {{!-- 申请售后退换货组件 --}}
    {{> order-detail/refund-change-mask}}

    {{/ orderDetail}}

    {{!-- 申请退款原因 --}}
    {{> order-detail/refund-reason-mask}}

</div>

{{!-- 一些第三方脚本 --}}
{{> order-detail/scripts}}