82 lines
3.0 KiB
HTML
82 lines
3.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>个人资料</title>
|
||
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../layui-v2.8.18/layui/css/layui.css">
|
||
|
|
<style>
|
||
|
|
.framework{
|
||
|
|
display: flex;
|
||
|
|
width: 1260px;
|
||
|
|
height: 756px;
|
||
|
|
margin-top: 1%;
|
||
|
|
margin-left: 11%;
|
||
|
|
border: 1px solid #dfd9d9;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="framework">
|
||
|
|
<div class="layui-panel" style="width: 260px;">
|
||
|
|
<ul class="layui-menu" id="demo-menu">
|
||
|
|
<li lay-options="{id: 100}">
|
||
|
|
<div class="layui-menu-body-title">
|
||
|
|
<a href="javascript:;" data-url="./user/addUserFormS.html">资料设置</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li lay-options="{id: 101}">
|
||
|
|
<div class="layui-menu-body-title">
|
||
|
|
<a href="javascript:;" data-url="./from.html">修改密码</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li lay-options="{id: 102}">
|
||
|
|
<div class="layui-menu-body-title">
|
||
|
|
<a href="javascript:;" data-url="./from.html">登录记录</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li lay-options="{id: 103}">
|
||
|
|
<div class="layui-menu-body-title">
|
||
|
|
<a href="javascript:;" data-url="./from.html">系统通知</a>
|
||
|
|
<!-- <span class="layui-badge-dot"></span>-->
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="layui-body" style="width: 100%;height: 100%;left: 0px;">
|
||
|
|
<!-- tab切换区域 -->
|
||
|
|
<div class="layui-tab-item layui-show" lay-filter="docDemoTabBrief" style="height: 100%;">
|
||
|
|
<iframe id="myIframe" src="./user/addUserForms.html" frameborder="0" style="width: 100%; height: 100%;"></iframe>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript" src="../layui-v2.8.18/layui/layui.js"></script>
|
||
|
|
<script>
|
||
|
|
layui.use(function(){
|
||
|
|
var dropdown = layui.dropdown;
|
||
|
|
var layer = layui.layer;
|
||
|
|
var util = layui.util;
|
||
|
|
dropdown.on('click(demo-menu)', function(options){
|
||
|
|
console.log(options);
|
||
|
|
var id = options.id;
|
||
|
|
let url;
|
||
|
|
if(id == '100')
|
||
|
|
{
|
||
|
|
// url = './user/updateMyself.html';
|
||
|
|
url = './user/addUserForms.html';
|
||
|
|
}else if(id == '101')
|
||
|
|
{
|
||
|
|
url = './user/changePassword.html';
|
||
|
|
}else if(id == '102')
|
||
|
|
{
|
||
|
|
url = './user/noticeDetail.html';
|
||
|
|
}else if(id == '103')
|
||
|
|
{
|
||
|
|
url = './user/systemNotifications.html';
|
||
|
|
}
|
||
|
|
document.getElementById('myIframe').src = url;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|