审查视图

public/themes/simpleboot3/user/order_detail.html 13.5 KB
lihan authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <script type="text/javascript" src="__TMPL__/static/js/base.js"></script>
    <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_5o00hpwhlb.css" />
    <script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js">
    </script>
    <link rel="stylesheet" href="__TMPL__/static/css/paybalance.css" />
    <link rel="stylesheet" href="__TMPL__/static/css/common.css"/>
    <link rel="stylesheet" href="__TMPL__/static/css/payed.css" />
lihan authored
17
    <script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
lihan authored
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
    <style type="text/css">
        .bot_reason {
            display: none;
        }
    </style>
</head>

<body>
<div class="good">
    <span>订单号:{$data.baseInfo.order_sn}</span>
    <span class="confirmed">{$data.baseInfo.status_text}</span>
</div>
<div class="goods">
    <div class="pic_row">
        <span class="rock">
            <span class="pic">
                <img src="{$data.baseInfo.thumb}" alt="" style=" width: 2.04rem; height: 0.98rem;" />
            </span>
            <span class="two">
                <span>{$data.baseInfo.name}</span>
                <span class="price">
                    <span>定金 ¥{$data.baseInfo.down_price}</span>
                    <span>价格 ¥{$data.baseInfo.price}</span>
                </span>
            </span>
        </span>
    </div>
    <span class="five">
        x{$data.baseInfo.count}
    </span>
</div>
<div class="list">
    <div class="title">{$data.baseInfo.status_text}</div>
    <volist name="data.escort" id="vo" key="k">
        <div class="caned_out caned_bottom">
            <div class="caned">
                <div class="real">出行人{$k}:{$vo.name} {$vo.tel} x1 定金{$vo.down_price}</div>
                <if condition="$vo['status'] neq '0'">
                    <div class="refundmoneyed">
                        <span>已发起退款</span>
                        <i class="iconfont icon-iconset0413"></i>
                    </div>
                    <else/>
lihan authored
61
                    <if condition="$data.baseInfo.status neq '1'">
lihan authored
62 63 64
                    <span id="B_{$vo.id}" style="height: 30px">
                        <button class="cancel" id="escort_{$vo.id}" data-id="{$vo.id}">退款</button>
                    </span>
lihan authored
65
                    </if>
lihan authored
66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104
                </if>
            </div>
            <div class="refund_main_out">
                <div class="refund">
                    <span class="tui">
                        退款进度
                    </span>
                    <if condition="$vo['status'] eq '3'">
                    <span class="tui reson">查看原因</span>
                    </if>
                </div>
                {$vo.bar}
            </div>
            <div class="bot_reason">
                <div class="bottom_reason">
                    <span>{$vo.reason}</span>
                </div>
            </div>
        </div>
    </volist>
    <!--点击取消填写退款原因-->
    <div class="refund_reason_out" id="refund_reason_out">

        <div class="refund_reason">
            <i class="iconfont icon-chahao"></i>
            <textarea id="T" name="" rows="" cols="" placeholder="请填写申请退款原因"></textarea>
            <button class="refund_reason_submit">提交</button>
        </div>
    </div>
    <!--提交后toast的提示-->
    <div id="toast" style='display: none;'>
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <!--<i class="weui-icon-success-no-circle weui-icon_toast"></i>-->
            <p class="weui-toast__content">已完成</p>
        </div>
    </div>

    <div class="footer_out">
.  
lihan authored
105
        <if condition="$data.baseInfo.status eq '1' || $data.baseInfo.status eq '3'">
lihan authored
106 107 108
        <div class="footer ok">
            立即支付
        </div>
.  
lihan authored
109 110 111 112 113 114 115 116 117
        </if>

        <if condition="$data.baseInfo.status eq '4'">
            <div class="footer ko">
                确认完成
            </div>
        </if>

        <if condition="$data.baseInfo.status eq '5'">
lihan authored
118
            <a href="{:url('user/Center/comment',['oid'=>$data['baseInfo']['oid']])}">
.  
lihan authored
119 120 121
            <div class="footer go">
                去评价
            </div>
lihan authored
122
            </a>
.  
lihan authored
123
        </if>
lihan authored
124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143
    </div>
    <!--选择支付方式-->
    <div class='move1'>
        <div class='move_main1'>
            <div class="shang2">
                <div class="shang1">
							<span class="choose">
							选择支付方式
						</span>
                </div>
                <div class="shang1 shan1 shang_list">
                    <div class="shang1_inner">
                        <div class="img_out">
                            <img src="__TMPL__/static/images/yue.png" alt="" class="yue" />
                        </div>
                        <div>
                            余额支付
                        </div>
                    </div>
                    <div>
lihan authored
144
                        <i class='iconfont icon-xuanzhong2' data-var="0"></i>
lihan authored
145 146 147 148 149 150 151 152 153 154 155 156 157
                    </div>
                </div>
                <div class="shang1 shan1">
                    <div class="shang1_inner">
                        <div class="img_out">
                            <img src="__TMPL__/static/images/wei.png" alt="" class="yue" />

                        </div>
                        <div>
                            微信支付
                        </div>
                    </div>
                    <div>
lihan authored
158
                        <i class='iconfont' data-var="1"></i>
lihan authored
159 160 161 162 163 164 165 166 167 168 169 170 171
                    </div>
                </div>
                <div class="shang1 shan1">
                    <div class="shang1_inner">
                        <div class="img_out">
                            <img src="__TMPL__/static/images/zhi.png" alt="" class="yue" />

                        </div>
                        <div>
                            支付宝支付
                        </div>
                    </div>
                    <div>
lihan authored
172
                        <i class='iconfont' data-var="2"></i>
lihan authored
173 174 175
                    </div>
                </div>
.  
lihan authored
176 177 178
                    <div class="agreepay">
                        确认支付
                    </div>
lihan authored
179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194
            </div>
        </div>
    </div>

</div>
</body>

</html>
<script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/weui.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/common.js"></script>
<script type='text/javascript' src='__TMPL__/static/assets/js/Augly_Verification.js'></script>

<script>
    //点击选择支付方式
.  
lihan authored
195
    $('.ok').click(function() {
lihan authored
196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292
        $('.move1').css('display', 'block');
    })
    $('.move1').click(function() {
        $(this).css('display', 'none');
    })
    $('.move_main').click(function(e) {
        e.stopPropagation();
    })
    $('.move_main1').click(function(e) {
        e.stopPropagation();
    })
    $('.shan1').click(function() {
        $(this).find('i').attr('class', 'iconfont icon-xuanzhong2');
        $(this).siblings().find('i').attr('class', 'iconfont');
    })
    $('.move1').click(function() {
        $(this).css('display', 'none');
    })
    $('.phone_btn').click(function() {
        $('.move3').css('display', 'none');
    })

    $('.reson').click(function() {
        if($(this).parents('.caned_out').find('.bot_reason').css('display') == 'none') {
            $(this).parents('.caned_out').find('.bot_reason').css('display', 'block');
        } else {
            $(this).parents('.caned_out').find('.bot_reason').css('display', 'none');

        }
    })

    $('.refundmoneyed').click(function() {
        if($(this).parents('.caned_out').find('.refund_main_out').css('display') == 'none') {
            $(this).parents('.caned_out').find('.refund_main_out').css('display', 'block');
            //$(this).parents('.caned_out').find('.iconfont').attr("class", "iconfont icon-chahao icon-iconset0414");
            $('#icon-chahao').attr("class", "iconfont icon-chahao");
        } else {
            $(this).parents('.caned_out').find('.refund_main_out').css('display', 'none');
            $(this).parents('.caned_out').find('.bot_reason').css('display', 'none');
            //$(this).parents('.caned_out').find('.iconfont').attr("class", "iconfont icon-chahao icon-iconset0413");
            $('#icon-chahao').attr("class", "iconfont icon-chahao");
        }

    })

    var id='';

    $(function(){
        //确认取消弹出框
        $('.cancel').click(function(){
            id = $(this).attr('data-id');
            $('.refund_reason_out').css('display','block');
        })
        //阻止按钮的点击冒泡
        $('.btnlist').click(function(event) {
            event.stopPropagation();
        });
        $('.choice .swiper-slide').click(function(){
            $(this).addClass("active_top").siblings().removeClass("active_top");

        })
		//点击提交
        $('.refund_reason_submit').click(function(){
            $('.refund_reason_out').css('display','none');
            if($("#T").val() == '') {
                setTimeout("toast('请填写您的退款原因');", 900);
            }else {
                $.ajax({
                    url: "{:url('user/Center/refund')}",
                    data: {
                        id: id,
                        cause: $("#T").val()
                    },
                    type: "POST",
                    dataType: "JSON",

                    success: function (data) {
                        if (data.data === true) {
                            if(setTimeout("toast('提交成功');", 900)) {

                            }
                        }
                    }
                })
            }
        })
        $('.refund_reason_out').click(function(event){
            $(this).css('display','none');
        })
        $('.icon-chahao').click(function(){
            $(this).parents('.refund_reason_out').css('display','none');
        })
        $('.refund_reason').click(function(event){
            event.stopPropagation();
        })

    })
.  
lihan authored
293 294 295 296 297 298 299 300
</script>

<script>
    $(".agreepay").click(function () {
        $.ajax({
            url:"{:url('order/Order/done2')}",
            data:{
                oid:'{$data.baseInfo.oid}',
lihan authored
301
                payment:$(".icon-xuanzhong2").attr('data-var')
.  
lihan authored
302 303 304 305 306
            },
            type:"POST",
            dataType:"JSON",
            
            success: function (data) {
lihan authored
307 308
                if($(".icon-xuanzhong2").attr('data-var') == 1) {
                    console.log(data);
lihan authored
309 310 311 312 313 314 315
                    wx.chooseWXPay({
                        timestamp: data.data.timeStamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                        nonceStr: data.data.nonceStr, // 支付签名随机串,不长于 32 位
                        package: data.data.package, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=\*\*\*)
                        signType: data.data.signType, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
                        paySign: data.data.paySign, // 支付签名
                        success: function (res) {
lihan authored
316
                            window.location.href=data.url;
lihan authored
317 318
                        }
                    });
lihan authored
319 320 321 322
                }else if($(".icon-xuanzhong2").attr('data-var') == 0) {
                    if(data.code == 20000) {
                        window.location.href=data.url;
                    }
lihan authored
323
                }else if($(".icon-xuanzhong2").attr('data-var') == 2) {
lihan authored
324 325 326
                    if(data.code == 20000) {
                        window.location.href=data.url;
                    }
lihan authored
327
                }else {
lihan authored
328
                    ;
.  
lihan authored
329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355
                }
            }
        })
    })
</script>

<script>
    $(".ko").click(function () {
        if(window.confirm('是否确认完成?')) {
            $.ajax({
                url:"{:url('user/Center/confirmOrder')}",
                data:{
                    oid:'{$data.baseInfo.oid}'
                },
                type:"POST",
                dataType:"JSON",

                success: function (data) {
                    if(data.code == 20000) {
                        window.location.reload();
                    }
                }
            })
        }else {
            return false;
        }
    })
lihan authored
356 357 358 359
</script>

<script>
    wx.config({
lihan authored
360
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
lihan authored
361 362 363 364 365 366 367 368 369
        appId: '{$js_sdk.appId}', // 必填,公众号的唯一标识
        timestamp: '{$js_sdk.timestamp}', // 必填,生成签名的时间戳
        nonceStr: '{$js_sdk.nonceStr}', // 必填,生成签名的随机串
        signature: '{$js_sdk.signature}',// 必填,签名
        jsApiList: [
            'chooseWXPay'
        ] // 必填,需要使用的JS接口列表
    });
lihan authored
370
</script>