新功能: - 用户权限动态配置(翻译次数、页数限制) - 会员套餐动态配置(名称、价格、周期) - 数据包购买套餐管理 - 收入统计功能 - 数据包销售排行 技术更新: - 新增 DynamicConfig 模型支持动态配置 - 新增 DataPackage 和 UserPackage 模型 - 后台管理增加数据包管理模块
113 lines
6.0 KiB
HTML
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> |