-
-
-
-
-
+
+ 二级菜单 ${childIndex + 1}
+
+
+
+
-
+
+
+
+
+
+
+
+
+ `;
+ container.appendChild(item);
+
+ // 渲染三级菜单
+ if (hasGrandChildren) {
+ renderThirdLevel(navIndex, childIndex, child.children);
+ }
+ });
+ }
+
+ // 渲染三级菜单
+ function renderThirdLevel(navIndex, childIndex, grandChildren) {
+ const container = document.getElementById(`third-level-list-${navIndex}-${childIndex}`);
+ if (!container) return;
+ container.innerHTML = '';
+
+ grandChildren.forEach((grandChild, grandIndex) => {
+ const item = document.createElement('div');
+ item.style.cssText = 'padding:8px; margin-bottom:6px; background:#fafafa; border-radius:3px; border-left:2px solid #52c41a;';
+ item.innerHTML = `
+
+
`;
container.appendChild(item);
});
}
+ // 切换三级菜单显示
+ window.toggleThirdLevel = function (navIndex, childIndex) {
+ const container = document.getElementById(`third-level-${navIndex}-${childIndex}`);
+ const btn = event.target;
+ if (container) {
+ const isHidden = container.style.display === 'none';
+ container.style.display = isHidden ? 'block' : 'none';
+ btn.textContent = isHidden ? '收起三级' : '展开三级';
+ }
+ };
+
+ // 添加三级菜单项
+ window.addThirdLevelItem = function (navIndex, childIndex) {
+ const navs = collectHeaderNav();
+ if (!navs[navIndex]) return;
+ if (!navs[navIndex].children[childIndex]) return;
+
+ if (!navs[navIndex].children[childIndex].children) {
+ navs[navIndex].children[childIndex].children = [];
+ }
+
+ navs[navIndex].children[childIndex].children.push({
+ name: '',
+ file_address: '',
+ description: '',
+ blank: false
+ });
+
+ renderHeaderNav(navs);
+ // 确保展开
+ document.getElementById(`third-level-${navIndex}-${childIndex}`).style.display = 'block';
+ };
+
+ // 删除三级菜单项
+ window.removeThirdLevelItem = function (navIndex, childIndex, grandIndex) {
+ const navs = collectHeaderNav();
+ if (navs[navIndex] && navs[navIndex].children[childIndex] && navs[navIndex].children[childIndex].children) {
+ navs[navIndex].children[childIndex].children.splice(grandIndex, 1);
+ renderHeaderNav(navs);
+ }
+ };
+
function collectHeaderNav() {
+
const navs = [];
// 收集主导航
@@ -754,7 +838,7 @@
if (!navs[navIndex]) navs[navIndex] = { children: [] };
if (!navs[navIndex].children[childIndex]) {
- navs[navIndex].children[childIndex] = {};
+ navs[navIndex].children[childIndex] = { children: [] };
}
if (input.type === 'checkbox') {
@@ -764,6 +848,45 @@
}
});
+ // 收集三级菜单
+ document.querySelectorAll('[data-hnav-grandchild]').forEach(input => {
+ const [navIndex, childIndex, grandIndex] = input.dataset.hnavGrandchild.split('.').map(Number);
+ const field = input.dataset.field;
+
+ if (!navs[navIndex]) navs[navIndex] = { children: [] };
+ if (!navs[navIndex].children[childIndex]) {
+ navs[navIndex].children[childIndex] = { children: [] };
+ }
+ if (!navs[navIndex].children[childIndex].children) {
+ navs[navIndex].children[childIndex].children = [];
+ }
+ if (!navs[navIndex].children[childIndex].children[grandIndex]) {
+ navs[navIndex].children[childIndex].children[grandIndex] = {};
+ }
+
+ if (input.type === 'checkbox') {
+ navs[navIndex].children[childIndex].children[grandIndex][field] = input.checked;
+ } else {
+ navs[navIndex].children[childIndex].children[grandIndex][field] = input.value;
+ }
+ });
+
+ // 清理空的children数组
+ navs.forEach(nav => {
+ if (nav && nav.children) {
+ nav.children = nav.children.filter(child => child);
+ nav.children.forEach(child => {
+ if (child && child.children) {
+ child.children = child.children.filter(gc => gc);
+ // 如果三级菜单为空，删除children属性
+ if (child.children.length === 0) {
+ delete child.children;
+ }
+ }
+ });
+ }
+ });
+
return navs.filter(n => n);
}
diff --git a/public/header.html b/public/header.html
index 89285bf..ca8e579 100644
--- a/public/header.html
+++ b/public/header.html
@@ -64,21 +64,59 @@
{if isset($data.header_nav) && !empty($data.header_nav)}
{foreach $data.header_nav as $k=>$item}
{if isset($item.children) && !empty($item.children)}
-
+
+
+
+
+
+
+
{foreach $item.children as $child}
+ {* 判断是否有三级菜单 *}
+ {if isset($child.children) && !empty($child.children)}
+ {* 有三级菜单的二级分类 *}
+
+
+ {if !empty($child.icon)}
+
+ {else /}
+ {* 没有三级菜单的二级项（旧版样式兼容） *}
+ !empty($child.blank)}target="_blank" {/if} style="text-decoration: none;">
+ 
+
+ {/if}
+
+
+ {* 三级菜单列表 *}
+
+
{if !empty($child.icon)}
-
+
{/if}
+ {/if}
{/foreach}
{$child.name}
+ {if !empty($child.description)}
{$child.description}
+ {/if}