Calculation/app/view/layout/layout.ejs

<!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><%= pageTitle || (ctx.menu.name === undefined ? (ctx.controllerName === 'setting' ? (ctx.isProjectController ? '平台' : '项目') + '设置' : '主页') : 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 %>
<% if (ctx.session.sessionProject.page_show.openAssistant !== 0) { %>
<% include ./assistant.ejs %>
<% } %>
<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"
    };
    const toastInfo = JSON.parse(unescape('<%- escape(JSON.stringify(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 %>';
    const is_debug = <%- ctx.session.sessionUser.loginStatus ? true : false %>;
    const spid = '<%- (ctx.subProject ? ctx.subProject.id : '') %>';
</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>