bind.ejs 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>账号绑定-计量支付</title>
  8. <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="/public/css/wap/main.css">
  10. <link rel="stylesheet" href="/public/css/toast.css">
  11. <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
  12. <link rel="shortcut icon" href="/public/images/favicon.ico">
  13. <style>
  14. html{height:100%;}
  15. </style>
  16. </head>
  17. <body class="login-body">
  18. <div class="container">
  19. <!--演示版-->
  20. <div class="row">
  21. <div class="col-12 text-center">
  22. <img src="/public/images/loginlogo.png" class="my-3">
  23. </div>
  24. <div class="col-12">
  25. <% if (maintainData.status === maintainConst.status.ongoing) { %>
  26. <form class="card m-3 mt-3">
  27. <div class="card-body">
  28. <h4 class="text-center mb-3"><i class="fa fa-wrench"></i>系统正在维护</h4>
  29. <h4>预计恢复时间<%- (maintainData.duration !== maintainConst.duration.forever ? '为 ' + ctx.helper.dateTran(parseFloat(maintainData.maintain_time) + ctx.helper.timeAdd(maintainData.duration)) : ' 暂未确定') %></h4>
  30. <h4>造成不便敬请谅解。</h4>
  31. </div>
  32. </form>
  33. <% } else { %>
  34. <form class="card m-3 mt-3" method="post" action="/wx/bindwx">
  35. <div class="card-body">
  36. <h5 class="text-center mb-4 text-muted" id="project_name"></h5>
  37. <h4 class="text-center mb-4">账号绑定</h4>
  38. <div class="form-group mb-3 <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
  39. <input id="project" class="form-control" name="project" placeholder="项目编号" autofocus="" />
  40. </div>
  41. <div class="form-group mb-3 <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
  42. <input id="account" class="form-control" name="account" placeholder="输入账号" autofocus="" />
  43. </div>
  44. <div class="form-group mb-3 <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
  45. <input id="project-password" name="project_password" class="form-control" placeholder="输入密码" type="password" />
  46. </div>
  47. <div class="form-group mb-3">
  48. <div class="alert alert-danger" <% if(errorMessage === undefined || errorMessage === null) { %>style="display: none"<% } %> role="alert" id="error-msg">
  49. <% if(errorMessage !== undefined && errorMessage !== null) { %><strong>绑定失败</strong> <%= errorMessage %><% } %>
  50. </div>
  51. </div>
  52. <div class="form-group mb-3">
  53. <button class="btn btn-primary btn-block" type="submit">绑定微信</button>
  54. <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
  55. </div>
  56. </div>
  57. </form>
  58. <% } %>
  59. </div>
  60. </div>
  61. <!--项目版-->
  62. </div>
  63. <!-- JS. -->
  64. <div class="toast" style="text-align: center">
  65. <i class="icon fa"></i>
  66. <span class="message"></span>
  67. </div>
  68. <!-- JS. -->
  69. <script src="/public/js/jquery/jquery-3.2.1.min.js"></script>
  70. <script src="/public/js/popper/popper.min.js"></script>
  71. <script src="/public/js/bootstrap/bootstrap.min.js"></script>
  72. <script src="/public/js/wap/global.js"></script>
  73. <script src="/public/js/wechat/bind.js"></script>
  74. </body>
  75. </html>