内容列表
共 ${state.entries.length} 条内容。点击”设计页面”可进行可视化排版。
${tabHtml}
`+
@@ -134,7 +134,7 @@ function content(){if(!currentSite())return noSite();let arr=state.entries.filte
function design(){if(!currentSite())return noSite();const s=state.site;const cards=Object.entries(themeName).map(([id,name])=>`
${name}
${name} ${s.theme===id?'当前使用':''}
${({automotive:'适合汽车出口、车型及品牌展示',industrial:'适合制造业、产品与技术参数',corporate:'适合集团公司、服务和案例',minimal:'适合作品展示和品牌形象','trade-pro':'适合外贸 B2B 英文站点与询盘'})[id]}
预览页面效果`).join('');
return htmlHeading('外观与设计','先选一套网站风格，再打开可视化编辑器修改图文、导航和手机端布局。')+
`
${cards}
`+
- `
第二步 · 导航菜单
自定义网站的顶部导航：添加、删除、排序菜单项，支持三级下拉。
☰ 网站导航菜单
直接编辑菜单文字和链接，改完保存并重新构建即可生效。
点击后进入页面编辑器，选择右上角「全站页眉与页脚」即可修改导航。
`+
+ `
第二步 · 导航菜单
自定义网站的顶部导航：添加、删除、排序菜单项，支持三级下拉。
☰ 网站导航菜单
直接编辑菜单文字和链接，改完保存并重新构建即可生效。
点击按钮直接修改导航。
`+
`
第三步 · 设计网页
挑选要修改的页面；可在设计器中编辑导航、页眉、页脚及各设备布局。
选择要设计的页面
修改先保存为草稿，正式发布设计后才会参与下一次静态构建。
提示：网站设置用于公司信息和域名；可视化编辑器用于调整页面外观。两者不会混在同一表单里。
`;
}
function imports(){if(!currentSite())return noSite();return htmlHeading('导入与迁移','根据您已有的资料选择操作方式：Excel 产品、WordPress 网站，或者外部 API / 数据库。')+
@@ -312,7 +312,7 @@ async function init(){try{const me=await api('/api/auth/me');state.csrf=me.csrf;
else {state.view=target==='sites'?'sites':'home';rerender();rememberView(true)}
}catch(e){notifyError(e);$('#mainContent').innerHTML=emptyState('后台加载失败',e.message,'
')}}
// Delegated UI interactions keep navigation and form actions centrally auditable.
-document.addEventListener('click',async ev=>{const sidebar=ev.target.closest('.nav-item[data-view]');if(sidebar&&!sidebar.hasAttribute('data-action')){navigate(sidebar.dataset.view);return;}const control=ev.target.closest('[data-action]');if(!control)return;const action=control.dataset.action;try{if(action==='navigate')navigate(control.dataset.view);if(action==='language-refresh')await loadLanguage();if(action==='set-type-tab'){state.typ=control.dataset.type;state.page=1;rerender()}if(action==='page-prev'){state.page=Math.max(1,state.page-1);rerender()}if(action==='page-next'){state.page++;rerender()}if(action==='new-site')openCreateWizard();if(action==='select-site')await selectSite(control.dataset.id);if(action==='new-entry')openEntry();if(action==='edit-entry')openEntry(control.dataset.id);if(action==='set-theme')await setTheme(control.dataset.theme);if(action==='build-now')await buildNow();if(action==='refresh-builds')await refreshBuilds();if(action==='check-readiness')await checkReadiness();if(action==='cancel-job')await cancelJob(control.dataset.id);if(action==='report')await showReport(control.dataset.id);if(action==='release-preflight')await releasePreflight();if(action==='release-approval')await releaseApproval();if(action==='release-deploy')await releaseDeploy();if(action==='release-rollback')await releaseRollback(control.dataset.target,control.dataset.id);if(action==='launch-refresh')await launchRefresh();if(action==='launch-build')await buildNow();if(action==='launch-report')await launchReport(control.dataset.id);if(action==='launch-request-approval')await launchRequestApproval();if(action==='launch-preflight')await launchPreflight();if(action==='launch-deploy')await launchDeploy()}catch(e){notifyError(e)}});
+document.addEventListener('click',async ev=>{const sidebar=ev.target.closest('.nav-item[data-view]');if(sidebar&&!sidebar.hasAttribute('data-action')){navigate(sidebar.dataset.view);return;}const control=ev.target.closest('[data-action]');if(!control)return;const action=control.dataset.action;try{if(action==='navigate')navigate(control.dataset.view);if(action==='language-refresh')await loadLanguage();if(action==='set-type-tab'){state.typ=control.dataset.type;state.page=1;rerender()}if(action==='page-prev'){state.page=Math.max(1,state.page-1);rerender()}if(action==='page-next'){state.page++;rerender()}if(action==='open-nav-editor')await openNavEditor();if(action==='new-site')openCreateWizard();if(action==='select-site')await selectSite(control.dataset.id);if(action==='new-entry')openEntry();if(action==='edit-entry')openEntry(control.dataset.id);if(action==='set-theme')await setTheme(control.dataset.theme);if(action==='build-now')await buildNow();if(action==='refresh-builds')await refreshBuilds();if(action==='check-readiness')await checkReadiness();if(action==='cancel-job')await cancelJob(control.dataset.id);if(action==='report')await showReport(control.dataset.id);if(action==='release-preflight')await releasePreflight();if(action==='release-approval')await releaseApproval();if(action==='release-deploy')await releaseDeploy();if(action==='release-rollback')await releaseRollback(control.dataset.target,control.dataset.id);if(action==='launch-refresh')await launchRefresh();if(action==='launch-build')await buildNow();if(action==='launch-report')await launchReport(control.dataset.id);if(action==='launch-request-approval')await launchRequestApproval();if(action==='launch-preflight')await launchPreflight();if(action==='launch-deploy')await launchDeploy()}catch(e){notifyError(e)}});
document.addEventListener('click',ev=>{const btn=ev.target.closest('[data-close]');if(btn)closeModal(btn.dataset.close)});
$('#siteForm').addEventListener('submit',saveSite);$('#entryForm').addEventListener('submit',saveEntry);
document.addEventListener('submit',ev=>{if(ev.target.id==='settingsForm')saveSettings(ev);if(ev.target.id==='importForm')importFile(ev);if(ev.target.id==='langGroupForm')submitLanguageGroup(ev);if(ev.target.id==='langJoinForm')submitLanguageJoin(ev);if(ev.target.id==='langUnitForm')submitLanguageUnit(ev);if(ev.target.id==='langLinkForm')submitLanguageLink(ev)});
@@ -328,4 +328,50 @@ $('#logoutBtn').addEventListener('click',async()=>{try{await api('/api/auth/logo
$('#menuToggle').addEventListener('click',()=>{const open=$('#sideMenu').classList.toggle('open');$('#mobileBackdrop').classList.toggle('open',open);$('#menuToggle').setAttribute('aria-expanded',String(open))});
$('#mobileBackdrop').addEventListener('click',closeMobile);
document.addEventListener('keydown',ev=>{if(ev.key==='Escape')closeMobile()});
+// ── 导航编辑器 ──
+let navItems=[],navDesignRevision=0,navSiteDesign=null;
+async function openNavEditor(){
+ const s=state.site;if(!s)return;
+ try{
+ const d=await api(`/api/sites/${s.id}/site-design`);
+ navSiteDesign=d.config||{};navDesignRevision=d.revision||0;
+ navItems=structuredClone(navSiteDesign.nav||[]);
+ $('#navModal').showModal();drawNavEditor();
+ }catch(e){toast('读取导航失败：'+e.message,true)}
+}
+function drawNavEditor(){
+ const el=$('#navEditorBody');
+ el.innerHTML=navItems.length?navItems.map((n,i)=>`
+
+ ⋮⋮
+
+
+
+
+
+
`).join('')
+ :'
暂无菜单项，点击下方按钮添加。
';
+}
+async function saveNavDraft(){
+ const s=state.site;if(!s||!navSiteDesign)return;
+ try{
+ navSiteDesign.nav=navItems;
+ const r=await api(`/api/sites/${s.id}/site-design`,{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify({config:navSiteDesign,expected_revision:navDesignRevision})});
+ navDesignRevision=r.revision||navDesignRevision+1;
+ toast('导航草稿已保存，点击「发布导航」使其参与下一次构建');
+ }catch(e){toast('保存失败：'+e.message,true)}
+}
+async function publishNav(){
+ const s=state.site;if(!s||!navSiteDesign)return;
+ try{
+ await saveNavDraft();
+ await api(`/api/sites/${s.id}/site-design/publish`,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({expected_revision:navDesignRevision})});
+ toast('导航已发布！重新构建网站后生效。');
+ $('#navModal').close();
+ }catch(e){toast('发布失败：'+e.message,true)}
+}
+function addNavItem(){navItems.push({title:'新菜单',route:'/'});drawNavEditor()}
+function removeNav(i){navItems.splice(i,1);drawNavEditor()}
+function moveNav(i,dir){const t=navItems[i];navItems[i]=navItems[i+dir];navItems[i+dir]=t;drawNavEditor()}
+window.W={addNavItem,removeNav,moveNav,saveNavDraft,publishNav};
document.addEventListener('DOMContentLoaded',init);
diff --git a/app/templates/workspace.html b/app/templates/workspace.html
index be0a5f5..7242da8 100644
--- a/app/templates/workspace.html
+++ b/app/templates/workspace.html
@@ -57,4 +57,5 @@
+