layout.ejs 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. <div class="poj-name">
  25. <span class="name">项目A</span>
  26. <div class="btn-group">
  27. <a class=" btn" data-toggle="dropdown">
  28. <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
  29. </a>
  30. <div class="dropdown-menu">
  31. <a href="#" class="dropdown-item">项目B</a>
  32. <a href="#" class="dropdown-item">项目C</a>
  33. <a href="#" class="dropdown-item">项目D</a>
  34. </div>
  35. </div>
  36. <a href="/project/info" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i
  37. class="fa fa-cogs"></i></a>
  38. </div>
  39. <div class="header-box">
  40. <div class="header-nav"></div>
  41. <div class="header-user pull-right">
  42. <div class="avatar btn-group">
  43. <a class="dropdown-toggle" data-toggle="dropdown">
  44. <span class="pic"><img src="/public/images/avatar.png"></span>
  45. <span><%= ctx.session.sessionUser.account %></span>
  46. <span class="caret"></span>
  47. </a>
  48. <div class="dropdown-menu">
  49. <a href="#" class="dropdown-item">账号资料</a>
  50. <a href="#" class="dropdown-item">账号安全</a>
  51. <div class="dropdown-divider"></div>
  52. <a href="#" class="dropdown-item">帮助中心</a>
  53. <a href="/logout" class="dropdown-item">退出登录</a>
  54. </div>
  55. </div>
  56. <div class="msg">
  57. <a>
  58. <i class="fa fa-bell"></i><sup>0</sup>
  59. </a>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="main">
  65. <% include ./menu.ejs %>
  66. <div class="main-panel">
  67. <%- content %>
  68. </div>
  69. </div>
  70. <div class="toast">
  71. <i class="icon fa"></i>
  72. <span class="message"></span>
  73. </div>
  74. <% include ./modal.ejs %>
  75. <script type="text/javascript">
  76. let toastInfo = '<%- message %>';
  77. try {
  78. toastInfo = toastInfo !== '' && toastInfo !== 'null' ? JSON.parse(toastInfo) : '';
  79. } catch (error) {
  80. toastInfo = '';
  81. }
  82. if (toastInfo !== '') {
  83. toast(toastInfo.message, toastInfo.type, toastInfo.icon);
  84. }
  85. </script>
  86. </body>
  87. </html>