layout.ejs 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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><%= ctx.menu.name === undefined ? '主页' : ctx.menu.name %>-计量支付</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/font-awesome/font-awesome.min.css">
  11. <!-- JS. -->
  12. <script src="/public/js/jquery/jquery-3.2.1.min.js"></script>
  13. <script src="/public/js/jquery/jquery.validate.js"></script>
  14. <script src="/public/js/messages_zh.js"></script>
  15. <script src="/public/js/popper/popper.min.js"></script>
  16. <script src="/public/js/bootstrap/bootstrap.min.js"></script>
  17. <script src="/public/js/global.js"></script>
  18. <script src="/public/js/vue/vue.js"></script>
  19. <script src="/public/js/component/input.js"></script>
  20. </head>
  21. <body>
  22. <div class="header">
  23. <h1 class="logo"><a>主页-纵横变更管理系统</a></h1>
  24. <% if (Object.keys(ctx.session.sessionProject).length > 0) { %>
  25. <div class="poj-name">
  26. <span class="name"><%= ctx.session.sessionProject.name %></span>
  27. <% if (ctx.session.sessionProjectList.length > 0) { %>
  28. <div class="btn-group">
  29. <a class=" btn" data-toggle="dropdown">
  30. <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
  31. </a>
  32. <div class="dropdown-menu">
  33. <% ctx.session.sessionProjectList.forEach(function(project) {%>
  34. <% if (project.name !== null) {%>
  35. <a href="#" class="dropdown-item"><%= project.name %></a>
  36. <% } %>
  37. <% }) %>
  38. </div>
  39. </div>
  40. <% } %>
  41. <a href="/project/info" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i
  42. class="fa fa-cogs"></i></a>
  43. </div>
  44. <% } %>
  45. <div class="header-box">
  46. <div class="header-nav"></div>
  47. <div class="header-user pull-right">
  48. <div class="avatar btn-group">
  49. <a class="dropdown-toggle" data-toggle="dropdown">
  50. <span class="pic"><img src="/public/images/avatar.png"></span>
  51. <span><%= ctx.session.sessionUser.account %></span>
  52. <span class="caret"></span>
  53. </a>
  54. <div class="dropdown-menu">
  55. <a href="#" class="dropdown-item">账号资料</a>
  56. <a href="#" class="dropdown-item">账号安全</a>
  57. <div class="dropdown-divider"></div>
  58. <a href="#" class="dropdown-item">帮助中心</a>
  59. <a href="/logout" class="dropdown-item">退出登录</a>
  60. </div>
  61. </div>
  62. <div class="msg">
  63. <a>
  64. <i class="fa fa-bell"></i><sup>0</sup>
  65. </a>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="main">
  71. <% include ./menu.ejs %>
  72. <div class="main-panel">
  73. <%- content %>
  74. </div>
  75. </div>
  76. <div class="toast">
  77. <i class="icon fa"></i>
  78. <span class="message"></span>
  79. </div>
  80. <% include ./modal.ejs %>
  81. <script type="text/javascript">
  82. let toastInfo = '<%- message %>';
  83. console.log(toastInfo);
  84. try {
  85. toastInfo = toastInfo !== '' && toastInfo !== 'null' ? JSON.parse(toastInfo) : '';
  86. } catch (error) {
  87. toastInfo = '';
  88. }
  89. if (toastInfo !== '') {
  90. toast(toastInfo.message, toastInfo.type, toastInfo.icon);
  91. }
  92. </script>
  93. </body>
  94. </html>