feat: 导航页文案可后台配置 + webhook修复 + 企业微信通知可用

- 导航页所有文案（标题/副标题/标签/咨询区/页脚/工作室名称）均可在后台「导航页设置」页配置
- 新增公开API GET /api/v1/nav-settings，导航页加载时自动拉取配置覆盖默认值
- CustomerHandler改为从数据库读取webhook URL，不再依赖config.yaml
- 新增默认企业微信webhook地址，开箱即用
- 后台新增webhook测试专用接口 POST /api/v1/admin/webhook/test
- 后台新增批量配置保存接口 PUT /api/v1/admin/config-batch
- 后台新增「导航页设置」管理页面，支持分组编辑保存
- 页脚添加工作室名称展示位

web/dist/admin/index.html

@@ -273,6 +273,9 @@ tbody tr:last-child td{border-bottom:none}
       <a class="sidebar-link" onclick="navigate('webhook')" data-page="webhook">
         <span class="icon">🔔</span> Webhook配置
       </a>
+      <a class="sidebar-link" onclick="navigate('navsettings')" data-page="navsettings">
+        <span class="icon">📝</span> 导航页设置
+      </a>
       <a class="sidebar-link" onclick="navigate('settings')" data-page="settings">
         <span class="icon">⚙️</span> 系统设置
       </a>
@@ -455,7 +458,7 @@ function navigate(page, params = {}) {
   document.querySelectorAll('.sidebar-link').forEach(el => el.classList.remove('active'));
   const link = document.querySelector(`[data-page="${page}"]`);
   if (link) link.classList.add('active');
-  const titles = { users: '用户管理', content: '内容管理', settings: '系统设置', sites: '站点导航', accesslog: '访问日志', webhook: 'Webhook配置' };
+  const titles = { users: '用户管理', content: '内容管理', settings: '系统设置', sites: '站点导航', accesslog: '访问日志', webhook: 'Webhook配置', navsettings: '导航页设置' };
   document.getElementById('pageTitle').textContent = titles[page] || page;
   if (page === 'users') renderUsers();
   else if (page === 'content') renderContent(params.table);
@@ -463,6 +466,7 @@ function navigate(page, params = {}) {
   else if (page === 'sites') renderSites();
   else if (page === 'accesslog') renderAccessLogs();
   else if (page === 'webhook') renderWebhook();
+  else if (page === 'navsettings') renderNavSettings();
   if (window.innerWidth <= 768) document.getElementById('sidebar').classList.remove('open');
 }
 
@@ -1258,33 +1262,126 @@ async function testWebhook() {
   resultEl.style.display = 'block';
   resultEl.innerHTML = '<div style="color:var(--text-muted)">发送中...</div>';
   try {
-    await api('/admin/config/wechat_webhook_url', {
-      method: 'PUT',
-      body: JSON.stringify({ value: document.getElementById('webhookUrl').value.trim(), remark: '企业微信群机器人Webhook地址' })
-    });
-    // 通过客户咨询接口发送测试消息
-    const resp = await fetch(API_BASE + '/customer/submit', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        name: '测试用户',
-        phone: '13800000000',
-        company: '测试公司',
-        email: 'test@example.com',
-        needs: '这是一条测试消息，用于验证 Webhook 配置是否正确'
-      })
-    });
-    const data = await resp.json();
-    if (data.code === 0) {
-      resultEl.innerHTML = '<div style="color:var(--success);font-weight:600">✅ 测试消息已发送，请检查企业微信群</div>';
-    } else {
-      resultEl.innerHTML = `<div style="color:var(--danger)">❌ 发送失败: ${data.message}</div>`;
-    }
+    await api('/admin/webhook/test', { method: 'POST' });
+    resultEl.innerHTML = '<div style="color:var(--success);font-weight:600">✅ 测试消息已发送，请检查企业微信群</div>';
   } catch (e) {
-    resultEl.innerHTML = '<div style="color:var(--danger)">❌ 网络错误</div>';
+    resultEl.innerHTML = `<div style="color:var(--danger)">❌ ${e.message || '发送失败'}</div>`;
   }
 }
 
+// ===== 导航页设置 =====
+async function renderNavSettings() {
+  const el = document.getElementById('content');
+  el.innerHTML = '<div class="loading"><div class="spinner"></div></div>';
+  try {
+    const data = await api('/admin/config');
+    const configs = {};
+    (data.data || []).forEach(c => { configs[c.key] = c.value; });
+    el.innerHTML = `
+      <div class="table-card">
+        <div class="section-header" style="padding:16px"><h4>📝 导航页文案设置</h4></div>
+        <div style="padding:24px;max-width:800px">
+          <div class="form-group">
+            <label>页面标题 (左侧)</label>
+            <input type="text" id="ns_hero_title" value="${configs.nav_hero_title||''}" placeholder="Gotest">
+          </div>
+          <div class="form-group">
+            <label>页面标题 (右侧渐变)</label>
+            <input type="text" id="ns_hero_highlight" value="${configs.nav_hero_highlight||''}" placeholder="模板导航">
+          </div>
+          <div class="form-group">
+            <label>副标题描述</label>
+            <input type="text" id="ns_hero_desc" value="${configs.nav_hero_desc||''}" placeholder="6 大行业，19 套精心设计的网站模板，一键切换，即刻预览">
+          </div>
+          <div class="form-row">
+            <div class="form-group">
+              <label>标签 - 模板数</label>
+              <input type="text" id="ns_pill_templates" value="${configs.nav_pill_templates||''}" placeholder="19">
+            </div>
+            <div class="form-group">
+              <label>标签 - 行业数</label>
+              <input type="text" id="ns_pill_lines" value="${configs.nav_pill_lines||''}" placeholder="6">
+            </div>
+          </div>
+          <div class="form-row">
+            <div class="form-group">
+              <label>标签 - 每行业模板数</label>
+              <input type="text" id="ns_pill_per_industry" value="${configs.nav_pill_per_industry||''}" placeholder="3">
+            </div>
+            <div class="form-group">
+              <label>标签 - 第四项</label>
+              <input type="text" id="ns_pill_responsive" value="${configs.nav_pill_responsive||''}" placeholder="响应式设计">
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="table-card" style="margin-top:16px">
+        <div class="section-header" style="padding:16px"><h4>📂 分类标题</h4></div>
+        <div style="padding:24px;max-width:800px">
+          <div class="form-row">
+            <div class="form-group"><label>企业官网 - 标题</label><input type="text" id="ns_sec_enterprise_title" value="${configs.nav_sec_enterprise_title||''}" placeholder="企业官网"></div>
+            <div class="form-group"><label>企业官网 - 副标题</label><input type="text" id="ns_sec_enterprise_sub" value="${configs.nav_sec_enterprise_sub||''}" placeholder="3 套风格"></div>
+          </div>
+          <div class="form-row">
+            <div class="form-group"><label>跨境电商 - 标题</label><input type="text" id="ns_sec_shop_title" value="${configs.nav_sec_shop_title||''}" placeholder="跨境电商"></div>
+            <div class="form-group"><label>跨境电商 - 副标题</label><input type="text" id="ns_sec_shop_sub" value="${configs.nav_sec_shop_sub||''}" placeholder="4 套风格"></div>
+          </div>
+          <div class="form-row">
+            <div class="form-group"><label>外卖平台 - 标题</label><input type="text" id="ns_sec_food_title" value="${configs.nav_sec_food_title||''}" placeholder="外卖平台"></div>
+            <div class="form-group"><label>外卖平台 - 副标题</label><input type="text" id="ns_sec_food_sub" value="${configs.nav_sec_food_sub||''}" placeholder="3 套风格"></div>
+          </div>
+          <div class="form-row">
+            <div class="form-group"><label>游戏平台 - 标题</label><input type="text" id="ns_sec_game_title" value="${configs.nav_sec_game_title||''}" placeholder="游戏平台"></div>
+            <div class="form-group"><label>游戏平台 - 副标题</label><input type="text" id="ns_sec_game_sub" value="${configs.nav_sec_game_sub||''}" placeholder="3 套风格"></div>
+          </div>
+          <div class="form-row">
+            <div class="form-group"><label>应用商店 - 标题</label><input type="text" id="ns_sec_app_title" value="${configs.nav_sec_app_title||''}" placeholder="应用商店"></div>
+            <div class="form-group"><label>应用商店 - 副标题</label><input type="text" id="ns_sec_app_sub" value="${configs.nav_sec_app_sub||''}" placeholder="3 套风格"></div>
+          </div>
+          <div class="form-row">
+            <div class="form-group"><label>音乐平台 - 标题</label><input type="text" id="ns_sec_music_title" value="${configs.nav_sec_music_title||''}" placeholder="音乐平台"></div>
+            <div class="form-group"><label>音乐平台 - 副标题</label><input type="text" id="ns_sec_music_sub" value="${configs.nav_sec_music_sub||''}" placeholder="3 套风格"></div>
+          </div>
+        </div>
+      </div>
+      <div class="table-card" style="margin-top:16px">
+        <div class="section-header" style="padding:16px"><h4>💬 咨询区 & 页脚</h4></div>
+        <div style="padding:24px;max-width:800px">
+          <div class="form-group"><label>咨询区 - 标题</label><input type="text" id="ns_consult_title" value="${configs.nav_consult_title||''}" placeholder="需要定制网站？"></div>
+          <div class="form-group"><label>咨询区 - 描述</label><input type="text" id="ns_consult_desc" value="${configs.nav_consult_desc||''}" placeholder="只需几百块，即可拥有同款精美站点！留下您的信息，我们尽快联系您"></div>
+          <div class="form-group"><label>提交成功文案</label><input type="text" id="ns_consult_success" value="${configs.nav_consult_success||''}" placeholder="提交成功！"></div>
+          <div class="form-group"><label>页脚文案</label><input type="text" id="ns_footer_text" value="${configs.nav_footer_text||''}" placeholder="Gotest · 多行业网站模板集合 · 点击卡片进入对应模板"></div>
+          <div class="form-group"><label>工作室/公司名称</label><input type="text" id="ns_company_name" value="${configs.nav_company_name||''}" placeholder="焉耆青梧映星软件开发工作室"></div>
+          <div style="margin-top:20px">
+            <button class="btn btn-primary" onclick="saveNavSettings()">保存所有设置</button>
+          </div>
+        </div>
+      </div>`;
+  } catch (e) { el.innerHTML = '<div class="loading">加载失败</div>'; }
+}
+
+async function saveNavSettings() {
+  const fields = [
+    'hero_title','hero_highlight','hero_desc','pill_templates','pill_lines','pill_per_industry','pill_responsive',
+    'sec_enterprise_title','sec_enterprise_sub','sec_shop_title','sec_shop_sub',
+    'sec_food_title','sec_food_sub','sec_game_title','sec_game_sub',
+    'sec_app_title','sec_app_sub','sec_music_title','sec_music_sub',
+    'consult_title','consult_desc','consult_success','footer_text','company_name'
+  ];
+  const items = fields.map(f => ({
+    key: 'nav_' + f,
+    value: (document.getElementById('ns_' + f)?.value || '').trim(),
+    remark: '导航页配置'
+  }));
+  try {
+    await api('/admin/config-batch', {
+      method: 'PUT',
+      body: JSON.stringify({ items })
+    });
+    toast('保存成功！刷新导航页即可看到效果', 'success');
+  } catch (e) { toast('保存失败', 'error'); }
+}
+
 // ===== 通用工具 =====
 function formatDate(d) {
   if (!d) return '-';

web/dist/index.html

@@ -105,19 +105,19 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
 </button>
 <div class="wrap">
   <div class="hero">
-    <h1>Gotest <span>模板导航</span></h1>
-    <p>6 大行业，19 套精心设计的网站模板，一键切换，即刻预览</p>
+    <h1><span id="s_hero_title">Gotest</span> <span id="s_hero_highlight">模板导航</span></h1>
+    <p id="s_hero_desc">6 大行业，19 套精心设计的网站模板，一键切换，即刻预览</p>
     <div class="hero-pills">
-      <span class="pill"><b>19</b> 套模板</span>
-      <span class="pill"><b>6</b> 大行业</span>
-      <span class="pill"><b>3</b> 套 / 行业</span>
-      <span class="pill">响应式设计</span>
+      <span class="pill"><b id="s_pill_templates">19</b> 套模板</span>
+      <span class="pill"><b id="s_pill_lines">6</b> 大行业</span>
+      <span class="pill"><b id="s_pill_per_industry">3</b> 套 / 行业</span>
+      <span class="pill" id="s_pill_responsive">响应式设计</span>
     </div>
   </div>
 
   <!-- 企业官网 -->
   <div class="sec">
-    <div class="sec-head"><h2>企业官网</h2><span class="sub">3 套风格</span><div class="sec-line"></div></div>
+    <div class="sec-head"><h2 id="s_sec_enterprise_title">企业官网</h2><span class="sub" id="s_sec_enterprise_sub">3 套风格</span><div class="sec-line"></div></div>
     <div class="grid">
       <a class="item" href="/site1" target="_blank"><div class="item-banner g-enterprise"><div class="glow"></div><div class="pattern"></div><span class="item-tag">科技蓝</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">科技企业 · site1</div><div class="item-desc">现代科技公司风格，蓝色主调</div></div></a>
       <a class="item" href="/site2" target="_blank"><div class="item-banner g-enterprise"><div class="glow" style="background:linear-gradient(135deg,#1c1917 0%,#b45309 40%,#fbbf24 100%)"></div><div class="pattern"></div><span class="item-tag">制造金</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">制造企业 · site2</div><div class="item-desc">工业制造风格，深色金调</div></div></a>
@@ -127,7 +127,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
 
   <!-- 跨境电商 -->
   <div class="sec">
-    <div class="sec-head"><h2>跨境电商</h2><span class="sub">4 套风格</span><div class="sec-line"></div></div>
+    <div class="sec-head"><h2 id="s_sec_shop_title">跨境电商</h2><span class="sub" id="s_sec_shop_sub">4 套风格</span><div class="sec-line"></div></div>
     <div class="grid">
       <a class="item" href="/shop" target="_blank"><div class="item-banner g-shop"><div class="glow"></div><div class="pattern"></div><span class="item-tag">红色经典</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">经典电商 · shop</div><div class="item-desc">经典电商红，大促风格</div></div></a>
       <a class="item" href="/shop2" target="_blank"><div class="item-banner g-shop"><div class="glow" style="background:linear-gradient(135deg,#18181b 0%,#3f3f46 40%,#71717a 100%)"></div><div class="pattern"></div><span class="item-tag">暗黑模式</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">暗黑电商 · shop2</div><div class="item-desc">黑色高端，极简暗色</div></div></a>
@@ -138,7 +138,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
 
   <!-- 外卖平台 -->
   <div class="sec">
-    <div class="sec-head"><h2>外卖平台</h2><span class="sub">3 套风格</span><div class="sec-line"></div></div>
+    <div class="sec-head"><h2 id="s_sec_food_title">外卖平台</h2><span class="sub" id="s_sec_food_sub">3 套风格</span><div class="sec-line"></div></div>
     <div class="grid">
       <a class="item" href="/food1" target="_blank"><div class="item-banner g-food"><div class="glow"></div><div class="pattern"></div><span class="item-tag">橙黄活力</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">美味达 · food1</div><div class="item-desc">暖橙食欲风格，活力满满</div></div></a>
       <a class="item" href="/food2" target="_blank"><div class="item-banner g-food"><div class="glow" style="background:linear-gradient(135deg,#18181b 0%,#44403c 40%,#78716c 100%)"></div><div class="pattern"></div><span class="item-tag">深色模式</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">GOURMET · food2</div><div class="item-desc">暗色高端外卖平台</div></div></a>
@@ -148,7 +148,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
 
   <!-- 游戏平台 -->
   <div class="sec">
-    <div class="sec-head"><h2>游戏平台</h2><span class="sub">3 套风格</span><div class="sec-line"></div></div>
+    <div class="sec-head"><h2 id="s_sec_game_title">游戏平台</h2><span class="sub" id="s_sec_game_sub">3 套风格</span><div class="sec-line"></div></div>
     <div class="grid">
       <a class="item" href="/game1" target="_blank"><div class="item-banner g-game"><div class="glow"></div><div class="pattern"></div><span class="item-tag">赛博朋克</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">NEON ARCADE · game1</div><div class="item-desc">霓虹未来，赛博朋克风格</div></div></a>
       <a class="item" href="/game2" target="_blank"><div class="item-banner g-game"><div class="glow" style="background:linear-gradient(135deg,#052e16 0%,#16a34a 40%,#4ade80 100%)"></div><div class="pattern"></div><span class="item-tag">像素复古</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">PIXEL GAMES · game2</div><div class="item-desc">8-bit 像素复古游戏风</div></div></a>
@@ -158,7 +158,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
 
   <!-- 应用商店 -->
   <div class="sec">
-    <div class="sec-head"><h2>应用商店</h2><span class="sub">3 套风格</span><div class="sec-line"></div></div>
+    <div class="sec-head"><h2 id="s_sec_app_title">应用商店</h2><span class="sub" id="s_sec_app_sub">3 套风格</span><div class="sec-line"></div></div>
     <div class="grid">
       <a class="item" href="/app1" target="_blank"><div class="item-banner g-app"><div class="glow" style="background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 40%,#cbd5e1 100%)"></div><div class="pattern" style="opacity:.06"></div><span class="item-tag" style="background:rgba(0,0,0,.08);color:#1e293b;border-color:rgba(0,0,0,.08)">极简白</span><div class="item-go" style="color:#1e293b">→</div></div><div class="item-body"><div class="item-title">极简白 · app1</div><div class="item-desc">Apple 风格，简洁清爽</div></div></a>
       <a class="item" href="/app2" target="_blank"><div class="item-banner g-app"><div class="glow" style="background:linear-gradient(135deg,#052e16 0%,#10b981 40%,#34d399 100%)"></div><div class="pattern"></div><span class="item-tag">暗黑模式</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">暗黑应用 · app2</div><div class="item-desc">霓虹绿暗色，科技感十足</div></div></a>
@@ -168,7 +168,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
 
   <!-- 音乐平台 -->
   <div class="sec">
-    <div class="sec-head"><h2>音乐平台</h2><span class="sub">3 套风格</span><div class="sec-line"></div></div>
+    <div class="sec-head"><h2 id="s_sec_music_title">音乐平台</h2><span class="sub" id="s_sec_music_sub">3 套风格</span><div class="sec-line"></div></div>
     <div class="grid">
       <a class="item" href="/music1" target="_blank"><div class="item-banner g-music"><div class="glow" style="background:linear-gradient(135deg,#1e1b4b 0%,#4f46e5 40%,#818cf8 100%)"></div><div class="pattern"></div><span class="item-tag">暗黑播放器</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">云音 Music · music1</div><div class="item-desc">暗夜沉浸式音乐播放器</div></div></a>
       <a class="item" href="/music2" target="_blank"><div class="item-banner g-music"><div class="glow" style="background:linear-gradient(135deg,#451a03 0%,#92400e 40%,#d97706 100%)"></div><div class="pattern"></div><span class="item-tag">黑胶复古</span><div class="item-go">→</div></div><div class="item-body"><div class="item-title">Vinyl · music2</div><div class="item-desc">黑胶唱片复古风格</div></div></a>
@@ -187,8 +187,8 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
   <!-- 客户咨询表单 -->
   <div class="consult-section">
     <div class="consult-header">
-      <h2>需要定制网站？</h2>
-      <p>只需几百块，即可拥有同款精美站点！留下您的信息，我们尽快联系您</p>
+      <h2 id="s_consult_title">需要定制网站？</h2>
+      <p id="s_consult_desc">只需几百块，即可拥有同款精美站点！留下您的信息，我们尽快联系您</p>
     </div>
     <form class="consult-form" id="consultForm">
       <div class="form-row">
@@ -222,12 +222,13 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
     </form>
     <div class="consult-success" id="consultSuccess" style="display:none">
       <div class="success-icon">✓</div>
-      <h3>提交成功！</h3>
+      <h3 id="s_consult_success">提交成功！</h3>
       <p>我们会尽快联系您，请保持电话畅通</p>
     </div>
   </div>
 
-  <div class="foot">Gotest · 多行业网站模板集合 · 点击卡片进入对应模板</div>
+  <div class="foot" id="s_footer">Gotest · 多行业网站模板集合 · 点击卡片进入对应模板</div>
+  <div class="foot" id="s_company" style="margin-top:4px;font-size:11px;opacity:.6"></div>
 </div>
 
 <script>
@@ -242,6 +243,49 @@ body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Ro
   });
 })();
 
+// 加载后台配置，覆盖默认文案
+(async function(){
+  try {
+    var resp = await fetch('/api/v1/nav-settings');
+    var result = await resp.json();
+    if (result.code !== 0 || !result.data) return;
+    var s = result.data;
+    var map = {
+      s_hero_title: 'nav_hero_title',
+      s_hero_highlight: 'nav_hero_highlight',
+      s_hero_desc: 'nav_hero_desc',
+      s_pill_templates: 'nav_pill_templates',
+      s_pill_lines: 'nav_pill_lines',
+      s_pill_per_industry: 'nav_pill_per_industry',
+      s_pill_responsive: 'nav_pill_responsive',
+      s_consult_title: 'nav_consult_title',
+      s_consult_desc: 'nav_consult_desc',
+      s_consult_success: 'nav_consult_success',
+      s_footer_text: 'nav_footer_text',
+      s_company_name: 'nav_company_name',
+      s_sec_enterprise_title: 'nav_sec_enterprise_title',
+      s_sec_enterprise_sub: 'nav_sec_enterprise_sub',
+      s_sec_shop_title: 'nav_sec_shop_title',
+      s_sec_shop_sub: 'nav_sec_shop_sub',
+      s_sec_food_title: 'nav_sec_food_title',
+      s_sec_food_sub: 'nav_sec_food_sub',
+      s_sec_game_title: 'nav_sec_game_title',
+      s_sec_game_sub: 'nav_sec_game_sub',
+      s_sec_app_title: 'nav_sec_app_title',
+      s_sec_app_sub: 'nav_sec_app_sub',
+      s_sec_music_title: 'nav_sec_music_title',
+      s_sec_music_sub: 'nav_sec_music_sub',
+    };
+    for (var elId in map) {
+      var val = s[map[elId]];
+      if (val) {
+        var el = document.getElementById(elId);
+        if (el) el.textContent = val;
+      }
+    }
+  } catch(e) {}
+})();
+
 document.getElementById('consultForm').addEventListener('submit', async function(e) {
     e.preventDefault();