booking.jsp 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <meta name="format-detection" content="telephone=no"/>
  7. <title>微信号绑定</title>
  8. <link href="${ctx}/css/xf0.css" rel="stylesheet" type="text/css" />
  9. <script src="${ctx}/js/jquery-2.1.1.min.js"></script>
  10. <script src="${ctx}/js/xf.js"></script>
  11. </head>
  12. <body>
  13. <div class="loading"></div>
  14. <form id="myForm" action="${ctx}/wx/wxCreate.do" method="post">
  15. <input type="hidden" id="code" name="code" value="${code!'123456'}"/>
  16. <div class="hc_page hc_pageslcx">
  17. <ul class="hc_slcx_ul01 hc_wxcx_ul01">
  18. <li><input type="text" placeholder="请输入单位名称" id="orgName" name="orgName" /></li>
  19. <li><input type="text" placeholder="请输入水表号" id="meterNumber" name="meterNumber" /></li>
  20. <li class="btn"><a class="on" href="#" onclick="formReset()">重置</a><a href="#" onclick="bind()">绑定</a></li>
  21. </ul>
  22. </div>
  23. </form>
  24. <#if wxOrg??>
  25. <div class="hc_page">
  26. <div class="hc_pagecxjg">
  27. <ul class="hc_cxjg_ul01">
  28. <li><span>水表号</span><span>是否启用</span></li>
  29. <#list wxOrg as wx>
  30. <li><span>${wx.orgNumber!""}</span><span><#if wx.inUse==1><input type="radio" name="inUse" value="${wx.orgNumber!""}" checked="checked" onclick="onComplete(${wx.orgNumber!""})"/><#else> <input type="radio" name="inUse" value="${wx.orgNumber!""}" onclick="onComplete(${wx.orgNumber!""})"/></#if></span></li>
  31. </#list>
  32. </ul>
  33. </div>
  34. </div>
  35. </#if>
  36. </body>
  37. </html>
  38. <script>
  39. function bind(){
  40. var sourceUrl = "${state!''}";
  41. $.ajax({
  42. url:'${ctx}/wx/wxCreate.do',
  43. type:'post',
  44. data:{orgName:$("#orgName").val(), meterNumber:$("#meterNumber").val(), code:$("#code").val()},
  45. dataType: "json",
  46. error: function (jqXHR, textStatus, errorThrown) {
  47. /*弹出jqXHR对象的信息*/
  48. //alert("jqXHR.responseText==="+jqXHR.responseText);
  49. //alert(jqXHR.status);
  50. //alert(jqXHR.readyState);
  51. // alert("jqXHR.statusText==="+jqXHR.statusText);
  52. /*弹出其他两个参数的信息*/
  53. alert("textStatus==="+textStatus);
  54. // alert("errorThrown==="+errorThrown);
  55. },
  56. success:function(data){
  57. if(data.status=="y"){
  58. alert(data.info);
  59. if(sourceUrl == null || sourceUrl == ""){
  60. $(window.location).attr('href', '${ctx}');
  61. }else{
  62. $(window.location).attr('href', sourceUrl);
  63. }
  64. }else{
  65. alert(data.info);
  66. return false;
  67. }
  68. }
  69. });
  70. }
  71. function formReset()
  72. {
  73. document.getElementById("myForm").reset()
  74. }
  75. function onComplete(orgNumber){
  76. jQuery.post("${ctx}/wx/claim.do",
  77. {"orgNumber":orgNumber},
  78. function(responseText){
  79. if(responseText.status=="y"){
  80. top.Dialog.alert(responseText.info);
  81. }else{
  82. top.Dialog.alert(responseText.info);
  83. }
  84. },
  85. "json");
  86. }
  87. </script>