<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>LMES管理系统移动端</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
|
<script src="../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<script src="../layuiadmin/Scripts/jquery-3.5.1.min.js"></script>
|
<style>
|
.layui-nav-tree .layui-nav-item {
|
width: 88%;
|
}
|
|
.layui-nav * {
|
font-size: 13px;
|
}
|
|
.layui-side-menu .layui-nav .layui-nav-item a {
|
padding-left: 25px;
|
}
|
</style>
|
</head>
|
<body class="layui-layout-body">
|
<div id="LAY_app">
|
<div class="layui-layout layui-layout-admin">
|
<div class="layui-header">
|
<!-- 头部区域 -->
|
<ul class="layui-nav layui-layout-left">
|
<li class="layui-nav-item layadmin-flexible" lay-unselect>
|
<a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
|
<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
|
</a>
|
</li>
|
<li class="layui-nav-item" lay-unselect>
|
<a href="javascript:;" layadmin-event="refresh" title="刷新">
|
<i class="layui-icon layui-icon-refresh-3"></i>
|
</a>
|
</li>
|
<li class="layui-nav-item" lay-unselect>
|
<a href="javascript:void(0);">
|
<i id="MenuDefineID" class="layui-icon layui-icon-app"></i>
|
</a>
|
</li>
|
</ul>
|
<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
|
<li class="layui-nav-item layui-hide-xs" lay-unselect>
|
<a href="javascript:;" layadmin-event="theme">
|
<i class="layui-icon layui-icon-theme"></i>
|
</a>
|
</li>
|
<li class="layui-nav-item layui-hide-xs" lay-unselect>
|
<a href="javascript:;" layadmin-event="note">
|
<i class="layui-icon layui-icon-note"></i>
|
</a>
|
</li>
|
<li class="layui-nav-item layui-hide-xs" lay-unselect>
|
<a href="javascript:;" layadmin-event="fullscreen">
|
<i class="layui-icon layui-icon-screen-full"></i>
|
</a>
|
</li>
|
<li class="layui-nav-item" lay-unselect>
|
<a href="javascript:;">
|
<cite>
|
<label name="UserName" id="UserName"></label>
|
</cite>
|
</a>
|
</li>
|
<li class="layui-nav-item" lay-unselect>
|
<dd layadmin-event="logout" style="text-align: center;background-color:red"><a>退出</a></dd>
|
</li>
|
</ul>
|
</div>
|
|
<!-- 侧边菜单 -->
|
<div class="layui-side layui-side-menu">
|
<div class="layui-side-scroll">
|
<div class="layui-logo" lay-href="home/console_Mobile_KaiBeiNaiTe.html">
|
<img src="../layuiadmin/myicon/yidongduan.svg" alt="移动端" style="width:25px;height:25px;margin-right: 5px;" />
|
<span>LMES管理系统</span>
|
</div>
|
<ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu" style="width:260px">
|
</ul>
|
</div>
|
</div>
|
|
<!-- 页面标签 -->
|
<div class="layadmin-pagetabs" id="LAY_app_tabs">
|
<div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
|
<div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
|
<div class="layui-icon layadmin-tabs-control layui-icon-down">
|
<ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
|
<li class="layui-nav-item" lay-unselect>
|
<a href="javascript:;"></a>
|
<dl class="layui-nav-child layui-anim-fadein">
|
<dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
|
<dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
|
<dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
|
</dl>
|
</li>
|
</ul>
|
</div>
|
<div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
|
<ul class="layui-tab-title" id="LAY_app_tabsheader">
|
<li lay-id="home/console_Mobile_KaiBeiNaiTe.html" lay-attr="home/console_Mobile_KaiBeiNaiTe.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
|
</ul>
|
</div>
|
</div>
|
|
|
<!-- 主体内容 -->
|
<div class="layui-body" id="LAY_app_body">
|
<div class="layadmin-tabsbody-item layui-show">
|
<iframe src="home/console_Mobile_KaiBeiNaiTe.html" frameborder="0" class="layadmin-iframe"></iframe>
|
</div>
|
</div>
|
|
<!-- 辅助元素，一般用于移动设备下遮罩 -->
|
<div class="layadmin-body-shade" layadmin-event="shade"></div>
|
</div>
|
</div>
|
|
<script src="../layuiadmin/layui/layui.js"></script>
|
<script src="../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<script src="../layuiadmin/PubCustom.js"></script>
|
<script>
|
layui.config({
|
base: '../layuiadmin/'
|
}).extend({
|
index: 'lib/index'
|
}).use(['index', 'form', 'laydate', 'table', 'element'], function () {
|
var $ = layui.$;
|
var element = layui.element;
|
var $ = layui.jquery;
|
|
var HType = "mobile"; //登录平台：PC端、手机端
|
//#region 页面初始化
|
set_ClearBill();
|
//#endregion
|
|
|
|
|
//#region 页面其它方法
|
//#region 页面初始化方法
|
function set_ClearBill() {
|
//判断是否登录 未登录则跳到登录页
|
if (sessionStorage.login != "login") {
|
layer.confirm("登录失效，请重新登录！", {
|
icon: 4, skin: 'layui-layer-lan', title: "温馨提示", closeBtn: 0, btn: ['重新登录']
|
}, function () { window.location.href = "user/login.html"; });
|
}
|
//加载侧边菜单栏
|
set_sideMenuDisPlay();
|
}
|
//#endregion
|
|
//#region 显示侧边菜单
|
function set_sideMenuDisPlay() {
|
////判断用户是移动端还是PC端
|
//var judgeMorPCflag = judgeMorPC();
|
//if (judgeMorPCflag) {//PC端
|
// window.location.href = 'indexMenu.html'
|
//}
|
|
var ajaxLoad = layer.load();
|
//获取菜单列表数据
|
$.ajax({
|
url: GetWEBURL() + "/Web/MenuList",
|
type: "GET",
|
async: false,
|
data: { "HMakeName": sessionStorage["HUserName"], "HType": HType },
|
success: function (data) {
|
var data = JSON.parse(data.data);
|
console.log(data);
|
MenuMain(data);
|
layer.close(ajaxLoad);
|
},
|
error: function (data) {
|
layer.close(ajaxLoad);
|
layer.alert("发生错误!", { icon: 5 });
|
}
|
});
|
}
|
//#endregion
|
|
//#region 遍历生成主菜单
|
function MenuMain(data) {
|
|
var liStr = '';
|
//遍历生成主菜单
|
for (var i = 0; i < data.length; i++) {
|
// 判断是否存在子菜单
|
if (data[i].childMenus != null && data[i].childMenus.length > 0) {
|
liStr += '<li data-name="set" class="layui-nav-item">';
|
//设置一级菜单图标
|
if (data[i].HLevel == 1 && data[i].HPicNum != null && data[i].HPicNum != "") {
|
liStr += '<a><i class="' + data[i].HPicNum + '"></i><cite>' + data[i].HName + '</cite><span class="layui-nav-more"></span></a>';
|
} else {
|
liStr += '<a><i class="layui-icon layui-icon-set"></i><cite>' + data[i].HName + '</cite><span class="layui-nav-more"></span></a>';
|
}
|
|
liStr += '<dl class="layui-nav-child">';
|
// 遍历获取子菜单
|
for (var k = 0; k < data[i].childMenus.length; k++) {
|
liStr += getChildMenu(data[i].childMenus[k], 0);
|
}
|
liStr += '</dl></li>';
|
} else {
|
liStr += '<li class="layui-nav-item"><a class="" href="' + data[i].Hurl + '"><i class="layui-icon layui-icon-set"></i><cite>' + data[i].HName + '</cite></a></li>';
|
}
|
};
|
$(".layui-nav-tree").html(liStr);
|
element.init();
|
}
|
//#endregion
|
|
//#region 递归生成子菜单
|
function getChildMenu(subMenu, num) {
|
num++;
|
var subStr = '';
|
if (subMenu.childMenus != null && subMenu.childMenus.length > 0) {
|
subStr += '<dd>';
|
subStr += '<a>' + subMenu.HName + '</a>';
|
subStr += '<dl class="layui-nav-child">';
|
for (var j = 0; j < subMenu.childMenus.length; j++) {
|
subStr += getChildMenu(subMenu.childMenus[j], num);
|
}
|
subStr += '</dl>';
|
subStr += '</dd>';
|
} else {
|
subStr += '<dd><a lay-href="' + subMenu.Hurl + '">' + subMenu.HName + '</a></dd>';
|
}
|
return subStr;
|
}
|
//#endregion
|
|
//#region 菜单自定义：弹出菜单自定义子页面
|
Ul = document.getElementById("MenuDefineID");
|
Ul.addEventListener("click", function (event) {
|
layer.open({
|
type: 2
|
, area: ['90%', '90%']
|
, title: '菜单自定义'
|
, closeBtn: 1
|
, shade: 0.6 //遮罩透明度
|
, maxmin: true //允许全屏最小化
|
, anim: 0 //0-6的动画形式，-1不开启
|
, content: '系统管理/菜单自定义/Xt_DefineMenuDisplay.html'
|
, resize: false
|
, btn: ["确定"]
|
, end: function () {
|
//刷新页面,
|
location.reload();
|
}
|
})
|
}, false);
|
//#endregion
|
//#endregion
|
|
});
|
|
document.getElementById('UserName').innerHTML = sessionStorage["HUserName"];
|
</script>
|
|
</body>
|
</html>
|
