CINXE.COM
南京大学在线支付平台
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>南京大学在线支付平台</title> <link rel="stylesheet" type="text/css" href="/nju/css/otherStart.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma-rtl.min.css" /> <style type="text/css"> .payCodeList { color: #596032; } .payCodeList td { padding: 4px; } </style> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script type="text/javascript" src="/res/layer/layer.js"></script> <script type="text/javascript"> var wait = false; function payCodeDivHide() { jQuery("#payCodeDiv").hide(); jQuery("#queryPayCodeBtn").attr("disabled", false); } jQuery(document).ready(function () { jQuery("input[name=loginType]").change(function () { var loginType = jQuery("input[name=loginType]:checked").val(); if ("payPwd" == loginType) { jQuery(".payPwdTr").show() jQuery(".mobileTr").hide() } else if ("mobile" == loginType) { jQuery(".payPwdTr").hide() jQuery(".mobileTr").show() } }) jQuery("#loginBtn").click(function () { var $pwd = jQuery("#pwd"); if (!$pwd.val()) { $pwd.addClass("is-danger"); layer.msg("请输入支付码"); return false; } $pwd.removeClass("is-danger"); return true; }); function changeVCode() { jQuery("#vCodeImg").attr("src", "/nju/validateCode.jsp?ramdom=" + new Date() .getTime()); } jQuery("#vCodeImg").click(changeVCode); jQuery("#getValidateCode").click(function () { if (wait) { return; } var phone = jQuery("#phone").val(); if (!/1\d{10}/.test(phone)) { layer.msg("手机号不合法"); return false; } var vCode = jQuery("#vCode").val(); if (!/[0-9a-zA-Z]{4}/.test(vCode)) { layer.msg("验证码不合法"); changeVCode(); return false; } jQuery.post("/pay/sendSmsCode.html", { phone: phone, vCode: vCode }, function (data) { var dataObj = eval("(" + data + ")"); //转换为json对象 data = dataObj.D; if ("phoneErr" == data.optRes) { layer.msg("手机号码错误"); changeVCode(); return false; } if ("vCodeErr" == data.optRes) { layer.msg("验证码错误"); changeVCode(); return false; } if ("sendErr" == data.optRes) { layer.msg("发送短信验证码错误"); changeVCode(); return false; } if ("ok" == data.optRes) { var count = 30; wait = true; id = setInterval(function () { jQuery("#getValidateCode").text("(" + count + ")s重试"); count--; if (count <= 0) { jQuery("#getValidateCode").text("获取验证码"); wait = false; clearInterval(id) } }, 1000); changeVCode(); layer.msg("发送短信验证码成功"); return true; } layer.msg("系统出现错误"); changeVCode(); return false; }); }); jQuery("#queryPayCodeBtn").click(function () { var phone = jQuery("#phone").val(); if (!/1\d{10}/.test(phone)) { layer.msg("手机号不合法"); changeVCode(); return false; } var smsCode = jQuery("#smsCode").val(); if (!/[0-9a-zA-Z]{4}/.test(smsCode)) { layer.msg("短信验证码不合法"); changeVCode(); return false; } var $this = jQuery(this); jQuery.ajax({ url: "/pay/queryPayCode.html", beforeSend: function () { $this.attr("disabled", true); }, complete: function () { $this.attr("disabled", false); }, data: { phone: phone, smsCode: smsCode }, success: function (data) { var dataObj = eval("(" + data + ")"); //转换为json对象 data = dataObj.D; if ("phoneErr" == data.optRes) { layer.msg("手机号码错误"); changeVCode(); return false; } if ("smsCodeErr" == data.optRes) { layer.msg("短信验证码错误"); changeVCode(); return false; } if ("ok" != data.optRes) { layer.msg("系统出现错误"); changeVCode(); return false; } var payCodeData = data.payCodeData; if (payCodeData.rowCount == 0) { layer.msg("无支付信息"); changeVCode(); return false; } jQuery("#payCodeDiv tr").remove(".payCodeList"); jQuery.each(payCodeData.rows, function (i, n) { jQuery("#payCodeDiv").children("table").append("<tr class='payCodeList'><td>" + n[1] + "</td><td>" + n[2] + "</td><td>" + n[3] + "</td><td><a href='#' title='点击查看详情'>" + n[4] + "</a></td><td>" + n[6] + "</td></tr>"); }); jQuery(".payCodeList a").click(function () { jQuery("#pwd").val(jQuery(this).text()); jQuery("#payForm").submit(); setTimeout(function () { jQuery("#pwd").val(""); }, 500); }); jQuery("#payCodeDiv").fadeIn(300); }, error: function () { layer.msg("查询失败"); changeVCode(); } }); }); }) </script> </head> <body> <div class="allbg"> <div class="head"> <div class="font5"> <a href="/pay_en.html">English</a> <a target="_self" href="/pay/index.html">校内用户登录</a> </div> </div> <div class="div5"> <div class="div6"> <div style="float:left; width:590px"> <div class="body"><img src="/nju/images/ren.gif" height="260" width="590" /></div> <div style="float:left; width:590px"> <table width="100%"> <tr> <td style="font-size:12px;color:#9c9c9c;padding:15px 0 0 120px;"> 在线支付平台集成南京大学各项收费项目，方便学生进行统一网上支付，提升学校服务质量，提高收费安全性。</td> </tr> </table> </div> </div> <div class="body_to"> <div class="font1"><img src="/nju/images/user.jpg" /></div> <div class="font2" style="padding:0 10px;font-size:16px;text-align:center;margin-top:30px;"> <input type="radio" id="payPwd" name="loginType" value="payPwd" checked="checked" /><label for="payPwd"> 支付码</label> <input type="radio" id="mobile" name="loginType" value="mobile" /><label for="mobile"> 手机号</label> </div> <form class="payPwdTr" id="payForm" name="payForm" action="/pay/dealPay.html" method="post" target="payWindow"> <div style="margin-top:10px;padding:0 20px;"> <input name="pwd" class="input" id="pwd" type="text" placeholder="请输入支付码"> <div style="color:white;">支付码是由"0-9，A-F"组成的16位字符串，不区分大小写</div> <div style="text-align:center;margin-top:20px;"><input class="button" type="submit" value="登 录" id="loginBtn"></div> </div> </form> <div class="mobileTr" style="display: none;margin-top:10px;padding:0 20px;position: relative;"> <input id="phone" placeholder="请输入手机号" name="phone" type="text" class="input" /> <div class="field" style="margin-top:10px;"> <p class="control has-icons-right"> <input id="vCode" class="input" type="text" placeholder="验证码"> <span class="icon is-small is-right" style="width:8em;right:3px;cursor:pointer;pointer-events:auto;"> <img id="vCodeImg" src="/nju/validateCode.jsp" style="max-height:100%;width:100%;" /> </span> </p> </div> <div class="field" style="margin-top:10px;"> <p class="control has-icons-right"> <input id="smsCode" class="input" type="text" placeholder="短信验证码"> <span id="getValidateCode" class="icon is-small is-right" style="width:6em;font-size:14px;cursor:pointer;color:black;pointer-events:auto;"> 获取验证码 </span> </p> </div> <div style="text-align:center;margin-top:20px;"><input id="queryPayCodeBtn" class="button" type="submit" value="查 询"></div> <div id="payCodeDiv" style="display:none;background:#fedcbd;height:auto;border:1px solid #96582a;position:absolute;right:-80px;margin-top:10px;"> <table cellspacing="0" style="border:1px solid #deab8a;font-size:12px;min-width:500px;"> <tr align="center" style="color:white;background:#f58220;height:20px;font-weight:bold;"> <td colspan="4">支付信息查询结果</td> <td align="right"><img style="cursor:pointer;" src="/res/images/tool_btn_close.gif" onclick="payCodeDivHide();" /></td> </tr> <tr align="center" style="color:white;background:#faa755;font-weight:bold;"> <td>人员编号</td> <td>姓名</td> <td>支付项目名称</td> <td>支付码</td> <td>支付状态</td> </tr> </table> </div> </div> </div> </div> <div style="width:1007px; height:130px; float:left; margin:0px; padding:50px 0 0 0;"> <div style="background:url(/nju/images/wei_zhong_1.jpg) no-repeat; height:35px;"> </div> <div style="font-size:12px; color:#9c9c9c; line-height:150%;margin-top:40px;text-align:center;"> 南京大学财务处 版权所有<br /> 合作银行 中国工商银行<br /> 合作第三方支付平台 支付宝<br /> 技术支持 南京大学网络信息中心 金智教育 </div> </div> </div> </div> </div> <div style="display:none"> <script type="text/javascript"> </script> </div> </body> </html>