layout.ejs 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  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. <title><%= ctx.menu.name === undefined ? '主页' : ctx.menu.name %>-计量支付</title>
  7. <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
  8. <link rel="stylesheet" href="/public/css/main.css?<%- ctx.app.config.version %>">
  9. <% if (ctx.request.host.indexOf('jlqa') !== -1 || ctx.request.host.indexOf('jluat') !== -1 || ctx.request.host === '127.0.0.1:7002') { %>
  10. <link rel="stylesheet" href="/public/css/qa_side.css">
  11. <% } %>
  12. <link rel="stylesheet" href="/public/css/toast.css">
  13. <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
  14. <link rel="stylesheet" type="text/css" href="/public/css/jquery-ui/jquery-ui.min.css">
  15. <link rel="stylesheet" href="/public/css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
  16. <link rel="stylesheet" href="/public/css/jquery-contextmenu/jquery.contextMenu.min.css">
  17. <link rel="stylesheet" href="/public/css/ztree/zTreeStyle.css" type="text/css">
  18. <link rel="stylesheet" href="/public/css/datepicker/datepicker.min.css" type="text/css">
  19. <link rel="stylesheet" href="/public/css/toastr.css">
  20. <link rel="shortcut icon" href="/public/images/favicon.ico">
  21. <link rel="stylesheet" href="/public/css/radar-animation.css">
  22. <!-- JS. -->
  23. <% for (const file of jsFiles) { %>
  24. <script type="text/javascript" src="<%- file %>"></script>
  25. <% } %>
  26. </head>
  27. <body oncontextmenu="return false;"> <!--屏蔽input鼠标右键-->
  28. <div>
  29. </div>
  30. <div class="main">
  31. <% include ./menu.ejs %>
  32. <div class="main-panel">
  33. <%- content %>
  34. </div>
  35. </div>
  36. <div class="toast" style="text-align: center">
  37. <i class="icon fa"></i>
  38. <span class="message"></span>
  39. </div>
  40. <!-- 遮罩层 -->
  41. <div id="hide-all" style="display:none;position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index:10000000">
  42. </div>
  43. <!-- 对接项目管理弹窗 -->
  44. <% include ./modal.ejs %>
  45. <%- modal %>
  46. <script type="text/javascript">
  47. toastr.options = {
  48. "closeButton": false,
  49. "debug": false,
  50. "newestOnTop": false,
  51. "progressBar": false,
  52. "positionClass": "toast-top-center",
  53. "preventDuplicates": false,
  54. "onclick": null,
  55. "showDuration": "300",
  56. "hideDuration": "1000",
  57. "timeOut": "5000",
  58. "extendedTimeOut": "1000",
  59. "showEasing": "swing",
  60. "hideEasing": "linear",
  61. "showMethod": "fadeIn",
  62. "hideMethod": "fadeOut"
  63. };
  64. let toastInfo = '<%- message %>';
  65. try {
  66. toastInfo = toastInfo !== '' && toastInfo !== 'null' ? JSON.parse(toastInfo) : '';
  67. } catch (error) {
  68. toastInfo = '';
  69. }
  70. if (toastInfo !== '') {
  71. toastr[toastInfo.type](toastInfo.message);
  72. }
  73. const userID = <%- ctx.session.sessionUser.accountId %>;
  74. let user = '<%= ctx.session.sessionUser.name %>';
  75. <% if (ctx.app.config.is_debug) { %>
  76. const is_debug = true;
  77. <% } %>
  78. </script>
  79. <style type="text/css">
  80. .process-box{
  81. width: 100%;
  82. height: 12px;
  83. border-radius: 10px;
  84. background: #999;
  85. margin-top: 10px;
  86. /* border: 1px solid #ff6780; */
  87. }
  88. .process-child{
  89. position: relative;
  90. height:100%;
  91. border-radius:inherit;
  92. }
  93. .process-animate{
  94. background: #007BFF !important;
  95. color: white;
  96. text-align: center;
  97. position: absolute;
  98. left: 0;
  99. top: 0;
  100. bottom: 0;
  101. border-radius:inherit;
  102. animation: process 1s linear forwards ;
  103. }
  104. @keyframes process
  105. {
  106. 0%{
  107. left:0;right:100%;
  108. }
  109. 20%{
  110. right:80%
  111. }
  112. 40%{
  113. right:60%;
  114. }
  115. 60%{right:40%;}
  116. 80%{right:20%;}
  117. 100%{right:0;}
  118. }
  119. </style>
  120. </body>
  121. </html>