feat: 新增自动下载 API 和设置页面 UI

templates/index.html

@@ -30,6 +30,12 @@
                     <button class="btn btn-primary btn-lg btn-block" onclick="openUploadModal()">
                         <i class="fas fa-plus-circle"></i> 上传新文件
                     </button>
+                    <button class="btn btn-accent btn-lg btn-block" onclick="openAutoDownloadModal()">
+                        <i class="fas fa-cloud-download-alt"></i> 自动获取
+                    </button>
+                    <a href="/settings" class="btn btn-text btn-sm" title="系统设置">
+                        <i class="fas fa-cog"></i> 设置
+                    </a>
 
                     <div class="file-selector-wrapper" id="fileSelector" style="display: none;">
                         <span class="label">当前分析:</span>
@@ -130,6 +136,42 @@
         </div>
     </div>
 
+    <!-- 自动获取弹窗 -->
+    <div id="autoDownloadModal" class="modal-overlay">
+        <div class="modal-card bounce-in">
+            <div class="modal-header">
+                <h3><i class="fas fa-cloud-download-alt"></i> 自动获取数据</h3>
+                <button class="btn-close" onclick="closeAutoDownloadModal()"><i class="fas fa-times"></i></button>
+            </div>
+            <div class="modal-body">
+                <div class="form-group">
+                    <label for="autoStartDate">开始日期</label>
+                    <input type="date" id="autoStartDate" class="form-input">
+                </div>
+                <div class="form-group">
+                    <label for="autoEndDate">结束日期</label>
+                    <input type="date" id="autoEndDate" class="form-input">
+                </div>
+                <div class="form-hint" id="autoDownloadHint">
+                    <i class="fas fa-info-circle"></i>
+                    将从 secsion.com 自动下载指定日期范围的销售数据
+                </div>
+                <div id="autoDownloadStatus" class="download-status" style="display: none;">
+                    <div class="loader-dots small">
+                        <div></div><div></div><div></div>
+                    </div>
+                    <span id="autoDownloadStatusText">准备中...</span>
+                </div>
+                <div class="modal-actions">
+                    <button class="btn btn-outline" onclick="closeAutoDownloadModal()">取消</button>
+                    <button class="btn btn-primary" id="autoDownloadBtn" onclick="startAutoDownload()">
+                        <i class="fas fa-download"></i> 开始下载
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- 加载层 -->
     <div id="loadingOverlay" class="loading-overlay">
         <div class="loading-box">