<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
    <meta charset="UTF-8">
    <title>BPM后台管理系统</title>
    <link rel="stylesheet" type="text/css" th:href="@{/js/plugins/bootstrapselect/css/piyc/index.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap-dist/css/bootstrap.css}">
    <link href="https://yst-pjyc-server.oss-cn-beijing.aliyuncs.com/datas/image/20190307/20190307174527490118539.png" rel="icon" type="image/x-icon"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common/models.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/common/main_style.css}">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<!--首页-->
<div class="MainBox">

<!--    <input id="userId" type="hidden" th:value="${userId}"/>
    <input id="flag" type="hidden" th:value="${session.userInfo.flag}"/>-->

    <!--头部-->
    <div class="header" style="height: 50px">
        <shiro:hasRole name="1">
            <div class="web_logo lf">
                <img class="lf"    th:src="@{/images/bpm.png}"  style="margin-top: -3px;border-radius: 7px;" alt="">
                <div class="lf">
                    <p style="font-size:18px;font-family: '微软雅黑 Bold', '微软雅黑';">BPM后台管理系统</p>
                </div>
            </div>
        </shiro:hasRole>
        <div class="userBox right" style="padding-right:100px;">
            <span class="glyphicon glyphicon-user"><span th:text="${userName}"></span> </span>
            <a href="/logout"> <span class="glyphicon glyphicon-off"  style="cursor: pointer" title="退出登陆"></span></a>
        </div>
    </div>
    <!--end 头部-->
    <!--左边导航-->
    <div class="main_wrap clearfix" >
        <ul id="aside_nav" class="navBox" style='width:125px;min-height: 680px;'>
            <li class="s_menu_item"><a  target="main_frame"  href="/bpm/user/welcome">查看流程</a></li>
            <li class="s_menu_item"><a  target="main_frame"  href="/model/createNew">创建流程</a></li>
            <li class="s_menu_item"><a   target="main_frame" href="/model/createNew">组织结构</a></li>
            <li class="s_menu_item"><a   target="main_frame"   href="/swagger-ui.html">API</a></li>

        </ul>
    </div>
    <!--end 左边导航-->
    <div class="mainContentBox">
        <iframe id="main_frame" width="100%"  height="100%" frameborder="0" onload="" name="main_frame"  src="/bpm/user/welcome"
                style="overflow:hidden; position:absolute;"></iframe>
    </div><!--主体内容-->

    <!--end 主体内容-->
</div>


<!--end 修改密码弹窗-->
<script type="text/javascript" th:src="@{/js/common/jquery-1.11.1.min.js}"></script>
<!-- 验证 -->
<script type="text/javascript" th:src="@{/js/plugins/validat/jquery.validationEngine.js}"></script>
<script type="text/javascript" th:src="@{/js/plugins/validat/jquery.validationEngine-zh_CN.js}"></script>
<script type="text/javascript" th:src="@{/js/plugins/layer/layer.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap-dist/js/bootstrap.js}"></script>

    <!--<script>-->
        <!--$(document).ready(function(){-->
            <!--$('.s_menu_item a').click(function () {-->
                <!--var dk = $(window.parent.document).find("#iframe_id").attr("src");-->
                 <!--dk = $(this).attr("name");-->

            <!--})-->
        <!--})-->
    <!--</script>-->
</body>
</html>