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 | 195 ++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 176 insertions(+), 19 deletions(-)
diff --git a/WebTM/views/indexMenu.html b/WebTM/views/indexMenu.html
index ed8f7f0..10ea8ba 100644
--- a/WebTM/views/indexMenu.html
+++ b/WebTM/views/indexMenu.html
@@ -10,8 +10,15 @@
<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">
@@ -45,11 +66,25 @@
</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">
@@ -165,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;
@@ -178,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") {
@@ -195,10 +228,104 @@
set_sideMenuDisPlay();
//#endregion
+ ModePage();
+
//鑿滃崟鏍忓懡鍚�
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绔�
@@ -235,14 +362,25 @@
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">';
@@ -252,7 +390,7 @@
}
liStr += '</dl></li>';
} else {
- 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>' + 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);
@@ -261,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);
@@ -273,10 +422,10 @@
subStr += '</dl>';
subStr += '</dd>';
} else {
- if (subMenu.HOpenType != "") {
- subStr += '<dd><a target="main_self_frame" href="' + subMenu.Hurl + '" id = "' + 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 + '">' + subMenu.HName + '</a></dd>';
+ subStr += '<dd><a lay-href="' + subMenu.Hurl + '" id = "' + subMenu.Hurl + '">' + HTranslationText + '</a></dd>';
}
}
return subStr;
@@ -315,15 +464,23 @@
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>
--
Gitblit v1.9.1