Files
g.hnyhua.cn/Mtxfw.VipSite/mobile/smpay/default.aspx

1035 lines
32 KiB
Plaintext
Raw Normal View History

<%@ Page Title="" Description="" Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Mtxfw.VipSite.smpaydefault" %>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>扫码支付</title>
<link rel="stylesheet" type="text/css" href="/css/api.css" />
<link rel="stylesheet" type="text/css" href="/css/content.css" />
<script type="text/javascript" src="/scripts/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
<script type="text/javascript" src="/script/main.js?t=2"></script>
<script type="text/javascript" src="/layer/layer.js"></script>
<script type="text/javascript" src="/Scripts/long.js"></script>
<script type="text/javascript" src="/script/moment.js"></script>
<script type="text/javascript" src="/script/area.js?t=0"></script>
<script type="text/javascript" src="/script/api.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script>
<style type="text/css">
html, body {
overflow: hidden;
}
#wrapper {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.pullDown {
position: absolute;
top: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullUp {
position: absolute;
bottom: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
display: block;
}
.uinput11 input, .uinput11 textarea {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 0.5em;
color: #000;
border: 1px solid #ddd;
}
.dbtnbox {
margin: 0 auto;
width: 100%;
text-align: center;
padding: 0;
box-sizing: border-box;
}
.dbtnbox input[type='button'] {
height: 3.5em;
line-height: 3.5em;
border-radius: 0;
}
.uploadpic_btn {
position: absolute;
width: 5em;
height: 5em;
right: 0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.layer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background: rgba(0, 0, 0, .5);
display: none;
}
.layer img {
width: auto;
max-width: 20em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mybtn.alipay {
background: linear-gradient(to right,#02A9F1,#17B6FA);
}
.mybtn.alipay:hover {
background: linear-gradient(to right,#02A9F1,#02A9F1);
}
.tixin-item.alipay .account li i.current.on {
background: url(/image/xz0.png) no-repeat;
background-size: cover;
}
.tixin-item .account li.payphone {
width: 100%;
border-top: 1px solid #f5f5f5;
padding-bottom: 0.6em;
box-sizing: border-box;
}
.tixin-item .account li.payphone input {
margin-top:0.6em;
background-color: #f1f1f1;
border: solid 1px #dfdfdf;
border-radius: 0.4em;
width:14em;
height: 2.2em;
line-height: 2.2em;
padding-left: .2em;
color: #000;
box-sizing: border-box;
}
.tixin-item .account li.payphone img {
vertical-align:middle;
width:1.4em;
height:1.4em;
}
.tixin-item .account li.paypwd {
width: 100%;
border-top: 1px solid #f5f5f5;
padding-bottom: 0.6em;
box-sizing: border-box;
}
.tixin-item .account li.paypwd input {
margin-top:0.6em;
background-color: #f1f1f1;
border: solid 1px #dfdfdf;
border-radius: 0.4em;
width:14em;
height: 2.2em;
line-height: 2.2em;
padding-left: .2em;
color: #000;
box-sizing: border-box;
}
.tixin-item .account li.paypwd img {
vertical-align:middle;
width:1.4em;
height:1.4em;
}
.smpay_right div.pay .mybtn {
border-radius: 0;
}
.uinput11 input {
color: #000;
}
.uinput11 input:disabled,.uinput11 input[disabled='disabled'] {
color: #000;
}
.uinput11 input::placeholder {
color: #ccc;
}
.indexkaihongbao{ position: fixed;display:none;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 1001;}
.indexkaihongbao_box{position: relative; margin-top: 7em; padding: 8px; width:auto;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.7em;}
.indexkaihongbao_box img{width:15em;height:21em;}
</style>
<script type="text/javascript">
var etype = 0;
var tixiantype = 1, ifydl = 0, sjid = 0, scsz = 0, scsz0 = 0, ifbindphone = 0, ifshowgzh = 0, ifgetname = 0;
var ifdltype = 1;//1支付宝2微信支付3银联支付
var openid = "", yopenid = "", code = "", openid0 = "", code0 = "", tjphone = "";
var hongbaoid = 0, smhbdata = 0;
var opentimes = null;
$(document).ready(function () {
var tsjid = $.getUrlParam("sjid");
if (tsjid != null) {
sjid = tsjid;
setlocalStorage("sjid", sjid);
} else {
sjid = getlocalStorage("sjid");
}
/*topenid = $.getUrlParam("openid");
if (topenid != null) {
openid = topenid;
setlocalStorage("openid", openid);
}*/
var tcode = $.getUrlParam("code");
var topenid = $.getUrlParam("openid");
if (topenid != null) {
yopenid = topenid;
setlocalStorage("yopenid", yopenid);
}
yopenid = getlocalStorage("yopenid");
var ifb = true;
if (yopenid == null) {
$(".ajaxLoader").removeClass("uhide");
top.location.href = "https://g.fuanmei.cn/mobile/smpay/?getopenid=2&rsjid=" + sjid + "&ruri=" + encodeURI(apiurl + "/mobile/smpay");
} else {
var ua = navigator.userAgent;
if (ua.indexOf("AlipayClient") > 0) {
ifdltype = 1;
$(".mybtn").addClass("alipay");
$(".tixin-item").addClass("alipay");
}
if (ua.indexOf("MicroMessenger") > 0) {
ifdltype = 2;
}
if (ua.indexOf("UnionPay") > 0) {
ifdltype = 3;
}
if (ifdltype == 1 || ifdltype == 2) {
if (ifdltype == 1) {
$("#paytypeimage").attr("src", "/image/alipay.png");
$("#paytypeimage0").attr("src", "/image/alipay.png");
$("#paytitle").html("支付宝");
$("#bindphonebtn").addClass("alipay");
} else {
$("#paytypeimage").attr("src", "/image/weixinpay.png");
$("#paytypeimage0").attr("src", "/image/weixinpay.png");
$("#paytitle").html("微信支付");
$("#bindphonebtn").removeClass("alipay");
if (tcode != null) {
code = tcode;
} else {
openid = getlocalStorage("payopenid");
if (openid == null) {
ifb = false;
$(".ajaxLoader").removeClass("uhide");
var url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=<%=config.webappKey%>&redirect_uri=" + encodeURI(apiurl + "/mobile/smpay") + "&response_type=code&scope=snsapi_base&#wechat_redirect";//snsapi_base默认授权snsapi_userinfo手动授权
top.location.href = url;
}
}
}
$("#content").removeClass("uhide");
$("#content0").addClass("uhide");
if (ifb) {
rdata();
}
} else {
$("#content").addClass("uhide");
$("#content0").removeClass("uhide");
}
getsmhbdata();
}
//opentimes = setInterval(function () {
//
//}, 1000);
});
function rdata() {
yopenid = getlocalStorage("yopenid");
$(".ajaxLoader").removeClass("uhide");
$.ajax({
type: 'GET',
url: "/apiajax.ashx",
data: "&action=getsmpaydata&ifweb=1&sjid=" + sjid + "&&dltype=" + ifdltype + "&openid=" + (yopenid != null ? yopenid : "") + "&paycode=" + code,
dataType: "JSON",
error: function (xhr, type) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
if (data) {
if (data.status == 1) {
ifydl = data.ifydl;
//ifgetname = data.ifgetname;
$("#userid").html(data.userid);
$("#sjname").html(data.sjname);
$("#myzc").html(data.zzjfze);
$("#myzc0").html(data.xfjye);
//alert(ifydl+"|" + ifdltype);
if (ifydl == 0) {
$(".ajaxLoader").removeClass("uhide");
clearlocalStorage("payopenid");
top.location.href = "https://g.fuanmei.cn/mobile/smpay/?getopenid=2&rsjid=" + sjid + "&ruri=" + encodeURI(apiurl + "/mobile/smpay");
} else {
if (ifdltype == 2) {
if (data.openid != "") {
setlocalStorage("payopenid", data.openid);
} else {
openid = getlocalStorage("payopenid");
if (openid == null) {
clearlocalStorage("payopenid");
tishi3("重新扫码");
}
}
}
}
$(".payphone").addClass("uhide");
ifbindphone = data.ifbindphone;
if (ifdltype == 2) {
wx.config({
debug: false, // 是否开启调试模式
appId: "<%=config.webappKey%>", // 公众号的唯一标识
timestamp: data.timestamp, // 生成签名的时间戳
nonceStr: data.nonceStr, // 生成签名的随机字符串
signature: data.signature, // 签名
jsApiList: ['chooseWXPay'] // 需要使用的JS接口列表
});
}
} else {
tishi3(data.msg);
}
$(".ajaxLoader").addClass("uhide");
} else {
tishi3("网络错误!");
$(".ajaxLoader").addClass("uhide");
}
}
});
}
function ontixiantype(t) {
tixiantype = t;
$(".payphone").addClass("uhide");
if (t == 1) {
$("#tixiantype0 .current").removeClass('on');
$("#tixiantype1 .current").addClass('on');
$("#tixiantype2 .current").removeClass('on');
if (ifydl == 2) {
//qxpaypwd();
} else {
}
} else if (t == 2) {
if (ifbindphone == 0) {
if (ifydl == 1) {
$(".payphone").removeClass("uhide");
}
}
$("#tixiantype0 .current").removeClass('on');
$("#tixiantype1 .current").removeClass('on');
$("#tixiantype2 .current").addClass('on');
if ($("#userid").html() == "") {
ondlzc(1);
}
} else {
if (ifbindphone == 0) {
if (ifydl == 1) {
$(".payphone").removeClass("uhide");
}
}
$("#tixiantype0 .current").addClass('on');
$("#tixiantype1 .current").removeClass('on');
$("#tixiantype2 .current").removeClass('on');
if ($("#userid").html() == "") {
ondlzc(0);
}
}
}
function stopPropagation(e) {
if (e.stopPropagation)
e.stopPropagation();
else
e.cancelBubble = true;
}
function closeselect(t) {
$("#select_box_bg" + t).css("display", "none");
}
function bindphone() {
var b = true;
if (b) {
$("#select_box_bg0").css("display", "flex");
}
}
function qxbindphone() {
$("#select_box_bg0").css("display", "none");
}
function qybindphone() {
if ($("#bindphonebtn").val() == "发送验证码") {
oncode();
} else {
var phone = tjphone;
var phonecode = fTrim($("#txtphonecode").val());
var b = true;
if (b) {
if (phone == "") {
tishi3("手机号不能为空!");
$("#txtuserphone").focus();
b = false;
}
}
if (b) {
if (phonecode == "") {
tishi3("手机验证码不能为空!");
$("#txtphonecode").focus();
b = false;
}
}
if (b) {
yopenid = getlocalStorage("yopenid");
$(".ajaxLoader").removeClass("uhide");
$("#bindphonebtn").attr("disabled", true);
var datas = {
action: "bindphone",
dltype: ifdltype,
openid: yopenid,
phone: phone,
phonecode: phonecode
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
$(".ajaxLoader").addClass("uhide");
$("#bindphonebtn").removeAttr("disabled");
},
success: function (data) {
$(".ajaxLoader").addClass("uhide");
$("#bindphonebtn").removeAttr("disabled");
if (data) {
if (data.status == 1) {
tishi3(data.msg);
qxbindphone();
rdata();
} if (data.status == 0) {
tishi3(data.msg);
}
} else {
tishi3('网络异常,请稍后重试');
}
}
});
}
}
}
function oncode() {
var phone = fTrim($("#txtuserphone").val());
if ($("#userphone_box.uhide").length > 0) {
phone = tjphone;
}
var b = true;
if (b) {
if (phone == "") {
tishi3("手机号不能为空!");
$("#txtuserphone").focus();
b = false;
}
}
if (b) {
yopenid = getlocalStorage("yopenid");
$(".ajaxLoader").removeClass("uhide");
$("#bindphonebtn").attr("disabled", true);
$.getJSON("/apiajax.ashx?tt=00",
{ action: "sendsmphonecode", openid: escape(yopenid), phone: escape(phone), dltype: ifdltype },
function (data) {
$(".ajaxLoader").addClass("uhide");
$("#bindphonebtn").removeAttr("disabled");
if (data.status == 1) {
tjphone = phone;
$("#userphone_box").addClass('uhide');
$("#phonecode_box").removeClass('uhide');
$("#phonecode_title").removeClass('uhide');
$("#bindphonebtn").val("绑定");
scsz0 = 1;
var o = $("#getcode");
time(o);
} else {
if (data.msg == "openid不存在") {
clearlocalStorage("ksdopenid0");
code = "";
rdata();
} else {
tishi3(data.msg);
}
$("#getcode").val(etype == 0 ? "获取验证码" : "Get code");
}
});
}
}
var wait = 120;
function time(o) {
if (wait == 0) {
o.css("color", "#00C1F9");
o.val(etype == 0 ? "获取验证码" : "Get code");
o.attr("disabled", false);
wait = 120;
} else {
o.css("color", "#gray");
o.val((etype == 0 ? "重新发送" : "Resend") + "(" + wait + ")");
o.attr("disabled", true);
wait = wait - 1;
setTimeout(function () {
time(o)
}, 1000)
}
}
function showpaypwd() {
$(".paypwd.uhide").removeClass("uhide");
scsz = 2;
}
function qxpaypwd() {
$(".paypwd").addClass("uhide");
scsz = 0;
}
function onkey(font) {
var ae = $("#textje");
if (scsz == 1) {
ae = $("#txtuserphone");
}
if (scsz == 2) {
ae = $("#txtuserpwd");
}
var je = ae.val();
if (scsz == 0) {
if (font == ".") {
if (je != "" && je.indexOf(".") == -1) {
ae.val(je + font);
}
} else {
if (je.indexOf(".") == -1) {
ae.val(je + font);
} else {
var aje = je.split(".");
if (aje[1].length < 2) {
ae.val(je + font);
}
}
}
} else {
ae.val(je + font);
}
}
function onkey0(font) {
var ae = $("#txtuserphone");
if (scsz0 == 1) {
ae = $("#txtphonecode");
}
var je = ae.val();
ae.val(je + font);
}
function ondel() {
var ae = $("#textje");
if (scsz == 1) {
ae = $("#txtuserphone");
}
if (scsz == 2) {
ae = $("#txtuserpwd");
}
var je = ae.val();
if (je != "") {
ae.val(je.substring(0, je.length - 1));
}
}
function ondel0() {
var ae = $("#txtuserphone");
if (scsz0 == 1) {
ae = $("#txtphonecode");
}
var je = ae.val();
if (je != "") {
ae.val(je.substring(0, je.length - 1));
}
}
function qypay() {
var phone = "";
var je = fTrim($('#textje').val());
var pwd = "";
var ifb = true;
if (ifb) {
if (je == "") {
tishi3("金额不能为空!");
$("#textje").focus();
ifb = false;
}
}
if (ifb) {
if ($("#kdyzf_box" + (tixiantype == 2 ? "0" : "")).html() == "一键登录获取" + (tixiantype == 2 ? "消费券" : "积分")) {
ondlzc(0);
ifb = false;
}
}
if (tixiantype == 0 || tixiantype == 2) {
if (ifb) {
if (ifbindphone == 0) {
if (ifydl == 1) {
ifb = false;
bindphone();
}
}
}
/*if (ifb) {
if ($(".paypwd.uhide").length > 0) {
ifb = false;
showpaypwd();
} else {
pwd = fTrim($('#txtuserpwd').val());
if (pwd == "") {
tishi3("安全密码不能为空!");
$("#txtuserpwd").focus();
ifb = false;
}
}
}*/
if (ifb) {
if ($("#savebtn").val() != "支付") {
ifb = false;
}
}
if (ifb) {
ifb = false;
var index_ = layer.confirm("您确定要支付" + (tixiantype == 2 ? "消费券" : "积分") + "吗?", {
title: "确定提醒",
btn: ['确定', '取消'] //按钮
}, function () {
qypay0();
}, function () {
ifb = false;
}
);
}
} else {
if (ifb) {
if ($("#savebtn").val() != "支付") {
ifb = false;
}
}
if (ifb) {
qypay0();
}
}
}
function qypay0() {
$(".ajaxLoader").removeClass("uhide");
$("#savebtn").attr("disabled", true);
yopenid = getlocalStorage("yopenid");
openid = getlocalStorage("payopenid");
var je = fTrim($('#textje').val());
try {
var datas = {
action: "smpay",
sjid: sjid,
openid: (openid != null ? openid : ""),
openid0: (yopenid != null ? yopenid : ""),
dltype: ifdltype,
paytype: tixiantype,
ifshowgzh: ifshowgzh,
//pwd:pwd,
je: je
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
$(".ajaxLoader").addClass("uhide");
$("#savebtn").removeAttr("disabled");
if (data) {
if (data.status == 1) {
if (tixiantype == 1) {
setlocalStorage("ResultId", data.ResultId);
if (ifdltype == 1) {
top.location.href = data.rcResult;
} else {
if (data.wxsj == 0) {// || (data.wxsj == 1 && ifshowgzh==1)
wx.chooseWXPay({
timestamp: data.timeStamp,
nonceStr: data.nonceStr,
package: data.rcResult,
signType: data.signType,
paySign: data.paySign
});
} else {
top.location.href = data.rcResult;
}
}
} else {
tishi3("支付成功");
$("#textje").val("");
rdata();
getsmhbdata();
}
}
if (data.status == 0) {
if (data.msg == "操作失败openid错误") {
clearlocalStorage("ksdopenid");
clearlocalStorage("ifsfgzdcode");
code = "";
var url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=<%=config.webappKey%>&redirect_uri=" + encodeURI(apiurl + "/mobile/smpay") + "&response_type=code&scope=snsapi_base&#wechat_redirect";//snsapi_base默认授权snsapi_userinfo手动授权
top.location.href = url;
} else {
tishi3(data.msg);
}
}
} else {
tishi3('网络异常,请稍后重试');
}
}
});
} catch (err) {
$(".ajaxLoader").addClass("uhide");
$("#savebtn").removeAttr("disabled");
tishi3(err);
}
}
function getsmhbdata() {
var openid0 = getlocalStorage("ksdopenid0");
if (smhbdata == 0 && $(".indexkaihongbao").css("display") == 'none' && openid0!=null) {
smhbdata = 1;
var datas = {
action: "getsmhbdata",
openid: openid0,
dltype: ifdltype,
rid: hongbaoid
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
smhbdata = 0;
if (data) {
if (data.status == 1) {
hongbaoid = data.rid;
$(".indexkaihongbao").css("display", "flex");
}
}
}
});
}
}
function kaihongbao() {
if ($(".ajaxLoader.uhide").length > 0) {
$(".ajaxLoader").removeClass("uhide");
var datas = {
action: "lqsmhb",
openid: (openid0 != null ? openid0 : ""),
dltype: ifdltype,
rid: hongbaoid
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
$(".ajaxLoader").addClass("uhide");
if (data) {
if (data.status == 1) {
$(".indexkaihongbao").css("display","none");
tishi3(data.msg);
} else {
tishi3(data.msg);
}
}
}
});
}
}
</script>
</head>
<body class="wrap">
<section class="ub-f1" id="wrapper">
<div id="content" class="ub ub-ver uhide" style="padding:0.8em; box-sizing:border-box;">
<div class="tixin-item" style="padding-bottom:0;">
<div class="ub ub-ac" style="margin-bottom: .08em;">
【ID<span id="userid"></span>】消费金额
</div>
<div class="ub ub-ac" style="margin-top: .8em;font-size:1.4em;font-weight:800;">
<div class="ub" style="padding:0.4em 0em;width:1em;">
</div>
<div class="ub ub-f1">
<div class="ub ub-ac ub-pc" style="width:10em;">
<input type="text" id="textje" placeholder="0.00" readonly onfocus="this.blur()" style="width:100%; border:0;background:none;font-size:1.4em; font-weight:800" />
</div>
</div>
</div>
<div class="ub ub-ac" style="margin-bottom:0;">
<div class="ub" style="padding:0.8em 0em;width:1.4em;">
<img src="" id="paytypeimage" style="width: 1.4em;" />
</div>
<div class="ub ub-f1" id="sjname" style="padding: 0.6em 0em; padding-left: 0.4em; padding-top: 0;">
</div>
</div>
</div>
<div class="tixin-item" style="margin-top:0.4em;">
<ul class="account">
<li class="flex-end" id="tixiantype1" style="border-bottom:1px solid #f1f1f1;">
<p>
<i><img src="" id="paytypeimage0" /></i>
<span id="paytitle"></span>
</p>
<i class="current on" onclick="ontixiantype(1)"></i>
</li>
<li class="jifenpay flex-end uhide" id="tixiantype0" style="margin-top:0.4em;">
<p>
<i><img src="/image/jifen.png" /></i>
<span>
<span>积分兑付(您有&nbsp;<span id="myzc">0</span>&nbsp;</span>
<span class="kdyzf_box" id="kdyzf_box" onclick="ondlzc(0)"></span>
</span>
</p>
<i class="current" onclick="ontixiantype(0)"></i>
</li>
<li class="jifenpay flex-end uhide" id="tixiantype2" style="margin-top:0.4em;">
<p>
<i><img src="/image/jifen.png" /></i>
<span>
<span>消费券兑付(您有&nbsp;<span id="myzc0">0</span>&nbsp;</span>
<span class="kdyzf_box" id="kdyzf_box0" onclick="ondlzc(1)"></span>
</span>
</p>
<i class="current" onclick="ontixiantype(2)"></i>
</li>
<li class="paypwd flex-end uhide">
<p>
<i><img src="/image/pwdico0.png" /></i>
<span><input type="password" id="txtuserpwd" placeholder="请正确填写你的安全密码!" /></span>
</p>
</li>
<li class="payphone flex-end uhide">
<p>
<i><img src="/image/mobileico.png" /></i>
<span id="bindphone_button"><input type="button" class="mybtn" id="txtbindphone" value="绑定手机号" onclick="bindphone()" style="color:#fff;" /></span>
</p>
</li>
</ul>
</div>
</div>
<div id="content0" class="ub ub-ac ub-ver uhide" style="padding:0.8em; box-sizing:border-box;">
目前仅支持支付宝和微信扫码!
</div>
</section>
<footer class="smpay">
<div class="smpay_left">
<div onclick="onkey('1')">1</div>
<div onclick="onkey('2')">2</div>
<div onclick="onkey('3')" class="right">3</div>
<div onclick="onkey('4')">4</div>
<div onclick="onkey('5')">5</div>
<div onclick="onkey('6')" class="right">6</div>
<div onclick="onkey('7')">7</div>
<div onclick="onkey('8')">8</div>
<div onclick="onkey('9')" class="right">9</div>
<div onclick="onkey('0')" class="ling" id="smpay_ling">0</div>
<div onclick="onkey('.')" class="right" id="smpay_dian">.</div>
</div>
<div class="smpay_right">
<div onclick="ondel()" class="del"><img src="/image/delfont.png" /></div>
<div class="pay"><input type="button" class="mybtn" onclick="qypay()" id="savebtn" value="支付" /></div>
</div>
</footer>
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
<div class="ub ub-ac ub-ver"><img src="/image/load.gif" /><br>正在加载...</div>
</div>
<div class="layer" onclick='$(".layer").fadeOut();'>
<img src="/images/jt.png" alt="">
</div>
<div class="select_box_bg" id="select_box_bg0" onclick="closeselect(0)">
<div class="select_box" onclick="stopPropagation(event)" style="background-color:#fff;">
<div class="select_box_to" style="background-color:#fff;border:0;">
<div class="title_pic">
<div class="title" style="padding:0.8em 0;">
绑定手机号
</div>
<div class="close" style="top:0.3em;right:0.8em;" onclick='closeselect(0)'><img src="/image/close.png" /></div>
</div>
<div class="clear"></div>
<div class="selguige_box_to">
<div class="clear"></div>
<div class="tixin-item" style="margin-bottom:0.8em;border: 0;padding:0;background:none;">
<div class="ub ub-ac" id="userphone_box" style="margin-bottom: .8em;">
<div class="ub ub-f1 uinput11" style="box-sizing:border-box;">
<input type="text" id="txtuserphone" placeholder="请正确填写你的手机号!" readonly onfocus="this.blur()" />
</div>
</div>
<div class="ub ub-ac uhide" id="phonecode_title" style="margin-bottom: .08em;">
验证码已发送到您的手机上,如未收到请稍等!
</div>
<div class="ub ub-ac uhide" id="phonecode_box" style="margin-bottom: .08em;">
<div class="ub ub-f1 uinput11" style="background-color: #f5f5f5; border-radius:0.4em;border:1px solid #dfdfdf;">
<input id="txtphonecode" class="ub-f1" type="text" maxlength="6" placeholder="请填写手机验证码" readonly onfocus="this.blur()" style=" height: 2.2em;border:0;background:none;" />
<input id="getcode" type="button" style="background:none;width: 6.5em; margin: 0; height: 2.2em;border:0; box-sizing: border-box;color:#23B6B2;" value="获取验证码" onclick="oncode()" />
</div>
</div>
</div>
<div class="clear"></div>
<div class="select_box_btn" style="border-top: 1px solid #f5f5f5;color:#000;">
<div class="smpay_left">
<div onclick="onkey0('1')">1</div>
<div onclick="onkey0('2')">2</div>
<div onclick="onkey0('3')" class="right">3</div>
<div onclick="onkey0('4')">4</div>
<div onclick="onkey0('5')">5</div>
<div onclick="onkey0('6')" class="right">6</div>
<div onclick="onkey0('7')">7</div>
<div onclick="onkey0('8')">8</div>
<div onclick="onkey0('9')" class="right">9</div>
<div onclick="onkey0('0')" class="ling" style="width:100%;">0</div>
</div>
<div class="smpay_right">
<div onclick="ondel0()" class="del"><img src="/image/delfont.png" /></div>
<div class="pay"><input type="button" class="mybtn" onclick="qybindphone()" id="bindphonebtn" value="发送验证码" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="select_box_bg" id="select_box_bg1" onclick="closeselect(1)">
<div class="select_box" onclick="stopPropagation(event)" style="background-color:#fff;">
<div class="select_box_to" style="background-color:#fff;border:0;">
<div class="title_pic">
<div class="title" style="padding:0.8em 0;">
确定支付
</div>
<div class="close" style="top:0.3em;right:0.8em;" onclick='closeselect(1)'><img src="/image/close.png" /></div>
</div>
<div class="clear"></div>
<div class="selguige_box_to">
<div class="clear"></div>
<div class="tixin-item" style="margin-bottom:0.8em;border: 0;padding:0;background:none;">
<div class="ub ub-ac" style="margin-bottom: .08em;">
<div class="ub ub-f1 uinput11" style="box-sizing:border-box;">
</div>
</div>
</div>
<div class="clear"></div>
<div class="select_box_btn" style="margin-bottom: .08em;">
<input type="button" class="btntj mybtn" id="btntj0" onclick='qypay()' value="确定支付" />
</div>
</div>
</div>
</div>
</div>
<view class="indexkaihongbao">
<view class="indexkaihongbao_box" onclick="kaihongbao()"><img src="/image/kaihongbao.png" /></view>
</view>
</body>
</html>