Calculation/app/view/layout/menu.ejs

<div class="main-nav d-flex align-items-start flex-column">
    <div class="logo w-100 logo-parent">
        <img class="w-50" style="padding: 5px" src="/public/css/logo.png">
        <span class="text-white logo-project-name"><% if (ctx.subProject) { %> <%- ctx.subProject.name %><% } else { %> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="<%- ctx.session.sessionProject.name %>"><%- ctx.session.sessionProject.name %></span><% } %></span>
        <% if (ctx.subProject) { %>
        <span class="poj-info btn-warning" data-toggle="tooltip" data-placement="right" title="" data-original-title="<%- ctx.subProject.name %>"><i class="fa fa-cube te"></i></span>
        <% } %>
    </div>
    <div class="nav-top">
        <ul class="nav nav-pills nav-stacked bg-nav">
            <% if (maintainData.status !== maintainConst.status.notset && new Date().getTime() + (60*60*1000) > parseFloat(maintainData.maintain_time)) { %>
            <!--系统维护信息-->
            <li class="bg-danger">
                <a class="text-white maintain-icon"><i class="fa fa-wrench "></i><div class="d-inline-block" style="vertical-align: text-bottom;"> 系统维护</div>
                    <span class="bg-danger maintain-info">系统将于 <%- ctx.helper.dateTran(parseFloat(maintainData.maintain_time)) %> 开始停机维护<%- (maintainData.duration !== maintainConst.duration.forever ? '，持续'+ maintainConst.durationString[maintainData.duration] +'。' : '') %></span></a></li>
            <!--系统维护信息 end-->
            <% } %>
            <% for (const index in ctx.menuList) { %>
            <% const menu = ctx.menuList[index]; %>
            <% if (!menu.display) { continue } %>
            <% if (menu.children && menu.children.length > 0) { %>
            <li>
                <a href="javascript:void(0);" id="<%- 'nav_' + index%>" class="nav-up-down">
                    <i class="fa <%- menu.icon %>"></i>
                    <% if (menu.caption) { %><span class="d-inline-block" style="vertical-align: text-bottom;"><%- menu.caption %></span><% } %>
                    <i class="fa fa-angle-down d-inline-block child-up-down"></i>
                </a>
            </li>
            <% for (const child of menu.children) { %>
                <li data-index="<%- 'nav_' + index %>" class="child-bg <% if((ctx.controllerName === child.controller && (!child.notIncludedUrl || !child.notIncludedUrl.some(item => ctx.url.includes(item)))) || (!!child.controllers && child.controllers.indexOf(ctx.controllerName) >= 0 && (!child.includedUrl || !child.includedUrl[ctx.controllerName] || child.includedUrl[ctx.controllerName].some(item => ctx.url.includes(item)))) || (child.url && child.url === ctx.url)) { %>active<% } %>">
                    <a href="<%- child.url %>" data-toggle="tooltip" data-placement="right" title="" data-original-title="<%- child.name %>">
                        <i></i>
                        <% if (child.caption) { %><span class="d-inline-block" style="vertical-align: text-bottom;"><%- child.caption %></span><% } %>
                    </a>
                </li>
            <% } %>
            <% } else { %>
            <li <% if((ctx.controllerName === menu.controller && (!menu.notIncludedUrl || !menu.notIncludedUrl.some(item => ctx.url.includes(item)))) || (!!menu.controllers && menu.controllers.indexOf(ctx.controllerName) >= 0 && (!menu.includedUrl || !menu.includedUrl[ctx.controllerName] || menu.includedUrl[ctx.controllerName].some(item => ctx.url.includes(item)))) || (menu.url && menu.url === ctx.url)) { %>class="active"<% } %>>
                <a href="<%- menu.url %>" id="<%- 'nav_' + index%>" data-toggle="tooltip" data-placement="right" title="" data-original-title="<%- menu.name %>">
                    <i class="fa <%- menu.icon %>"></i>
                    <% if (menu.caption) { %><span class="d-inline-block" style="vertical-align: text-bottom;"><%- menu.caption %></span><% } %>
                </a>
            </li>
            <% } %>
            <% } %>
        </ul>
    </div>
    <div class="nav-bottom mt-auto">
        <ul class="nav nav-pills nav-stacked bg-nav">
            <li><a href="https://doc.zhzdwd.com/docs/yunjiliangAPI/yunjiliangAPI-1ccjk7h426enp" target="_blank" data-toggle="tooltip" data-placement="right" title="" data-original-title="数据接口" class="d-inline-block">API</a></li>
        </ul>
        <ul class="nav nav-pills nav-stacked bg-nav">
            <% if (ctx.isProjectController) { %>
            <li <% if (ctx.controllerName === 'setting') { %>class="active"<% } %>><a href="/setting/info" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span class="d-inline-block" style="vertical-align: text-bottom;">平台设置</span></a></li>
            <% } else if (ctx.session.sessionUser.is_admin) { %>
            <li <% if (ctx.controllerName === 'setting') { %>class="active"<% } %>><a href="/sp/<%- ctx.subProject.id %>/setting/category" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span class="d-inline-block" style="vertical-align: text-bottom;"> 项目设置</span></a></li>
            <% } %>
        </ul>
        <div class="dropup mb-1 ml-1 mr-1 d-inline-block text-center" style="width: 100px;">
            <a href="" class="btn btn-sm btn-light p-1" style="width: 70px;" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
                <%- ctx.session.sessionUser.name.substr(ctx.session.sessionUser.name.length > 6 ? ctx.session.sessionUser.name.length - 6 : 0) %>
            </a>
            <div class="dropdown-menu">
                <a href="/profile/info" class="dropdown-item">账号资料</a>
                <a href="/profile/safe" class="dropdown-item">账号安全</a>
                <div class="dropdown-divider"></div>
                <a href="https://doc.zhzdwd.com/docs/measure" target="_blank" class="dropdown-item">用户手册</a>
                <a href="/logout" class="dropdown-item">退出登录</a>
            </div>
        </div>
    </div>
</div>