feat: add date-based OHIP data reporting alongside XML

arr_web/static/index.html

@@ -44,6 +44,42 @@
     <main class="shell page" id="main-content">
       <section class="tabpanel is-active" id="panel-daily" role="tabpanel" data-panel="daily">
         <section class="daily-overview" aria-label="日报处理概览">
+          <section class="panel arr-download-panel" aria-labelledby="arr-download-title">
+            <div class="panel-heading upload-heading">
+              <h2 id="arr-download-title">自动下载 ARR</h2>
+            </div>
+            <form id="arr-download-form" class="arr-download-form">
+              <label for="arr-download-date">报表日期</label>
+              <div class="arr-date-control" id="arr-date-control">
+                <input id="arr-download-date" name="report_date" type="text" inputmode="numeric" autocomplete="off" maxlength="10" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" placeholder="YYYY-MM-DD" required aria-describedby="arr-download-help" aria-haspopup="dialog" aria-controls="arr-date-calendar" aria-expanded="false" />
+                <button id="arr-date-toggle" class="arr-date-toggle" type="button" aria-label="选择日期" aria-haspopup="dialog" aria-controls="arr-date-calendar" aria-expanded="false">
+                  <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 3v4m10-4v4M4 10h16M5 5h14a1 1 0 0 1 1 1v14H4V6a1 1 0 0 1 1-1Z"/></svg>
+                </button>
+                <div id="arr-date-calendar" class="arr-date-calendar" role="dialog" aria-labelledby="arr-calendar-title" hidden>
+                  <div class="arr-calendar-header">
+                    <button id="arr-calendar-previous" type="button" aria-label="上一个月">‹</button>
+                    <strong id="arr-calendar-title" aria-live="polite"></strong>
+                    <button id="arr-calendar-next" type="button" aria-label="下一个月">›</button>
+                  </div>
+                  <div id="arr-calendar-weekdays" class="arr-calendar-weekdays" aria-hidden="true"></div>
+                  <div id="arr-calendar-days" class="arr-calendar-days" role="group" aria-labelledby="arr-calendar-title"></div>
+                  <div class="arr-calendar-footer">
+                    <button id="arr-calendar-today" type="button">今天</button>
+                    <button id="arr-calendar-close" type="button">关闭</button>
+                  </div>
+                </div>
+              </div>
+              <p id="arr-download-help">选择一天，自动获取到店数据并生成报表。</p>
+              <div class="arr-download-feedback" id="arr-download-feedback" role="status" aria-live="polite" aria-atomic="true">
+                <span class="arr-download-indicator" aria-hidden="true"></span>
+                <span id="arr-download-status">正在连接下载服务…</span>
+              </div>
+              <div class="arr-download-actions">
+                <button class="arr-download-review" id="arr-download-review" type="button" hidden>查看价格复核</button>
+                <button class="primary-button" id="arr-download-button" type="submit" disabled>下载并处理</button>
+              </div>
+            </form>
+          </section>
           <section class="panel upload-panel" aria-labelledby="upload-title">
             <div class="panel-heading upload-heading">
               <div>