Files
pdf-translate-web/templates/admin/translation_detail.html.bak
coder 2ef5e6da87 V2.0.0: 新增用户权限动态配置、会员套餐配置、数据包购买功能
新功能:
- 用户权限动态配置(翻译次数、页数限制)
- 会员套餐动态配置(名称、价格、周期)
- 数据包购买套餐管理
- 收入统计功能
- 数据包销售排行

技术更新:
- 新增 DynamicConfig 模型支持动态配置
- 新增 DataPackage 和 UserPackage 模型
- 后台管理增加数据包管理模块
2026-04-07 23:26:53 +08:00

113 lines
6.0 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>翻译详情 - 后台管理</title>
<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); }
.main-content { margin-left: 250px; padding: 20px; }
.translation-content { max-height: 500px; overflow-y: auto; background: #fff; padding: 20px; border-radius: 5px; }
</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.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.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 d-flex justify-content-between">
<h5 class="mb-0"><i class="bi bi-file-text"></i> 翻译详情</h5>
<div>
<a href="/api/download/{{ translation.id }}" class="btn btn-success btn-sm">
<i class="bi bi-download"></i> 下载结果
</a>
<a href="{{ url_for('admin.translations') }}" class="btn btn-outline-secondary btn-sm">
返回列表
</a>
</div>
</div>
<div class="card-body">
<div class="row mb-3">
<div class="col-md-6">
<p><strong>文件名:</strong> {{ translation.original_filename }}</p>
<p><strong>页数:</strong> {{ translation.page_count }}</p>
<p><strong>大小:</strong> {{ (translation.file_size / 1024)|round(1) }} KB</p>
</div>
<div class="col-md-6">
<p><strong>状态:</strong>
<span class="badge bg-{% if translation.status == 'completed' %}success{% elif translation.status == 'processing' %}warning{% else %}danger{% endif %}">
{{ translation.status }}
</span>
{% if translation.from_cache %}
<span class="badge bg-info">来自缓存</span>
{% endif %}
</p>
<p><strong>用户:</strong> {% if user %}{{ user.username }}{% else %}访客{% endif %}</p>
<p><strong>时间:</strong> {{ translation.created_at.strftime('%Y-%m-%d %H:%M:%S') }}</p>
</div>
</div>
{% if translation.status == 'completed' %}
<hr>
<h6>翻译结果</h6>
<div id="resultContent" class="translation-content border">
加载中...
</div>
{% elif translation.status == 'failed' %}
<div class="alert alert-danger">
<strong>错误信息:</strong> {{ translation.error_message or '未知错误' }}
</div>
{% endif %}
{% if translation.translate_params %}
<hr>
<h6>翻译参数</h6>
<pre class="bg-light p-2 rounded">{{ translation.translate_params }}</pre>
{% endif %}
</div>
</div>
</main>
<script>
// 加载翻译结果
fetch('/api/result/{{ translation.id }}')
.then(r => r.json())
.then(data => {
if (data.content) {
// 简单Markdown渲染
let html = data.content
.replace(/^## (.*)$/gm, '<h3>$1</h3>')
.replace(/^# (.*)$/gm, '<h2>$1</h2>')
.replace(/^---$/gm, '<hr>')
.replace(/\n\n/g, '</p><p>');
document.getElementById('resultContent').innerHTML = '<p>' + html + '</p>';
} else {
document.getElementById('resultContent').innerHTML = '<p class="text-muted">无翻译结果</p>';
}
})
.catch(err => {
document.getElementById('resultContent').innerHTML = '<p class="text-danger">加载失败: ' + err + '</p>';
});
</script>
</body>
</html>