101 lines
4.4 KiB
HTML
101 lines
4.4 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>{{ app_name }} - 账单中心</title>
|
||
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg?v=20260428h" />
|
||
<link rel="stylesheet" href="/static/style.css?v=20260428o" />
|
||
</head>
|
||
<body>
|
||
<div class="product-shell">
|
||
<aside class="side-nav" aria-label="主导航">
|
||
<div class="side-brand">
|
||
<div class="brand-lockup">
|
||
<img class="logo-mark" src="/static/favicon.svg?v=20260428h" alt="" />
|
||
<h1>{{ app_name }}</h1>
|
||
</div>
|
||
</div>
|
||
<nav class="nav-group">
|
||
<div class="nav-label">工作台</div>
|
||
<a class="nav-item" href="/">内容生产</a>
|
||
<a class="nav-item" href="/settings">账号与模型</a>
|
||
<a class="nav-item is-active" href="/billing">账单中心</a>
|
||
<a class="nav-item" href="/upgrade">升级</a>
|
||
<a class="nav-item" href="/profile">个人中心</a>
|
||
<a class="nav-item" href="/guide">新手引导</a>
|
||
</nav>
|
||
<div class="side-footer">充值订单 · Credits 明细</div>
|
||
</aside>
|
||
|
||
<div class="workspace">
|
||
<header class="topbar topbar-compact">
|
||
<div class="topbar-actions">
|
||
<a class="icon-btn" href="/" aria-label="返回工作台" title="返回工作台">⌂</a>
|
||
<a class="icon-btn" href="/settings" aria-label="账号与模型设置" title="账号与模型设置">⚙</a>
|
||
<a class="icon-btn" href="/upgrade" aria-label="升级" title="升级">★</a>
|
||
<a class="icon-btn" href="/profile" aria-label="个人中心" title="个人中心">☺</a>
|
||
<button id="logoutBtn" class="icon-btn topbar-btn" type="button" aria-label="退出登录" title="退出登录">⎋</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="layout settings-layout">
|
||
<section class="panel settings-panel">
|
||
<div class="panel-scroll settings-panel-scroll">
|
||
<div class="settings-content">
|
||
<section class="settings-section settings-card">
|
||
<h3 class="section-title">创建充值订单</h3>
|
||
<p class="muted small">
|
||
统一 Credits 计费：免费 500 Credits，标准加油包按比例换算（¥{{ package_amount }} / {{ package_credits }} Credits）。
|
||
</p>
|
||
<div class="grid2">
|
||
<div>
|
||
<label>充值 Credits 数量</label>
|
||
<input
|
||
id="billingRechargeTokens"
|
||
type="number"
|
||
min="1"
|
||
step="1"
|
||
value="{{ package_credits }}"
|
||
data-package-credits="{{ package_credits }}"
|
||
/>
|
||
</div>
|
||
<div>
|
||
<label>支付金额（元）</label>
|
||
<input
|
||
id="billingRechargeAmount"
|
||
type="number"
|
||
min="0.01"
|
||
step="0.01"
|
||
value="{{ package_amount }}"
|
||
data-package-amount="{{ package_amount }}"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="actions">
|
||
<button id="createRechargeOrderBtn" class="primary" type="button">创建充值订单</button>
|
||
<button id="refreshBillingBtn" class="secondary" type="button">刷新账单记录</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="settings-section settings-card">
|
||
<h3 class="section-title">充值订单记录</h3>
|
||
<div id="rechargeRecords" class="billing-table-wrap"></div>
|
||
</section>
|
||
|
||
<section class="settings-section settings-card">
|
||
<h3 class="section-title">Credits 消费明细</h3>
|
||
<div id="consumeRecords" class="billing-table-wrap"></div>
|
||
<p id="status" class="status"></p>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
<script src="/static/ui-dialog.js?v=20260428a"></script>
|
||
<script src="/static/billing.js?v=20260428w"></script>
|
||
</body>
|
||
</html>
|