| New file |
| | |
| | | <!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> |
| | | |
| | | |