login.ejs 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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="/wap/login">
  35. <div class="card-body">
  36. <h5 class="text-center mb-4 text-muted" id="project_name"><%- projectData ? projectData.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="项目编号" <% if (projectData) { %>readonly<% } %> value="<%- projectData ? projectData.code : '' %>" 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. <input type="hidden" name="type" value="2" />
  56. </div>
  57. <div class="pt-1 d-flex justify-content-end">
  58. <!--<a href="#fg-password" data-toggle="modal" data-target="#fg-password" class="mr-3">忘记密码?</a>-->
  59. </div>
  60. </div>
  61. </form>
  62. <% } %>
  63. </div>
  64. </div>
  65. <!--项目版-->
  66. </div>
  67. <!-- JS. -->
  68. <div class="toast" style="text-align: center">
  69. <i class="icon fa"></i>
  70. <span class="message"></span>
  71. </div>
  72. <!-- JS. -->
  73. <script src="/public/js/jquery/jquery-3.2.1.min.js"></script>
  74. <script src="/public/js/popper/popper.min.js"></script>
  75. <script src="/public/js/bootstrap/bootstrap.min.js"></script>
  76. <script src="/public/js/wap/global.js"></script>
  77. <script>
  78. const csrf = '<%= ctx.csrf %>'
  79. </script>
  80. <script src="/public/js/wap/login.js"></script>
  81. </body>
  82. </html>