From fa7a4806a8d85f18cb480d05ff4e753fba51d20e Mon Sep 17 00:00:00 2001
From: duhe <226547893@qq.com>
Date: 星期四, 13 六月 2024 09:24:50 +0800
Subject: [PATCH] PDA主控台：动态加载菜单和快捷方式
---
WebTM/views/indexMenu_PDA.html | 273 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 273 insertions(+), 0 deletions(-)
diff --git a/WebTM/views/indexMenu_PDA.html b/WebTM/views/indexMenu_PDA.html
new file mode 100644
index 0000000..be4da27
--- /dev/null
+++ b/WebTM/views/indexMenu_PDA.html
@@ -0,0 +1,273 @@
+锘�<!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"; //鐧诲綍骞冲彴锛歅C绔�佹墜鏈虹
+ //#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>
+
+
--
Gitblit v1.9.1