feat: prepare ARR for controlled public deployment

2026-07-29 16:38:05 +08:00
commit a701de9f0e
271 changed files with 48472 additions and 0 deletions
--- a/arr_web/static/h5.html
+++ b/arr_web/static/h5.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+    <meta name="theme-color" content="#172033" />
+    <title>渠道BI · ARR Report</title>
+    <link rel="stylesheet" href="/assets/h5.css" />
+    <script src="/assets/h5.js" defer></script>
+  </head>
+  <body>
+    <header class="mobile-header">
+      <div class="brand"><span aria-hidden="true"><i></i><i></i></span><b>ARR</b></div>
+      <span class="connection" id="h5-connection"><i></i>正在连接</span>
+    </header>
+
+    <main>
+      <section class="hero">
+        <div>
+          <p>CHANNEL PERFORMANCE</p>
+          <h1>渠道BI</h1>
+          <small id="h5-updated">基于已发布月报快照</small>
+        </div>
+        <label><span>月份</span><select id="h5-month" aria-label="查看月份"></select></label>
+      </section>
+
+      <section class="kpi-grid" aria-label="本月核心指标">
+        <article><span>售出房数</span><strong id="h5-rooms">—</strong><small>NO. OF ROOM</small></article>
+        <article class="primary"><span>销售金额</span><strong id="h5-revenue">—</strong><small>TOTAL PRICE</small></article>
+        <article><span>间夜</span><strong id="h5-nights">—</strong><small>房数 × 晚数</small></article>
+        <article><span>公司数</span><strong id="h5-companies">—</strong><small>月报子表</small></article>
+      </section>
+
+      <section class="mobile-card sales-card">
+        <div class="card-title"><div><p>TOTAL PRICE</p><h2>各公司本月销售情况</h2></div></div>
+        <div class="mobile-donut-row">
+          <div class="mobile-donut" id="h5-donut"><div><strong id="h5-donut-total">—</strong><span>销售金额</span></div></div>
+          <div class="mobile-legend" id="h5-legend"></div>
+        </div>
+        <div class="mobile-ranking" id="h5-ranking"><p class="empty">正在读取数据…</p></div>
+      </section>
+
+      <section class="mobile-card matrix-card">
+        <div class="card-title"><div><p>ROOMS SOLD</p><h2>渠道 × 房型售出房数</h2></div></div>
+        <div class="mobile-table" id="h5-matrix"><p class="empty">正在读取数据…</p></div>
+      </section>
+    </main>
+
+    <footer class="mobile-footer">页面日期时间统一按泰国曼谷（UTC+7）显示。</footer>
+
+    <div class="mobile-message" id="h5-message" role="status" aria-live="polite"></div>
+  </body>
+</html>