bind-id.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="expires" content="0">
  8. <meta name="author" content="">
  9. <meta name="description" content="">
  10. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  11. <meta name="format-detection" content="telephone=no,email=no">
  12. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  13. <title>绑定微信</title>
  14. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css">
  15. <link rel="stylesheet" href="../components/custom/css/common.css">
  16. <link rel="stylesheet" href="/app/css/xyf.common.min.css">
  17. <style>
  18. </style>
  19. </head>
  20. <body class="bound">
  21. <div class="info-panel">
  22. <div class="attention"><img src="#"/></div>
  23. <h5 class="mui-text-center mui-content-padded font-b-16 "><span class="nickname"></span> <i
  24. class="sex iconfont"></i>
  25. </h5>
  26. </div>
  27. <div class="bind-panel">
  28. <p class="mui-content-padded mui-text-center">请先绑定微信账号,以便录入实体卡</p>
  29. </div>
  30. <div class="custom-subt">
  31. <input type="button" class="mui-btn-block btn-red" id="changeWechatBtn" value="更换绑定" onclick="changeWechat()">
  32. <input type="button" class="mui-btn-block " id="submitBtn" value="绑定当前登录的微信" onclick="bindWechat()">
  33. <input type="button" class="mui-btn-block custom-top btn-gray" value="返回" onclick="history.back()">
  34. </div>
  35. <script src="/components/lib/jquery.min.js"></script>
  36. <script src="/components/lib/mui.min.js"></script>
  37. <script src="/app/js/xyf.common.js"></script>
  38. <script src="/components/custom/js/common.js"></script>
  39. <script>
  40. sendRequest({
  41. url: "/agent/accountInfo",
  42. type: "get",
  43. data: {},
  44. contentType: "json",
  45. success: function (res) {
  46. if (res.result == 1) {
  47. var payload = res.payload;
  48. var obj = payload.cardWechatInfo;
  49. if (obj&&obj.bound) {
  50. if (obj.avatar) {
  51. $(".attention img").attr("src", obj.avatar).show();
  52. }
  53. if (obj.nickname) {
  54. $(".nickname").text(obj.nickname)
  55. }
  56. var genderDom = $(".sex");
  57. if (obj.sex == 1) {
  58. genderDom.addClass("c-primary icon-male");
  59. } else if (obj.sex == 2) {
  60. genderDom.addClass("c-red icon-female");
  61. }
  62. $("body").addClass("bound");
  63. } else {
  64. $("body").removeClass("bound");
  65. }
  66. } else {
  67. mui.toast(res.description);
  68. }
  69. }
  70. });
  71. function changeWechat() {
  72. $("body").removeClass("bound");
  73. }
  74. function bindWechat() {
  75. var url = "/agent/wechat/bind";
  76. myAjax({
  77. type: "post",
  78. url: url,
  79. mask: "请稍候...",
  80. data: {
  81. 'bindType': 'bindCard',
  82. 'redirect':'/agent/index.html#/card/edit',
  83. },
  84. dataType: "json",
  85. success: function (response) {
  86. if (response.result == 1) {
  87. window.location.replace(response.data.redirect_uri)
  88. } else {
  89. mui.alert(response.description, '温馨提示', '我知道了');
  90. }
  91. }
  92. });
  93. }
  94. var callbackResult = getQueryString('result')
  95. if (callbackResult === 'ok') {
  96. mui.alert('绑定成功', '温馨提示', '我知道了')
  97. } else if (callbackResult === 'error') {
  98. mui.alert('绑定失败,请重新操作', '温馨提示', '我知道了')
  99. }
  100. </script>
  101. </body>
  102. </html>