feat: 提交热榜评论分析工具 MVP 基线

2026-07-03 11:12:12 +08:00
parent 0231be6338
commit 9bad7b6e63
60 changed files with 4058 additions and 0 deletions
@@ -0,0 +1,66 @@
+{% extends "base.html" %}
+{% block title %}任务列表 - 热榜评论分析工具{% endblock %}
+{% block content %}
+<div class="d-flex justify-content-between align-items-center mb-3">
+  <h1 class="h3 mb-0">任务列表</h1>
+  <button class="btn btn-outline-secondary btn-sm" onclick="window.location.href='/'">手动刷新</button>
+</div>
+
+<section class="card mb-4">
+  <div class="card-header">创建抓取任务</div>
+  <div class="card-body">
+    <div id="form-error" class="alert alert-danger d-none" role="alert"></div>
+    <form id="task-form" onsubmit="submitTask(event)">
+      <div class="row g-3 align-items-end">
+        <div class="col-md-3">
+          <label class="form-label" for="platform">平台</label>
+          <select class="form-select" id="platform" name="platform">
+            <option value="xiaohongshu">小红书</option>
+            <option value="douyin">抖音</option>
+          </select>
+        </div>
+        <div class="col-md-2">
+          <label class="form-label" for="hotspot_limit">热点数</label>
+          <input class="form-control scale-input" id="hotspot_limit" name="hotspot_limit" type="number" min="1" max="10" value="5">
+        </div>
+        <div class="col-md-2">
+          <label class="form-label" for="item_limit_per_hotspot">每热点内容</label>
+          <input class="form-control scale-input" id="item_limit_per_hotspot" name="item_limit_per_hotspot" type="number" min="1" max="10" value="5">
+        </div>
+        <div class="col-md-2">
+          <label class="form-label" for="comment_limit_per_item">每内容评论</label>
+          <input class="form-control scale-input" id="comment_limit_per_item" name="comment_limit_per_item" type="number" min="10" max="100" value="50">
+        </div>
+        <div class="col-md-3">
+          <button class="btn btn-primary w-100" id="submit-btn" type="submit">开始抓取</button>
+        </div>
+      </div>
+      <div class="form-text text-muted mt-2" id="scale-hint">
+        预计最多抓取：<strong id="scale-calc">1250</strong> 条评论（实际数量可能受平台返回数量、去重、失败、限流影响）
+      </div>
+    </form>
+  </div>
+</section>
+
+<section class="card">
+  <div class="card-header">历史任务</div>
+  <div class="table-responsive">
+    <table class="table table-hover align-middle mb-0">
+      <thead>
+        <tr>
+          <th>任务 ID</th>
+          <th>平台</th>
+          <th>创建时间</th>
+          <th>配置规模</th>
+          <th>进度</th>
+          <th>状态</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody id="task-table-body">
+        {% include "partials/task_rows.html" %}
+      </tbody>
+    </table>
+  </div>
+</section>
+{% endblock %}