coder/pdf-translate-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
db98c2b82cad9a195dff62f9edfc9518ea55cfca
pdf-translate-web/templates/admin/packages.html
coder db98c2b82c refactor: 备用大模型整合到大模型配置页 
- 备用大模型不再单独页面，直接在大模型配置页显示
- 新增/编辑使用模态框，更简洁高效
- 移除独立的 backup_llm.html 和 backup_llm_form.html
- 统一侧边栏导航，移除备用大模型链接
- API 改为只返回 JSON，不再渲染页面
2026-04-16 15:58:17 +08:00

128 lines
7.5 KiB
HTML
Raw Blame History

<!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; border-left: 3px solid transparent; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.1); border-left-color: #0d6efd; }
.sidebar .nav-link i { margin-right: 10px; }
.main-content { margin-left: 250px; padding: 20px; }
.package-card { transition: all 0.3s; }
.package-card:hover { transform: translateY(-3px); box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
.package-card.recommended { border: 2px solid #ffc107; }
</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 " 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 active" 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="d-flex justify-content-between align-items-center mb-4">
<h4><i class="bi bi-box-seam"></i> 数据包套餐管理</h4>
<a href="{{ url_for('admin.add_package') }}" class="btn btn-primary">
<i class="bi bi-plus-circle"></i> 添加套餐
</a>
</div>
<div class="row">
{% for pkg in packages %}
<div class="col-md-4 mb-4">
<div class="card package-card {% if pkg.is_recommended %}recommended{% endif %}">
{% if pkg.is_recommended %}
<div class="card-header bg-warning text-dark text-center py-1">
<small><i class="bi bi-star-fill"></i> 推荐套餐</small>
</div>
{% endif %}
<div class="card-body">
<h5 class="card-title">{{ pkg.name }}</h5>
<p class="text-muted small">{{ pkg.description or '暂无描述' }}</p>
<div class="d-flex align-items-baseline mb-3">
<span class="fs-3 text-danger fw-bold">¥{{ pkg.price }}</span>
{% if pkg.original_price %}
<span class="text-muted text-decoration-line-through ms-2">¥{{ pkg.original_price }}</span>
{% endif %}
</div>
<ul class="list-unstyled">
<li><i class="bi bi-check-circle text-success"></i> 翻译次数:
{% if pkg.translation_count > 0 %}{{ pkg.translation_count }}次{% else %}<strong>无限</strong>{% endif %}
</li>
<li><i class="bi bi-check-circle text-success"></i> 有效期:
{% if pkg.valid_days > 0 %}{{ pkg.valid_days }}天{% else %}永久{% endif %}
</li>
</ul>
<div class="d-flex gap-2 mt-3">
<a href="{{ url_for('admin.edit_package', package_id=pkg.id) }}" class="btn btn-outline-primary btn-sm flex-fill">
<i class="bi bi-pencil"></i> 编辑
</a>
<button class="btn btn-outline-{% if pkg.is_active %}warning{% else %}success{% endif %} btn-sm" onclick="togglePackage({{ pkg.id }})">
<i class="bi bi-{% if pkg.is_active %}pause{% else %}play{% endif %}-circle"></i>
{% if pkg.is_active %}下架{% else %}上架{% endif %}
</button>
<button class="btn btn-outline-danger btn-sm" onclick="deletePackage({{ pkg.id }})">
<i class="bi bi-trash"></i>
</button>
</div>
</div>
<div class="card-footer text-center">
{% if pkg.is_active %}
<span class="badge bg-success">已上架</span>
{% else %}
<span class="badge bg-secondary">已下架</span>
{% endif %}
</div>
</div>
</div>
{% else %}
<div class="col-12">
<div class="alert alert-info text-center">
<i class="bi bi-info-circle"></i> 暂无数据包套餐，点击右上角添加
</div>
</div>
{% endfor %}
</div>
</main>
<script>
function togglePackage(id) {
fetch(`/admin/package/${id}/toggle`, { method: 'POST' })
.then(r => r.json())
.then(d => { if (d.success) location.reload(); });
}
function deletePackage(id) {
if (!confirm('确定删除此套餐？')) return;
fetch(`/admin/package/${id}/delete`, { method: 'POST' })
.then(r => r.json())
.then(d => { if (d.success) location.reload(); });
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink