feat: 优化现有页面为 shadcn 风格

This commit is contained in:
meijiali
2026-07-06 17:07:31 +08:00
parent 44d459fc50
commit d25fbaa198
8 changed files with 519 additions and 144 deletions
+5 -5
View File
@@ -13,28 +13,28 @@
<div class="row g-3 mb-4">
<div class="col-md-3">
<div class="border rounded p-3 h-100">
<div class="stat-card">
<div class="text-muted small">评论样本</div>
<div class="h4 mb-0">{{ sample_count }}</div>
</div>
</div>
{% if item_count is not none %}
<div class="col-md-3">
<div class="border rounded p-3 h-100">
<div class="stat-card">
<div class="text-muted small">关联内容</div>
<div class="h4 mb-0">{{ item_count }}</div>
</div>
</div>
{% endif %}
<div class="col-md-3">
<div class="border rounded p-3 h-100">
<div class="stat-card">
<div class="text-muted small">AI 成功率</div>
<div class="h4 mb-0">{{ rate_percent(task.analysis_success_rate) }}%</div>
</div>
</div>
</div>
<div class="p-3 bg-info-subtle border border-info-subtle rounded mb-4">
<div class="report-summary mb-4">
<div class="fw-semibold mb-2">AI 总结</div>
<p class="mb-0">{{ report.summary or "总结生成失败,请查看上方统计数据。" }}</p>
</div>
@@ -77,7 +77,7 @@
<div class="col-md-4">
<h3 class="h6">{{ sentiment_label(key) }}</h3>
{% for comment in typical.get(key, []) %}
<div class="border rounded p-2 mb-2">
<div class="comment-card mb-2">
<p class="mb-1">{{ comment.get("content") }}</p>
<small class="text-muted">点赞 {{ comment.get("like_count", 0) }}</small>
</div>
+9 -6
View File
@@ -6,9 +6,9 @@
<td>
<span class="task-number">{{ task.display_id or loop.index }}</span>
</td>
<td>{{ task.platform | platform_label }}</td>
<td>{{ task.created_at_label }}</td>
<td><small class="text-muted">{{ task.scale_label }}</small></td>
<td><span class="badge text-bg-light border">{{ task.platform | platform_label }}</span></td>
<td><span class="text-muted small">{{ task.created_at_label }}</span></td>
<td><span class="text-muted small">{{ task.scale_label }}</span></td>
<td class="task-progress-cell">
<div class="d-flex justify-content-between align-items-center gap-2">
<span class="small">已处理 {{ task.processed_items_count }} / 共 {{ task.total_items_count }} 条内容</span>
@@ -17,9 +17,12 @@
<div class="progress task-progress mt-1" 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-1">成功 {{ task.successful_items_count }} / 失败 {{ task.failed_items_count }}</div>
<div class="progress-summary mt-2">
<span class="small text-muted">成功 {{ task.successful_items_count }} / 失败 {{ task.failed_items_count }}</span>
<span class="small text-muted">评论 {{ task.comments_count or 0 }}</span>
<span class="small text-muted">报告 {{ task.reports_count or 0 }}</span>
</div>
<div class="small text-muted mt-1">阶段:{{ task.current_stage_label or "等待启动" }}</div>
<div class="small text-muted mt-1">评论 {{ task.comments_count or 0 }} / 报告 {{ task.reports_count or 0 }}</div>
<div class="small {% if task.analysis_status == 'insufficient' %}text-warning{% else %}text-muted{% endif %}">
AI 成功率 {{ ai_percent }}%
{% if task.analysis_status == "insufficient" %}
@@ -33,7 +36,7 @@
<br><small class="text-danger">{{ task.error_summary }}</small>
{% endif %}
</td>
<td><a class="btn btn-sm btn-primary" href="/tasks/{{ task.id }}">查看</a></td>
<td><a class="btn btn-sm btn-outline-secondary" href="/tasks/{{ task.id }}">查看</a></td>
</tr>
{% else %}
<tr>