Ruoyi-Flask-admin/app/templates/layout/north.html

<script type="text/javascript" charset="utf-8">
	var lockWindowFun = function() {
		$.post('/base/syuser!doNotNeedSessionAndSecurity_logout.action', function(result) {
			$('#loginDialog').dialog('open');
		}, 'json');
	};
	var logoutFun = function() {
		$.post('/base/syuser!doNotNeedSessionAndSecurity_logout.action', function(result) {
			location.replace('/');
		}, 'json');
	};
	var showMyInfoFun = function() {
		var dialog = parent.sy.modalDialog({
			title : '我的信息',
			url : '/securityJsp/userInfo.jsp'
		});
	};
</script>
<div style="position: absolute; left: 10px; top: 3px; color: white;">
	<h2>权限管理系统</h2>
</div>
<div id="sessionInfoDiv" style="position: absolute; right: 10px; top: 5px; color: white;">
    {% if current_user.is_authenticated %}
        欢迎您，{{ current_user.NAME }}
    {% endif %}
</div>
<div style="position: absolute; right: 0px; bottom: 0px;">
	<a href="javascript:void(0);" style="color:white" class="easyui-menubutton" data-options="menu:'#layout_north_kzmbMenu',iconCls:'ext-icon-cog'">控制面板</a>
	<a href="javascript:void(0);" style="color:white" class="easyui-menubutton" data-options="menu:'#layout_north_zxMenu',iconCls:'ext-icon-disconnect'">注销</a>
</div>
<div id="layout_north_kzmbMenu" style="width: 100px; display: none;">
	<div data-options="iconCls:'ext-icon-user_edit'" onclick="$('#passwordDialog').dialog('open');">修改密码</div>
	<div class="menu-sep"></div>
	<div data-options="iconCls:'ext-icon-user'" onclick="showMyInfoFun();">我的信息</div>
</div>
<div id="layout_north_zxMenu" style="width: 100px; display: none;">
	<div data-options="iconCls:'ext-icon-lock'" onclick="lockWindowFun();">锁定窗口</div>
	<div class="menu-sep"></div>
	<div data-options="iconCls:'ext-icon-door_out'" onclick="logoutFun();">退出系统</div>
</div>