<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>纵横造价指标系统</title>
    <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="/public/css/main.css">
    <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
    <!--zTree-->
    <link rel="stylesheet" href="/public/css/ztree/zTreeStyle.css" type="text/css">
    <!--spreadJs-->
    <link rel="stylesheet" href="/public/css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
    <!--jquery-contextmenu-->
    <link rel="stylesheet" href="/public/css/jquery-contextmenu/jquery.contextMenu.min.css">

    <script src="/public/js/jquery/jquery-3.2.1.min.js"></script>
    <script src="/public/js/popper/popper.min.js"></script>
    <script src="/public/js/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="/public/js/ztree/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="/public/js/ztree/jquery.ztree.excheck.js"></script>
    <!--jquery-contextmenu-->
    <script src="/public/js/jquery-contextmenu/jquery.ui.position.min.js"></script>
    <script src="/public/js/jquery-contextmenu/jquery.contextMenu.min.js"></script>
</head>

<body>
<div class="header">
    <h1 class="logo"><a>纵横造价指标系统</a></h1>
    <div class="poj-name">
        <span class="name"><%= ctx.title %></span>
    </div>
    <div class="header-box">
        <div class="header-nav"></div>
        <div class="header-user pull-right">
            <div class="avatar btn-group">
                <a class="dropdown-toggle" data-toggle="dropdown">
                    <span class="pic"><img src="/public/images/avatar.png"></span>
                    <span><%= ctx.session.userSession.username %></span>
                    <span class="caret"></span>
                </a>
                <div class="dropdown-menu">
                    <a href="/logout" class="dropdown-item">退出登录</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="main-nav">
        <div class="nav-top">
            <ul class="nav nav-pills flex-column bg-nav">
                <% for (const index in ctx.menuList) { %>
                <% if (ctx.menuList[index].display === undefined || !ctx.menuList[index].display) { continue } %>
                <li class="nav-item <% if (ctx.controllerName === index) { %> active <% }%>">
                    <a href="<%= ctx.menuList[index].url %>" title="<%= ctx.menuList[index].name %>">
                        <i class="fa <%= ctx.menuList[index].icon %>"></i> <%= ctx.menuList[index].name %>
                    </a>
                </li>
                <% } %>
            </ul>
        </div>
    </div>
    <div class="main-panel">
        <%- content %>
    </div>
</div>
<%- modal %>
<script src="/public/js/cookies.js"></script>
<script src="/public/js/global.js"></script>
<script type="text/javascript">
    autoFlashHeight();
</script>
</body>

</html>