login_port.ejs 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=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/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="login-bg img-<%- Math.floor(Math.random()*3 + 1); %>"></div>
  19. <div class="container">
  20. <div class="row">
  21. <div class="col-6">
  22. <img src="/public/images/loginlogo.png">
  23. </div>
  24. <div class="col-6">
  25. <% if (maintainData.status === maintainConst.status.ongoing) { %>
  26. <form class="form-signin">
  27. <h4 class="text-center mb-3"><i class="fa fa-wrench"></i>系统正在维护</h4>
  28. <h4>预计恢复时间<%- (maintainData.duration !== maintainConst.duration.forever ? '为 ' + ctx.helper.dateTran(parseFloat(maintainData.maintain_time) + ctx.helper.timeAdd(maintainData.duration)) : ' 暂未确定') %></h4>
  29. <h4>造成不便敬请谅解。</h4>
  30. </form>
  31. <% } else { %>
  32. <!--演示版-->
  33. <form class="form-signin" method="post" action="/login/port">
  34. <h4 class="text-center mb-2">纵横云计量</h4>
  35. <h5 class="text-center mb-4 text-muted"><%- projectData ? projectData.name : '' %></h5>
  36. <% if (accountData) { %>
  37. <h5>您好,<%- accountData.mobile %></h5>
  38. <% if (accountData.bind === 0) { %>
  39. <!--查询账号存在,进行绑定-->
  40. <h5>系统查询以下账号,请确认无误后进行绑定。</h5>
  41. <h5>姓名:<span class="text-danger"><%- accountData.name %></span></h5>
  42. <h5>账号:<span class="text-danger"><%- accountData.account %></span></h5>
  43. <h5>手机:<span class="text-danger"><%- accountData.mobile %></span></h5>
  44. <h5>单位:<span class="text-danger"><%- accountData.company %></span></h5>
  45. <h5>职称:<span class="text-danger"><%- accountData.role %></span></h5>
  46. <div class="form-group mt-4">
  47. <input type="hidden" value="<%= ctx.csrf %>" name="_csrf_j" >
  48. <input type="hidden" value="3" name="type" >
  49. <input type="hidden" value="<%= projectData.code %>" name="code" >
  50. <input type="hidden" value="<%= accountData.id %>" name="accountId" >
  51. <button type="submit" class="btn btn-primary btn-block">绑定并登录系统</button>
  52. </div>
  53. <% } %>
  54. <% } %>
  55. <h5 class="text-danger"><%- errorMessage %></h5>
  56. </form>
  57. <% } %>
  58. </div>
  59. </div>
  60. <!--项目版-->
  61. <div class="text-white fixed-bottom"><p class="text-center mb-1">Copyright © 2019 <a href="https://smartcost.com.cn" target="_blank" class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
  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/global.js"></script>
  73. <% if (projectData) { %>
  74. <script>
  75. $(document).ready(function() {
  76. setLocalCache('project_name', '<%- projectData.name %>');
  77. setLocalCache('project_code', '<%- projectData.code %>');
  78. });
  79. </script>
  80. <% } %>
  81. </body>
  82. </html>