123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <title><%= ctx.menu.name === undefined ? '主页' : ctx.menu.name %>-计量支付</title>
- <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
- <link rel="stylesheet" href="/public/css/main.css?<%- ctx.app.config.version %>">
- <% if (ctx.request.host.indexOf('jlqa') !== -1 || ctx.request.host.indexOf('jluat') !== -1 || ctx.request.host === '127.0.0.1:7002') { %>
- <link rel="stylesheet" href="/public/css/qa_side.css">
- <% } %>
- <link rel="stylesheet" href="/public/css/toast.css">
- <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
- <link rel="stylesheet" type="text/css" href="/public/css/jquery-ui/jquery-ui.min.css">
- <link rel="stylesheet" href="/public/css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
- <link rel="stylesheet" href="/public/css/jquery-contextmenu/jquery.contextMenu.min.css">
- <link rel="stylesheet" href="/public/css/ztree/zTreeStyle.css" type="text/css">
- <link rel="stylesheet" href="/public/css/datepicker/datepicker.min.css" type="text/css">
- <link rel="stylesheet" href="/public/css/toastr.css">
- <link rel="shortcut icon" href="/public/images/favicon.ico">
- <link rel="stylesheet" href="/public/css/radar-animation.css">
- <!-- JS. -->
- <% for (const file of jsFiles) { %>
- <script type="text/javascript" src="<%- file %>"></script>
- <% } %>
- </head>
- <body oncontextmenu="return false;"> <!--屏蔽input鼠标右键-->
- <div>
- </div>
- <div class="main">
- <% include ./menu.ejs %>
-
- <div class="main-panel">
- <%- content %>
- </div>
- </div>
- <div class="toast" style="text-align: center">
- <i class="icon fa"></i>
- <span class="message"></span>
- </div>
- <!-- 遮罩层 -->
- <div id="hide-all" style="display:none;position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index:10000000">
- </div>
- <!-- 对接项目管理弹窗 -->
- <% include ./modal.ejs %>
- <%- modal %>
- <script type="text/javascript">
- toastr.options = {
- "closeButton": false,
- "debug": false,
- "newestOnTop": false,
- "progressBar": false,
- "positionClass": "toast-top-center",
- "preventDuplicates": false,
- "onclick": null,
- "showDuration": "300",
- "hideDuration": "1000",
- "timeOut": "5000",
- "extendedTimeOut": "1000",
- "showEasing": "swing",
- "hideEasing": "linear",
- "showMethod": "fadeIn",
- "hideMethod": "fadeOut"
- };
- let toastInfo = '<%- message %>';
- try {
- toastInfo = toastInfo !== '' && toastInfo !== 'null' ? JSON.parse(toastInfo) : '';
- } catch (error) {
- toastInfo = '';
- }
- if (toastInfo !== '') {
- toastr[toastInfo.type](toastInfo.message);
- }
- const userID = <%- ctx.session.sessionUser.accountId %>;
- let user = '<%= ctx.session.sessionUser.name %>';
- <% if (ctx.app.config.is_debug) { %>
- const is_debug = true;
- <% } %>
- </script>
- <style type="text/css">
- .process-box{
- width: 100%;
- height: 12px;
- border-radius: 10px;
- background: #999;
- margin-top: 10px;
- /* border: 1px solid #ff6780; */
- }
- .process-child{
- position: relative;
- height:100%;
- border-radius:inherit;
- }
- .process-animate{
- background: #007BFF !important;
- color: white;
- text-align: center;
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- border-radius:inherit;
- animation: process 1s linear forwards ;
- }
- @keyframes process
- {
- 0%{
- left:0;right:100%;
- }
- 20%{
- right:80%
- }
- 40%{
- right:60%;
- }
- 60%{right:40%;}
- 80%{right:20%;}
- 100%{right:0;}
- }
- </style>
- </body>
- </html>
|