NN2019090901/public/themes/default/weixin/order/pay.html

<include file="weixin@block:header"/>
<!--<title>订单结算</title>-->
<link rel="stylesheet" href="/static/weixin/css/order-pay.css?v={$version}">
<div id="app" v-clock>
    <header class="zyw-header">
        <div class="zyw-container white-color">
            <div class="head-l"><a href="/" target="_self"><img
                    src="/static/weixin/img/svg/head-return.svg" alt=""></a></div>
            <h1>订单结算</h1>
        </div>
    </header>
    <section class="zyw-container" v-cloak>
        <div class="weui-form-preview">
            <div class="weui-settle">
                <div class="weui-form-preview__hd">
                    <div class="time">请在<span v-text="timeText">01:59</span>内完成支付</div>
                </div>
                <div class="weui-form-preview__bd">
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">单号</label>
                        <span class="weui-form-preview__value" v-text="info.order_sn"></span>
                    </div>
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">类型</label>
                        <span class="weui-form-preview__value">
                        <em v-if="info.print_type==1">图片打印</em>
                        <em v-else-if="info.print_type==2">文件打印</em>
                        <em v-else>其他打印</em>
                    </span>
                    </div>
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">价格</label>
                        <span class="weui-form-preview__value"><em v-text="info.price">0.00</em>元/页</span>
                    </div>
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">页数</label>
                        <span class="weui-form-preview__value"><em v-text="info.pages">0</em>页</span>
                    </div>
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">份数</label>
                        <span class="weui-form-preview__value"><em v-text="info.nums">0</em>份</span>
                    </div>
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">合计</label>
                        <span class="weui-form-preview__value">￥<em v-text="info.total">0.00</em></span>
                    </div>
                </div>
            </div>
            <div class="weui-cells">
                <span style="display: inline-block; margin: 0 15px; line-height: 36px;">余额：￥<em
                    style="font-style: normal; margin-right: 2rem;" v-text="memberInfo.balance">0.00</em> <a
                    :href="'/weixin/order/recharge?type=pay&id='+info.id" style="color: #956bff;">去充值</a></span></div>
            <div class="weui-pay__type">
                <div class="weui-cells weui-cells_checkbox">
                    <label class="weui-cell weui-check__label" for="s11">
                        <div class="weui-cell__hd">
                            <input type="radio" class="weui-check" name="checkbox1" id="s11" checked="checked">
                            <i class="weui-icon-checked"></i>
                        </div>
                        <div class="weui-cell__bd">
                            <p>微信支付<span style="float: right;color:#ccc;">仅支持手机微信浏览器</span></p>
                        </div>
                    </label>
                    <label class="weui-cell weui-check__label" for="s12">
                        <div class="weui-cell__hd">
                            <input type="radio" name="checkbox1" class="weui-check" id="s12">
                            <i class="weui-icon-checked"></i>
                        </div>
                        <div class="weui-cell__bd">
                            <p>余额支付<span style="float: right;color:#ccc;">以上都支持</span></p>
                        </div>
                    </label>
                </div>
            </div>
            <div clas="tips" style="color: red;display: none;">提示：请在微信浏览器完成支付操作</div>
            <div class="weui-form-pay">
                <a href="javascript:;" class="weui-btn weui-btn_primary" @click="paySubmit">去支付</a>
            </div>
        </div>
    </section>
</div>
<script src="/static/weixin/js/jweixin-1.4.0.js?v={$version}"></script>
<script src="/static/weixin/js/order-pay.js?v={$version}"></script>
<include file="weixin@block:footer"/>