shiyuyun/wyndham-ARR
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refine web analytics and history views

Browse Source
This commit is contained in:
Wyndham ARR
2026-08-02 12:56:22 +08:00
parent a891c0ae7a
commit 7e7470821b
37 changed files with 2088 additions and 361 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
arr_web/static/h5.html
View File

@@ -6,36 +6,40 @@
<meta name="theme-color" content="#172033" />
<title>渠道BI · ARR Report</title>
<link rel="stylesheet" href="/assets/h5.css" />
<script src="/assets/i18n.js" defer></script>
<script src="/assets/h5.js" defer></script>
</head>
<body>
<header class="mobile-header">
<div class="brand"><span class="brand-name">ARR Report</span></div>
<div class="mobile-header-actions">
<label class="locale-switcher">
<span class="sr-only">语言</span>
<select data-arr-locale-selector aria-label="语言">
<option value="zh-CN">中文</option>
<option value="en">English</option>
<option value="th">ไทย</option>
</select>
</label>
<span class="connection" id="h5-connection"><i></i>正在连接</span>
<button class="mobile-logout" id="h5-logout" type="button" disabled hidden>退出</button>
<a class="mobile-logout" id="h5-logout" href="#logout" hidden>退出</a>
</div>
</header>
<main>
<section class="hero">
<div>
<p>CHANNEL PERFORMANCE</p>
<h1>渠道BI</h1>
<small id="h5-updated">基于已发布月报快照</small>
</div>
<section class="hero bi-hero">
<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 class="primary"><span>销售金额</span><strong id="h5-revenue">—</strong><small>销售金额合计</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="card-title"><div><h2>各公司本月销售情况</h2><p class="data-range" id="h5-data-range">数据范围：—</p></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>