Files
pdf-translate-web/templates/admin/translations.html
coder 44077796f8 feat: 翻译记录添加不共享开关功能
- Translation 模型新增 no_share 字段
- 管理后台翻译记录页面添加共享状态列和切换按钮
- 不共享的翻译不会被其他用户使用缓存
- 缓存匹配时检查是否有 no_share 标记
2026-04-16 19:06:43 +08:00

160 lines
9.6 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>翻译记录 - 后台管理</title>
<link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
<style>
body { background-color: #f5f5f5; }
.sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #343a40; padding-top: 60px; }
.sidebar .nav-link { color: #adb5bd; padding: 12px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); }
.sidebar .nav-link i { margin-right: 10px; }
.main-content { margin-left: 250px; padding: 20px; }
</style>
</head>
<body>
<nav class="sidebar">
<div class="position-absolute top-0 w-100 p-3 border-bottom border-secondary">
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.packages') }}"><i class="bi bi-box-seam"></i> 数据包套餐</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.llm_config') }}"><i class="bi bi-cpu"></i> 大模型配置</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.user_types') }}"><i class="bi bi-person-badge"></i> 用户类型</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.membership_plans') }}"><i class="bi bi-credit-card"></i> 会员套餐</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
</div>
</nav>
<main class="main-content">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col"><h5 class="mb-0"><i class="bi bi-file-text"></i> 翻译记录</h5></div>
<div class="col-auto">
<form method="get" class="d-flex gap-2">
<input type="text" class="form-control" name="search" value="{{ search }}" placeholder="搜索文件名">
<select class="form-select" name="status">
<option value="">全部状态</option>
<option value="pending" {% if status == 'pending' %}selected{% endif %}>等待中</option>
<option value="processing" {% if status == 'processing' %}selected{% endif %}>处理中</option>
<option value="completed" {% if status == 'completed' %}selected{% endif %}>已完成</option>
<option value="failed" {% if status == 'failed' %}selected{% endif %}>失败</option>
</select>
<button class="btn btn-primary"><i class="bi bi-search"></i></button>
</form>
</div>
</div>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>ID</th>
<th>文件名</th>
<th>用户</th>
<th>页数</th>
<th>大小</th>
<th>状态</th>
<th>缓存</th>
<th>共享</th>
<th>时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for t in translations.items %}
<tr id="trans-row-{{ t.id }}">
<td>{{ t.id }}</td>
<td>{{ t.original_filename[:25] }}{% if t.original_filename|length > 25 %}...{% endif %}</td>
<td>{% if t.user_id %}ID:{{ t.user_id }}{% else %}访客{% endif %}</td>
<td>{{ t.page_count }}</td>
<td>{{ (t.file_size / 1024)|round(1) }}KB</td>
<td>
<span class="badge bg-{% if t.status == 'completed' %}success{% elif t.status == 'processing' %}warning{% elif t.status == 'failed' %}danger{% else %}secondary{% endif %}">
{{ t.status }}
</span>
</td>
<td>{% if t.from_cache %}<i class="bi bi-check-circle text-success"></i>{% else %}-{% endif %}</td>
<td>
{% if t.no_share %}
<span class="badge bg-secondary" id="share-badge-{{ t.id }}">不共享</span>
{% else %}
<span class="badge bg-success" id="share-badge-{{ t.id }}">共享</span>
{% endif %}
</td>
<td>{{ t.created_at.strftime('%m-%d %H:%M') }}</td>
<td>
<div class="d-flex gap-1">
<button class="btn btn-sm btn-outline-{% if t.no_share %}success{% else %}warning{% endif %}" onclick="toggleShare({{ t.id }})" title="切换共享状态">
<i class="bi bi-share{% if t.no_share %}-fill{% endif %}"></i>
</button>
<a href="{{ url_for('admin.translation_detail', trans_id=t.id) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a>
<button class="btn btn-sm btn-outline-danger" onclick="deleteTrans({{ t.id }})"><i class="bi bi-trash"></i></button>
</div>
</td>
</tr>
{% else %}
<tr><td colspan="10" class="text-center text-muted py-4">暂无数据</td></tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="card-footer">
<nav>
<ul class="pagination mb-0">
{% if translations.has_prev %}
<li class="page-item"><a class="page-link" href="?page={{ translations.prev_num }}&status={{ status }}&search={{ search }}">上一页</a></li>
{% endif %}
<li class="page-item disabled"><span class="page-link">{{ translations.page }} / {{ translations.pages }}</span></li>
{% if translations.has_next %}
<li class="page-item"><a class="page-link" href="?page={{ translations.next_num }}&status={{ status }}&search={{ search }}">下一页</a></li>
{% endif %}
</ul>
</nav>
</div>
</div>
</main>
<script>
function deleteTrans(id) {
if (!confirm('确定删除此记录?')) return;
fetch(`/admin/translation/${id}/delete`, { method: 'POST' })
.then(r => r.json())
.then(d => { if (d.success) location.reload(); });
}
function toggleShare(id) {
fetch(`/admin/translation/${id}/toggle-share`, { method: 'POST' })
.then(r => r.json())
.then(d => {
if (d.success) {
// 更新显示状态
const badge = document.getElementById(`share-badge-${id}`);
if (d.no_share) {
badge.className = 'badge bg-secondary';
badge.textContent = '不共享';
} else {
badge.className = 'badge bg-success';
badge.textContent = '共享';
}
// 更新按钮样式
location.reload(); // 简化处理,刷新页面
}
});
}
</script>
</body>
</html>