guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
    	.back-header li {
    		font-size: 0.33rem;
    	}
    	.goods_img {
    		max-height: 4rem;
    		margin: 0 auto;
    		max-width: 100%;
    		display: block;
    	}
    	.goods_price {
    		line-height: 2rem
    	}
    	.mui-h1 {
    		font-size: 0.82rem
    	}
    	.centerText {
    		text-align: center;
    	}
    	.mui-pull-right {
    		float: right;
    	}
    	p {
    		font-size: 0.32rem;
    		margin-top: 0;
    		margin-bottom: 0.2rem;
    		color: #8f8f94;
    	}
    </style>
    <script>
    (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = h + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>
<body>
    <div class="topbar"></div>
    <header class="back-header bottom-line">
        <ul>
            <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
            <li class="back-header-title">扫一扫支付</li>
            <li class="more-btn"></li>
        </ul>
    </header>
    <div class="h50" style="height: 1rem"></div>
	<section class="order">
        
    </section>
    <section onclick="btn_bender_pay()" style="position:fixed;bottom:10px;width:100%;">
        <div class="m-bottom">支 付</div>
    </section>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/jquery.tap.js"></script>
<script type="text/javascript">
var _keyid = '';
apiready = function() {
    setIosTopBar();
	_keyid = api.pageParam.keyid;
	getRouteData(_keyid);
};

function getRouteData() {
	// body...
	toast_loding_show();
	$.ajax({
        url: siteurl + 'api/Payment/get_order_info_bysn',
        data: {
            order_sn: _keyid
        },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
        	toast_loding_hide();
        	if(datas.code === 1){
        		$(".order").html('<div class="goods_warp"><div class="imgs"><img class="goods_img" src="'+datas.data.image+'" alt="goods_img"></div><p class="mui-h1 centerText blackT goods_price"><span>'+datas.data.total_price+'</span></p><p><span>编号</span><span class="mui-pull-right">'+datas.data.order_sn+'</span></p><p><span>名称</span><span class="mui-pull-right">'+datas.data.goods_name+'</span></p></div>');
        		$(".m-bottom").removeClass("mask-hidden");
        	} else {
        		$(".m-bottom").addClass("mask-hidden");
        		api.toast({
                    msg: datas.msg,
                    duration: 3000,
                    location: 'bottom'
                });
        	}
        }
    })
}
function btn_bender_pay() {
	api.confirm({
		msg: "圈币支付"
	}, function(ret, err){
		var index = ret.buttonIndex;
		if (index === 2) {
			//
			$.ajax({
				url: siteurl + 'api/Payment/pay',
				data: {
		            qr_data: _keyid
		        },
		        dataType: 'json',
		        type: 'post',
		        success: function(datas) {
		        	// alert(JSON.stringify(datas));
		        	if (datas.code === 1) {
		        		api.openWin({
		        			name: 'points',
		        			url: '../my/points.html',
		        			bounces: false
		        		});
		        	} else {
		        		api.toast({
		        			msg: datas.msg
		        		})
		        	}
		        }
			})
		}
	})
}
</script>

</html>