添加copyright

2026-04-06 16:58:58 +08:00
parent d469dacc08
commit b4415f25ac
5 changed files with 157 additions and 9 deletions
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2695,4 +2695,72 @@ input:checked+.slider:before {
    color: var(--accent-indigo);
    background: rgba(99, 102, 241, 0.1);
    border-color: var(--accent-indigo);
+}
+
+/* ---- Footer ---- */
+.site-footer {
+  margin-top: 40px;
+  padding: 30px 28px;
+  border-top: 1px solid var(--border-color);
+  background: rgba(10, 14, 26, 0.4);
+  backdrop-filter: blur(10px);
+  position: relative;
+  z-index: 10;
+}
+
+:root.light-theme .site-footer {
+  background: rgba(255, 255, 255, 0.4);
+}
+
+.footer-content {
+  max-width: 1600px;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+
+.copyright {
+  font-size: 0.88rem;
+  color: var(--text-muted);
+  font-weight: 500;
+}
+
+.filings {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+.filings a {
+  font-size: 0.82rem;
+  color: var(--text-muted);
+  text-decoration: none;
+  transition: color 0.2s;
+  display: flex;
+  align-items: center;
+}
+
+.filings a:hover {
+  color: var(--accent-indigo);
+}
+
+@media (max-width: 768px) {
+  .site-footer {
+    padding: 24px 16px;
+    margin-top: 20px;
+  }
+  
+  .footer-content {
+    flex-direction: column;
+    text-align: center;
+    gap: 12px;
+  }
+  
+  .filings {
+    flex-direction: column;
+    gap: 8px;
+  }
 }
--- a/public/index.html
+++ b/public/index.html
@@ -354,6 +354,20 @@
      </section>
    </main>

+    <!-- Footer -->
+    <footer class="site-footer">
+      <div class="footer-content">
+        <div class="copyright">© <span id="copyrightYear"></span> LDNET-GA-Service. All rights reserved.</div>
+        <div class="filings">
+          <a href="https://beian.miit.gov.cn/" target="_blank" id="icpFilingDisplay" style="display: none;"></a>
+          <a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" id="psFilingDisplay" style="display: none;">
+            <img src="https://www.beian.gov.cn/img/ghs.png" alt="公安备案" style="width: 14px; height: 14px; vertical-align: middle; margin-right: 2px;">
+            <span id="psFilingText"></span>
+          </a>
+        </div>
+      </div>
+    </footer>
+
    <!-- Settings Modal -->
    <div class="modal-overlay" id="settingsModal">
      <div class="modal">
@@ -467,6 +481,14 @@
                  <option value="both">统计上行+下行 (Sum)</option>
                </select>
              </div>
+              <div class="form-group" style="margin-top: 15px;">
+                <label for="icpFilingInput">ICP 备案号 (如：京ICP备12345678号)</label>
+                <input type="text" id="icpFilingInput" placeholder="请输入 ICP 备案号">
+              </div>
+              <div class="form-group" style="margin-top: 15px;">
+                <label for="psFilingInput">公安备案号 (如：京公网安备 11010102000001号)</label>
+                <input type="text" id="psFilingInput" placeholder="请输入公安备案号">
+              </div>
              <div class="form-actions" style="margin-top: 25px; display: flex; justify-content: flex-end;">
                <button class="btn btn-add" id="btnSaveSiteSettings">保存基础设置</button>
              </div>
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -105,7 +105,14 @@
    partitionSummary: document.getElementById('partitionSummary'),
    partitionHeader: document.getElementById('partitionHeader'),
    globeCard: document.getElementById('globeCard'),
-    btnExpandGlobe: document.getElementById('btnExpandGlobe')
+    btnExpandGlobe: document.getElementById('btnExpandGlobe'),
+    // Footer & Filing
+    icpFilingInput: document.getElementById('icpFilingInput'),
+    psFilingInput: document.getElementById('psFilingInput'),
+    icpFilingDisplay: document.getElementById('icpFilingDisplay'),
+    psFilingDisplay: document.getElementById('psFilingDisplay'),
+    psFilingText: document.getElementById('psFilingText'),
+    copyrightYear: document.getElementById('copyrightYear')
  };

  // ---- State ----
@@ -146,6 +153,11 @@
    updateGaugesTime();
    setInterval(updateGaugesTime, 1000);

+    // Initial footer year
+    if (dom.copyrightYear) {
+      dom.copyrightYear.textContent = new Date().getFullYear();
+    }
+
    // Initial theme check (localStorage handled after site settings load to ensure priority)

    // Network chart
@@ -473,6 +485,8 @@
      if (dom.defaultThemeInput) dom.defaultThemeInput.value = window.SITE_SETTINGS.default_theme || 'dark';
      if (dom.show95BandwidthInput) dom.show95BandwidthInput.value = window.SITE_SETTINGS.show_95_bandwidth ? "1" : "0";
      if (dom.p95TypeSelect) dom.p95TypeSelect.value = window.SITE_SETTINGS.p95_type || 'tx';
+      if (dom.icpFilingInput) dom.icpFilingInput.value = window.SITE_SETTINGS.icp_filing || '';
+      if (dom.psFilingInput) dom.psFilingInput.value = window.SITE_SETTINGS.ps_filing || '';
      // Latency routes loaded separately in openSettings or on startup
    }

@@ -1639,6 +1653,8 @@
          networkChart.draw();
        }
      }
+      if (dom.icpFilingInput) dom.icpFilingInput.value = settings.icp_filing || '';
+      if (dom.psFilingInput) dom.psFilingInput.value = settings.ps_filing || '';

      // Apply to UI
      applySiteSettings(settings);
@@ -1726,6 +1742,25 @@
        applyTheme(settings.default_theme);
      }
    }
+
+    // Filing info
+    if (dom.icpFilingDisplay) {
+      if (settings.icp_filing) {
+        dom.icpFilingDisplay.textContent = settings.icp_filing;
+        dom.icpFilingDisplay.style.display = 'inline-block';
+      } else {
+        dom.icpFilingDisplay.style.display = 'none';
+      }
+    }
+
+    if (dom.psFilingDisplay) {
+      if (settings.ps_filing) {
+        if (dom.psFilingText) dom.psFilingText.textContent = settings.ps_filing;
+        dom.psFilingDisplay.style.display = 'inline-block';
+      } else {
+        dom.psFilingDisplay.style.display = 'none';
+      }
+    }
  }

  async function saveSiteSettings() {
@@ -1741,7 +1776,9 @@
      logo_url: dom.logoUrlInput.value.trim(),
      default_theme: dom.defaultThemeInput.value,
      show_95_bandwidth: dom.show95BandwidthInput.value === "1" ? 1 : 0,
-      p95_type: dom.p95TypeSelect.value
+      p95_type: dom.p95TypeSelect.value,
+      icp_filing: dom.icpFilingInput ? dom.icpFilingInput.value : '',
+      ps_filing: dom.psFilingInput ? dom.psFilingInput.value : ''
    };

    // If user sets default to auto, we should clear their manual override or set it to auto