feat: 优化任务状态与进度体验

app/templates/tasks/detail.html

@@ -13,13 +13,29 @@
 </div>
 <section class="card mb-4" {% if task.status == "running" %}data-task-id="{{ task.id }}" data-auto-poll="true"{% endif %}><div class="card-body">
   {% set label, cls = status_badge_config(task.status) %}
+  {% set percent = progress_percent(task.processed_items_count, task.total_items_count) %}
+  {% set ai_percent = rate_percent(task.analysis_success_rate) %}
   <p>平台：{{ task.platform | platform_label }} <span class="badge {{ cls }}">{{ label }}</span></p>
-  <p>成功 {{ task.successful_items_count }} / 共 {{ task.total_items_count }} 条内容</p>
+  <div class="mb-3">
+    <div class="d-flex justify-content-between align-items-center gap-2">
+      <span>已处理 {{ task.processed_items_count }} / 共 {{ task.total_items_count }} 条内容</span>
+      <span class="text-muted">{{ percent }}%</span>
+    </div>
+    <div class="progress task-progress mt-2" role="progressbar" aria-label="任务进度" aria-valuenow="{{ percent }}" aria-valuemin="0" aria-valuemax="100">
+      <div class="progress-bar" style="width: {{ percent }}%"></div>
+    </div>
+    <div class="small text-muted mt-2">成功 {{ task.successful_items_count }} / 失败 {{ task.failed_items_count }}</div>
+  </div>
+  <div class="mb-2">
+    <span class="{% if task.analysis_status == 'insufficient' %}text-warning{% else %}text-muted{% endif %}">AI 成功率 {{ ai_percent }}%</span>
+    {% if task.analysis_status == "insufficient" %}
+      <span class="badge text-bg-warning ms-1">AI 样本不足</span>
+    {% endif %}
+  </div>
   {% if task.error_message %}<div class="alert alert-danger">{{ task.error_stage }} / {{ task.error_type }}：{{ task.error_message }}</div>{% endif %}
 </div></section>
 {% if task.status == "running" and not hotspots %}
 <div class="text-center text-muted py-5"><div class="spinner-border text-warning mb-3"></div><p>正在抓取热点数据，请稍候...</p></div>
-<script>pollTaskDetailStatus("{{ task.id }}");</script>
 {% endif %}
 <div class="accordion" id="hotspot-list">
 {% for hotspot in hotspots %}
@@ -45,4 +61,7 @@
   </div>
 {% endfor %}
 </div>
+{% if task.status == "running" %}
+<script>document.addEventListener("DOMContentLoaded", () => pollTaskDetailStatus("{{ task.id }}"));</script>
+{% endif %}
 {% endblock %}