From 1b82456830ca592bad03365ca7c28c23eb3cbf36 Mon Sep 17 00:00:00 2001
From: wtt <1985833171@qq.com>
Date: 星期三, 31 十二月 2025 16:41:52 +0800
Subject: [PATCH] 1
---
WebTM/views/indexMenu.html | 236 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 204 insertions(+), 32 deletions(-)
diff --git a/WebTM/views/indexMenu.html b/WebTM/views/indexMenu.html
index 30c7c5a..10ea8ba 100644
--- a/WebTM/views/indexMenu.html
+++ b/WebTM/views/indexMenu.html
@@ -4,14 +4,21 @@
<html>
<head>
<meta charset="utf-8">
- <title>LMES绠＄悊绯荤粺</title>
+ <title id="HCusName"></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/Scripts/jquery-3.5.1.min.js"></script>
- <script language="JavaScript">//灞忚斀鍚庨��鎸夐挳
+ <!--<script src="../layuiadmin/Scripts/jquery-3.5.1.min.js"></script>-->
+ <script src="../layuiadmin/Scripts/jquery-1.4.1.js"></script>
+ <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 src="../layuiadmin/Scripts/json2.js"></script>
+ <script language="JavaScript">
+ //灞忚斀鍚庨��鎸夐挳
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
@@ -20,7 +27,21 @@
<script>
/^http(s*):\/\//.test(location.href) || alert('璇峰厛閮ㄧ讲鍒� localhost 涓嬪啀璁块棶');
</script>
-
+ <style>
+ /* 閫夐」鍩虹鏍峰紡 */
+ .aa {
+ padding: 0 20px;
+ line-height: 36px;
+ cursor: pointer;
+ transition: all 0.3s;
+ color: #000 !important; /* 寮哄埗榛戣壊瀛椾綋 */
+ }
+ /* 鎮仠鐘舵�� */
+ .aa:hover {
+ background-color: #f8f8f8 !important;
+ color: #000 !important;
+ }
+ </style>
</head>
<body class="layui-layout-body">
@@ -34,22 +55,36 @@
<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
</a>
</li>
- <li class="layui-nav-item layui-hide-xs" lay-unselect>
+ <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="http://www.layui.com/admin/" target="_blank" title="鍓嶅彴">
<i class="layui-icon layui-icon-website"></i>
</a>
- </li>
+ </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 layui-hide-xs" lay-unselect>
- <input type="text" placeholder="鎼滅储..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="https://www.baidu.com/s?ie=UTF-8&wd=">
+ <!--<input type="text" placeholder="鎼滅储..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="https://www.baidu.com/s?ie=UTF-8&wd=">-->
+ <div class="layui-form" style="margin-top: 5px; color: black;">
+ <!--<select name="HModePage" id="HModePage" lay-filter="HModePage" lay-search>
+ </select>-->
+ <input type="text" class="layui-input" name="HModePage" lay-verify="HModePage" id="HModePage" placeholder="鎼滅储..." autocomplete="off">
+ <!-- 涓嬫媺瀹瑰櫒 -->
+ <div id="dropdownMenu1" class="layui-anim layui-anim-upbit"
+ style="display: none;position: absolute;width: 100%;max-height: 200px;overflow-y: auto;border: 1px solid #e6e6e6;background: #f8f8f8;z-index: 999;top: 40px;left: 0;">
+ <ul id="optionList1" class="layui-nav layui-nav-tree" style="width: 100%; background:white"></ul>
+ </div>
+ </div>
+
</li>
<li class="layui-nav-item" lay-unselect style="color: black;">
<span>鐧诲綍缁勭粐锛�</span>
<label id="Organization"></label>
+ </li>
+ <li class="layui-nav-item" lay-unselect style="color: black;">
+ <label id="Hlanguage"></label>
</li>
</ul>
<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
@@ -82,23 +117,22 @@
<i class="layui-icon layui-icon-screen-full"></i>
</a>
</li>
- <li class="layui-nav-item" lay-unselect>
+ <li class="layui-nav-item" lay-unselect style="margin-right:15px;">
<a href="javascript:;">
<cite>
<label name="UserName" id="UserName"></label>
</cite>
</a>
<dl class="layui-nav-child">
- <dd><a lay-href="set/user/info.html">鍩烘湰璧勬枡</a></dd>
+ <!--<dd><a lay-href="set/user/info.html">鍩烘湰璧勬枡</a></dd>-->
<dd><a lay-href="set/user/password.html">淇敼瀵嗙爜</a></dd>
- <hr>
<dd layadmin-event="logout" style="text-align: center;"><a>閫�鍑�</a></dd>
</dl>
</li>
- <li class="layui-nav-item layui-hide-xs" lay-unselect>
+ <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
- </li>
+ </li>-->
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
<a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
</li>
@@ -110,7 +144,7 @@
<div class="layui-side-scroll">
<div class="layui-logo" lay-href="home/console.html">
<img src="../layuiadmin/myicon/win.svg" alt="PC绔�" style="width:25px;height:25px;margin-right: 5px;" />
- <span>LMES绠＄悊绯荤粺</span>
+ <span id="HMenuLabel"></span>
</div>
<ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
<!-- 閲囪喘绠＄悊 -->
@@ -125,7 +159,6 @@
</dd>
</dl>
</li>-->
-
</ul>
</div>
@@ -158,7 +191,7 @@
<!-- 涓讳綋鍐呭 -->
<div class="layui-body" id="LAY_app_body">
<div class="layadmin-tabsbody-item layui-show">
- <iframe src="home/console.html" frameborder="0" class="layadmin-iframe"></iframe>
+ <iframe src="home/console.html" frameborder="0" class="layadmin-iframe" name="mainIFrame"></iframe>
</div>
</div>
@@ -167,10 +200,6 @@
</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>
// 瀵艰埅鑿滃崟鐨勯棿闅斿儚绱�
var menuCell = 5;
@@ -180,10 +209,12 @@
}).extend({
index: 'lib/index' //涓诲叆鍙ｆā鍧�
}).use(['index', 'form', 'laydate', 'table', 'element'], function () {
- var $ = layui.$;
+ var $ = layui.$
+ , form = layui.form;
var element = layui.element;
var $ = layui.jquery;
-
+ //鎵�鏈夋ā鍧楃殑闆嗗悎
+ var PageModelList = [];
var HType = "PC"; //鐧诲綍骞冲彴锛歅C绔�佹墜鏈虹
//鍒ゆ柇鏄惁鐧诲綍 鏈櫥褰曞垯璺冲埌鐧诲綍椤�
//if (sessionStorage.login != "login") {
@@ -197,12 +228,104 @@
set_sideMenuDisPlay();
//#endregion
+ ModePage();
- //#region
-
+ //鑿滃崟鏍忓懡鍚�
+ setMenuLabel();
+
+
+ //#region 鎼滅储鏂囨湰 鐐瑰嚮浜嬩欢
+
+ // 鍒嗙鐒︾偣浜嬩欢鍜岃緭鍏ヤ簨浠�
+ $('#HModePage').on('focus', function () { // 鐒︾偣浜嬩欢锛氭樉绀哄叏閮ㄩ�夐」
+ renderOptions1('');
+ $('#dropdownMenu1').show();
+ }).on('input', function () { // 杈撳叆浜嬩欢锛氳繃婊ら�夐」
+ var inputVal = $(this).val().trim();
+ renderOptions1(inputVal);
+ $('#dropdownMenu1').show();
+ });
+
+ // 鏂囨。鐐瑰嚮鍏抽棴涓嬫媺
+ $(document).on('click', function (e) {
+ if (!$(e.target).closest('#HModePage, #dropdownMenu1').length) {
+ $('#dropdownMenu1').hide();
+ }
+ });
+
+
+ // 娓叉煋閫夐」锛堟敮鎸佹樉绀哄叏閮級
+ function renderOptions1(filterText) {
+ var LimitData = [];
+ if (filterText == "") {
+ for (var i = 0; i < 10; i++) {
+ LimitData.push(PageModelList[i])
+ }
+ }
+
+ var filteredData = filterText ?
+ PageModelList.filter(function (item) {
+ return item.HName.toLowerCase().includes(filterText.toLowerCase());
+ }) :
+ LimitData; // 鏃犺繃婊ゆ枃鏈椂鏄剧ず鍏ㄩ儴
+
+ var DataMdel = [];
+ for (var i = 0; i < 10; i++) {
+ if (i < filteredData.length && filteredData.length != 0) {
+ DataMdel.push(filteredData[i]);
+ }
+ }
+
+ var html = '';
+ if (DataMdel.length > 0) {
+ DataMdel.forEach(function (item) {
+ html += `<li class="layui-nav-item aa" data-value="${item.Hurl}">${item.HName}</li>`;
+ });
+ } else {
+ html = '<li class="layui-nav-item aa">鏃犲垪琛ㄦā鍧�</li>';
+ }
+
+ $('#optionList1').html(html);
+ }
+
+ // 閫夐」鐐瑰嚮浜嬩欢
+ $('#optionList1').on('click', 'li', function (data) {
+ if (!$(this).text().includes('鏃犲垪琛ㄦā鍧�')) {
+ var selectedText = $(this).text();
+ $('#HModePage').val(selectedText).trigger('input');
+ var value = data.target.dataset.value
+ if (selectedText != "") {
+ layui.index.openTabsPage(value, selectedText);
+ }
+ }
+ $('#dropdownMenu1').hide();
+ });
//#endregion
+ form.on('select(HModePage)', function (data) {
+ var keyword = data.elem[data.elem.selectedIndex].text;
+ if (data.value != "") {
+ layui.index.openTabsPage(data.value, keyword);
+ }
+ });
+
//#region 椤甸潰鍏跺畠鏂规硶
+ //鑾峰彇妯″潡椤甸潰
+ function ModePage() {
+ $.ajax({
+ type: "get",
+ url: GetWEBURL() + "/Web/ModePageList",
+ data: { "HMakeName": sessionStorage["HUserName"], "HType": HType },
+ success: function (result) {
+ if (result.count == 1) { // 璇存槑楠岃瘉鎴愬姛浜嗭紝
+ var data = result.data;
+ PageModelList = data;
+ }
+ layer.closeAll("loading");
+ }
+ })
+ }
+
//鏄剧ず渚ц竟鑿滃崟
function set_sideMenuDisPlay() {
//鍒ゆ柇鐢ㄦ埛鏄Щ鍔ㄧ杩樻槸PC绔�
@@ -236,18 +359,28 @@
}
//閬嶅巻鐢熸垚涓昏彍鍗�
function MenuMain(data) {
-
var liStr = '';
//閬嶅巻鐢熸垚涓昏彍鍗�
for (var i = 0; i < data.length; i++) {
+
+ //鍒ゆ柇涓昏彍鍗曞綋鍓嶇櫥褰曠殑璇█绫诲瀷
+ var HTranslationText = "";
+ if (sessionStorage["HTranSlate"] == "1") {
+ HTranslationText = data[i].HName;
+ } else if (sessionStorage["HTranSlate"] == "2") {
+ HTranslationText = data[i].HTranslationText_English;
+ } else if (sessionStorage["HTranSlate"] == "3") {
+ HTranslationText = data[i].HTranslationText_Spain;
+ }
+
// 鍒ゆ柇鏄惁瀛樺湪瀛愯彍鍗�
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>';
+ liStr += '<a><i class="' + data[i].HPicNum + '"></i><cite>' + HTranslationText + '</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 += '<a><i class="layui-icon layui-icon-set"></i><cite>' + HTranslationText + '</cite><span class="layui-nav-more"></span></a>';
}
liStr += '<dl class="layui-nav-child">';
@@ -257,7 +390,7 @@
}
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>';
+ liStr += '<li class="layui-nav-item"><a class="" id = "' + data[i].Hurl + '" href="' + data[i].Hurl + '"><i class="layui-icon layui-icon-set"></i><cite>' + HTranslationText + '</cite></a></li>';
}
};
$(".layui-nav-tree").html(liStr);
@@ -266,11 +399,22 @@
// 閫掑綊鐢熸垚瀛愯彍鍗�
function getChildMenu(subMenu, num) {
+
+ //鍒ゆ柇瀛愯彍鍗曞綋鍓嶇櫥褰曠殑璇█绫诲瀷
+ var HTranslationText = "";
+ if (sessionStorage["HTranSlate"] == "1") {
+ HTranslationText = subMenu.HName;
+ } else if (sessionStorage["HTranSlate"] == "2") {
+ HTranslationText = subMenu.HTranslationText_English;
+ } else if (sessionStorage["HTranSlate"] == "3") {
+ HTranslationText = subMenu.HTranslationText_Spain;
+ }
+
num++;
var subStr = '';
if (subMenu.childMenus != null && subMenu.childMenus.length > 0) {
subStr += '<dd>';
- subStr += '<a>'+ subMenu.HName +'</a>';
+ subStr += '<a>' + HTranslationText + '</a>';
subStr += '<dl class="layui-nav-child">';
for (var j = 0; j < subMenu.childMenus.length; j++) {
subStr += getChildMenu(subMenu.childMenus[j], num);
@@ -278,19 +422,21 @@
subStr += '</dl>';
subStr += '</dd>';
} else {
- subStr += '<dd><a lay-href="' + subMenu.Hurl + '">'+ subMenu.HName + '</a></dd>';
+ if (subMenu.HShowMode != "") {
+ subStr += '<dd><a target="main_self_frame" href="' + subMenu.Hurl + '" id = "' + subMenu.Hurl + '">' + HTranslationText + '</a></dd>';
+ } else {
+ subStr += '<dd><a lay-href="' + subMenu.Hurl + '" id = "' + subMenu.Hurl + '">' + HTranslationText + '</a></dd>';
+ }
}
return subStr;
}
-
-
//鑿滃崟鑷畾涔夛細寮瑰嚭鑿滃崟鑷畾涔夊瓙椤甸潰
Ul = document.getElementById("MenuDefineID");
Ul.addEventListener("click", function (event) {
layer.open({
type: 2
- , area: ['90%', '90%']
+ , area: ['70%', '70%']
, title: '鑿滃崟鑷畾涔�'
, closeBtn: 1
, shade: 0.6 //閬僵閫忔槑搴�
@@ -308,8 +454,34 @@
//#endregion
});
+ //鑿滃崟鏍忓懡鍚�
+ function setMenuLabel() {
+ console.log(sessionStorage["HMenuLabel"]);
+ $("#HMenuLabel").html(sessionStorage["HMenuLabel"]);
+ $("#HCusName").text(sessionStorage["HCusName"]);
+ };
+
document.getElementById('UserName').innerHTML = sessionStorage["HUserName"];
document.getElementById('Organization').innerHTML = sessionStorage["Organization"];
+
+ if (sessionStorage["HTranSlate"] == 1) {
+ document.getElementById('Hlanguage').innerHTML = "褰撳墠璇█锛氫腑鏂�";
+ } else if (sessionStorage["HTranSlate"] == 2) {
+ document.getElementById('Hlanguage').innerHTML = "Current Language锛欵eglish";
+ } else if (sessionStorage["HTranSlate"] == 3) {
+ document.getElementById('Hlanguage').innerHTML = "Current Language锛歋panish";
+ }
+
+ function openChildPage(id) {
+ //鑾峰彇椤甸潰
+ var num = document.getElementById(id);
+ num.href = id;
+ num.target = "mainIFrame";
+ num.click();
+
+ console.log(num);
+
+ }
</script>
<!--<script>
--
Gitblit v1.9.1