鼠笼管理系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

116 lines
4.8 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>笼鼠后台管理系统</title>
<link rel="stylesheet" href="/public/layui/css/layui.css?v=<?=date('Ymd',time())?>">
</head>
<style>
html,body{
height:100%;
}
</style>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black">鼠笼管理系统</div>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide layui-show-md-inline-block">
<a href="javascript:;">
<img src="/public/style/logo.png" class="layui-nav-img">
<?=empty($_SESSION['admin']['name'])?'未登录':$_SESSION['admin']['name']?>
</a>
<dl class="layui-nav-child">
<dd><a href="">修改密码</a></dd>
<dd><a href="/admin_login/quit">退出登录</a></dd>
</dl>
</li>
<li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
<a href="javascript:;">
<i class="layui-icon layui-icon-more-vertical"></i>
</a>
</li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域(可配合layui已有的垂直导航) -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">鼠笼管理</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" id="/admin_squirrel/index">小鼠管理</a></dd>
<dd><a href="javascript:;" id="/admin_cage/index">笼位管理</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">用户管理</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" id="/admin_index/company">用户信息</a></dd>
<dd><a href="javascript:;" id="/admin_teacher/index">用户设置</a></dd>
<dd><a href="javascript:;" id="/admin_teacher/index">待办信息</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">系统管理</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" id="/admin_index/company">基因管理</a></dd>
<dd><a href="javascript:;" id="/admin_index/company">品系管理</a></dd>
<dd><a href="javascript:;" id="/admin_index/company">毛色管理</a></dd>
<dd><a href="javascript:;" id="/admin_index/company">修改密码</a></dd>
</dl>
</li>
<!-- <li class="layui-nav-item">-->
<!-- <a href="javascript:;">设置</a>-->
<!-- <dl class="layui-nav-child">-->
<!-- <dd><a href="javascript:;">密码修改</a></dd>-->
<!-- </dl>-->
<!-- </li>-->
<!-- <li class="layui-nav-item"><a href="">设置</a></li>-->
</ul>
</div>
</div>
<div class="layui-body" style="background: #f2f2f2">
<!-- 内容主体区域 -->
<div id="ifrombody" style="height:100%">
<iframe src="/admin_squirrel/index" frameborder="0" id="demoAdmin" style="width: 100%;height:100%; border-radius: 2px;"></iframe>
</div>
</div>
<div class="layui-footer">
<!-- 底部固定区域 -->
底部固定区域
</div>
</div>
<script src="/public/layui/layui.js?v=<?=date('Ymd',time())?>"></script>
<script>
//JS
layui.use(['element','element', 'layer', 'util'], function(){
var element = layui.element
,layer = layui.layer
,util = layui.util
,$ = layui.$;
element.on('nav(test)', function(elem){
console.log(elem)
$('#ifrombody').html('<iframe src="'+elem.context.id+'" frameborder="0" id="demoAdmin" style="width: 100%;height:100%; border-radius: 2px;"></iframe>');
layer.msg(elem.text());
});
//头部事件
util.event('lay-header-event', {
//左侧菜单事件
menuLeft: function(othis){
console.log(othis)
layer.msg('展开左侧菜单的操作', {icon: 0});
}
});
});
</script>
</body>
</html>