login.ejs 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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="stylesheet" href="/public/css/toastr.css">
  13. <link rel="shortcut icon" href="/public/images/favicon.ico">
  14. <style>
  15. html{height:100%;}
  16. </style>
  17. </head>
  18. <body class="login-body">
  19. <div class="container">
  20. <!--演示版-->
  21. <div class="row">
  22. <div class="col-12 text-center">
  23. <img src="/public/images/loginlogo.png" class="my-3">
  24. </div>
  25. <div class="col-12">
  26. <% if (maintainData.status === maintainConst.status.ongoing) { %>
  27. <form class="card m-3 mt-3">
  28. <div class="card-body">
  29. <h4 class="text-center mb-3"><i class="fa fa-wrench"></i>系统正在维护</h4>
  30. <h4>预计恢复时间<%- (maintainData.duration !== maintainConst.duration.forever ? '为 ' + ctx.helper.dateTran(parseFloat(maintainData.maintain_time) + ctx.helper.timeAdd(maintainData.duration)) : ' 暂未确定') %></h4>
  31. <h4>造成不便敬请谅解。</h4>
  32. </div>
  33. </form>
  34. <% } else { %>
  35. <form class="card m-3 mt-3" method="post" action="/wap/login">
  36. <div class="card-body">
  37. <h5 class="text-center mb-4 text-muted" id="project_name"><%- projectData ? projectData.name : '' %></h5>
  38. <h4 class="text-center mb-4">账号登录</h4>
  39. <div class="form-group mb-3 <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
  40. <input id="project" class="form-control" name="project" placeholder="项目编号" <% if (projectData) { %>readonly<% } %> value="<%- projectData ? projectData.code : '' %>" autofocus="" />
  41. </div>
  42. <div class="form-group mb-3 <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
  43. <input id="account" class="form-control" name="account" placeholder="输入账号" autofocus="" />
  44. </div>
  45. <div class="form-group mb-3 <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
  46. <input id="project-password" name="project_password" class="form-control" placeholder="输入密码" type="password" />
  47. </div>
  48. <div class="form-group mb-3">
  49. <div class="alert alert-danger" <% if(errorMessage === undefined || errorMessage === null) { %>style="display: none"<% } %> role="alert" id="error-msg">
  50. <% if(errorMessage !== undefined && errorMessage !== null) { %><strong>登录失败</strong> <%= errorMessage %><% } %>
  51. </div>
  52. </div>
  53. <div class="form-group mb-3">
  54. <button class="btn btn-primary btn-block" type="submit">登录</button>
  55. <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
  56. <input type="hidden" name="type" value="2" />
  57. </div>
  58. <div class="pt-1 d-flex justify-content-end">
  59. <!--<a href="#fg-password" data-toggle="modal" data-target="#fg-password" class="mr-3">忘记密码?</a>-->
  60. </div>
  61. </div>
  62. </form>
  63. <% } %>
  64. </div>
  65. </div>
  66. <!--项目版-->
  67. </div>
  68. <!-- JS. -->
  69. <div class="toast" style="text-align: center">
  70. <i class="icon fa"></i>
  71. <span class="message"></span>
  72. </div>
  73. <!-- JS. -->
  74. <script src="/public/js/jquery/jquery-3.2.1.min.js"></script>
  75. <script src="/public/js/popper/popper.min.js"></script>
  76. <script src="/public/js/bootstrap/bootstrap.min.js"></script>
  77. <script src="/public/js/toastr.min.js"></script>
  78. <script src="/public/js/wap/global.js"></script>
  79. <script>
  80. const csrf = '<%= ctx.csrf %>'
  81. </script>
  82. <script src="/public/js/wap/login.js"></script>
  83. </body>
  84. </html>