feat: 登录验证 + 邀请码注册 + 用量监控后台
- 新增用户认证系统（登录/登出/邀请码注册） - 新增管理后台（邀请码管理/用户管理/使用记录/用量统计） - 合成接口加登录验证，每次调用记录用户和稿件内容 - SQLite存储用户数据和使用日志 - 默认admin账号: simonkoson Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
lanhao
@@ -17,3 +17,6 @@ get-docker.sh
|
||||
flask.log
|
||||
*.log
|
||||
PROJECT_STATUS.md
|
||||
|
||||
# Database
|
||||
backend/data/
|
||||
|
||||
@@ -0,0 +1,69 @@
|
||||
import sqlite3
|
||||
import os
|
||||
from werkzeug.security import generate_password_hash
|
||||
|
||||
DB_DIR = os.path.join(os.path.dirname(os.path.abspath(__file__)), '..', 'data')
|
||||
DB_PATH = os.path.join(DB_DIR, 'voice.db')
|
||||
|
||||
|
||||
def get_db():
|
||||
"""获取数据库连接"""
|
||||
conn = sqlite3.connect(DB_PATH)
|
||||
conn.row_factory = sqlite3.Row
|
||||
conn.execute("PRAGMA journal_mode=WAL")
|
||||
return conn
|
||||
|
||||
|
||||
def init_db():
|
||||
"""初始化数据库表 + 创建默认 admin 账号"""
|
||||
os.makedirs(DB_DIR, exist_ok=True)
|
||||
conn = get_db()
|
||||
cursor = conn.cursor()
|
||||
|
||||
cursor.executescript('''
|
||||
CREATE TABLE IF NOT EXISTS users (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
username TEXT UNIQUE NOT NULL,
|
||||
display_name TEXT NOT NULL,
|
||||
password_hash TEXT NOT NULL,
|
||||
role TEXT DEFAULT 'editor',
|
||||
is_active INTEGER DEFAULT 1,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS invite_codes (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
code TEXT UNIQUE NOT NULL,
|
||||
editor_name TEXT NOT NULL,
|
||||
is_used INTEGER DEFAULT 0,
|
||||
used_by_user_id INTEGER,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||
used_at DATETIME
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS usage_logs (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
user_id INTEGER NOT NULL,
|
||||
username TEXT NOT NULL,
|
||||
display_name TEXT NOT NULL,
|
||||
text_content TEXT NOT NULL,
|
||||
text_length INTEGER NOT NULL,
|
||||
engine TEXT NOT NULL,
|
||||
emotion TEXT,
|
||||
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (user_id) REFERENCES users(id)
|
||||
);
|
||||
''')
|
||||
|
||||
# 创建默认 admin 账号（如不存在）
|
||||
existing = cursor.execute(
|
||||
'SELECT id FROM users WHERE username = ?', ('simonkoson',)
|
||||
).fetchone()
|
||||
if not existing:
|
||||
cursor.execute(
|
||||
'INSERT INTO users (username, display_name, password_hash, role) VALUES (?, ?, ?, ?)',
|
||||
('simonkoson', '蓝皓', generate_password_hash('liutong65'), 'admin')
|
||||
)
|
||||
|
||||
conn.commit()
|
||||
conn.close()
|
||||
+28
-2
@@ -1,14 +1,40 @@
|
||||
from flask import Flask, jsonify
|
||||
from flask_cors import CORS
|
||||
from dotenv import load_dotenv
|
||||
import os
|
||||
|
||||
load_dotenv()
|
||||
|
||||
|
||||
def create_app():
|
||||
app = Flask(__name__)
|
||||
CORS(app, resources={r"/api/*": {"origins": "*"}})
|
||||
|
||||
# Session 配置
|
||||
app.secret_key = os.getenv('FLASK_SECRET_KEY', 'military-tech-voice-secret-2026')
|
||||
app.config['SESSION_COOKIE_HTTPONLY'] = True
|
||||
app.config['SESSION_COOKIE_SAMESITE'] = 'Lax'
|
||||
app.config['PERMANENT_SESSION_LIFETIME'] = 86400 * 7 # 7天免重登
|
||||
|
||||
CORS(app, resources={r"/api/*": {"origins": "*"}}, supports_credentials=True)
|
||||
|
||||
# 初始化数据库
|
||||
from app.db import init_db
|
||||
init_db()
|
||||
|
||||
# 注册蓝图
|
||||
from app.routes.tts_synthesize import bp as synthesize_bp
|
||||
from app.routes.auth import bp as auth_bp
|
||||
from app.routes.admin import bp as admin_bp
|
||||
app.register_blueprint(synthesize_bp)
|
||||
app.register_blueprint(auth_bp)
|
||||
app.register_blueprint(admin_bp)
|
||||
|
||||
@app.route('/api/health')
|
||||
def health(): return jsonify({'status': 'ok', 'service': '军事科技AI配音系统'})
|
||||
def health():
|
||||
return jsonify({'status': 'ok', 'service': '军事科技AI配音系统'})
|
||||
|
||||
return app
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
create_app().run(host='0.0.0.0', port=5000, debug=True)
|
||||
|
||||
@@ -0,0 +1,200 @@
|
||||
from flask import Blueprint, request, jsonify
|
||||
from app.db import get_db
|
||||
from app.routes.auth import admin_required
|
||||
from werkzeug.security import generate_password_hash
|
||||
import secrets
|
||||
import string
|
||||
|
||||
bp = Blueprint('admin', __name__, url_prefix='/api/admin')
|
||||
|
||||
|
||||
def generate_invite_code():
|
||||
"""生成8位邀请码（大写字母+数字，去掉易混淆字符 O/I/0/1）"""
|
||||
alphabet = (
|
||||
string.ascii_uppercase.replace('O', '').replace('I', '')
|
||||
+ string.digits.replace('0', '').replace('1', '')
|
||||
)
|
||||
return ''.join(secrets.choice(alphabet) for _ in range(8))
|
||||
|
||||
|
||||
# ========== 邀请码管理 ==========
|
||||
|
||||
@bp.route('/invites', methods=['GET'])
|
||||
@admin_required
|
||||
def list_invites():
|
||||
conn = get_db()
|
||||
invites = conn.execute('''
|
||||
SELECT ic.*, u.username as used_by_username
|
||||
FROM invite_codes ic
|
||||
LEFT JOIN users u ON ic.used_by_user_id = u.id
|
||||
ORDER BY ic.created_at DESC
|
||||
''').fetchall()
|
||||
conn.close()
|
||||
return jsonify({'invites': [dict(row) for row in invites]})
|
||||
|
||||
|
||||
@bp.route('/invites', methods=['POST'])
|
||||
@admin_required
|
||||
def create_invite():
|
||||
data = request.get_json()
|
||||
editor_name = data.get('editor_name', '').strip()
|
||||
if not editor_name:
|
||||
return jsonify({'error': '请填写编导姓名'}), 400
|
||||
|
||||
code = generate_invite_code()
|
||||
conn = get_db()
|
||||
try:
|
||||
conn.execute(
|
||||
'INSERT INTO invite_codes (code, editor_name) VALUES (?, ?)',
|
||||
(code, editor_name)
|
||||
)
|
||||
conn.commit()
|
||||
return jsonify({'success': True, 'code': code, 'editor_name': editor_name})
|
||||
finally:
|
||||
conn.close()
|
||||
|
||||
|
||||
@bp.route('/invites/<int:invite_id>', methods=['DELETE'])
|
||||
@admin_required
|
||||
def delete_invite(invite_id):
|
||||
conn = get_db()
|
||||
try:
|
||||
invite = conn.execute(
|
||||
'SELECT * FROM invite_codes WHERE id = ? AND is_used = 0', (invite_id,)
|
||||
).fetchone()
|
||||
if not invite:
|
||||
return jsonify({'error': '邀请码不存在或已被使用，无法删除'}), 400
|
||||
conn.execute('DELETE FROM invite_codes WHERE id = ?', (invite_id,))
|
||||
conn.commit()
|
||||
return jsonify({'success': True})
|
||||
finally:
|
||||
conn.close()
|
||||
|
||||
|
||||
# ========== 用户管理 ==========
|
||||
|
||||
@bp.route('/users', methods=['GET'])
|
||||
@admin_required
|
||||
def list_users():
|
||||
conn = get_db()
|
||||
users = conn.execute('''
|
||||
SELECT u.id, u.username, u.display_name, u.role, u.is_active, u.created_at,
|
||||
COUNT(ul.id) as usage_count,
|
||||
COALESCE(SUM(ul.text_length), 0) as total_chars
|
||||
FROM users u
|
||||
LEFT JOIN usage_logs ul ON u.id = ul.user_id
|
||||
GROUP BY u.id
|
||||
ORDER BY u.created_at DESC
|
||||
''').fetchall()
|
||||
conn.close()
|
||||
return jsonify({'users': [dict(row) for row in users]})
|
||||
|
||||
|
||||
@bp.route('/users/<int:user_id>', methods=['PUT'])
|
||||
@admin_required
|
||||
def update_user(user_id):
|
||||
data = request.get_json()
|
||||
conn = get_db()
|
||||
try:
|
||||
user = conn.execute('SELECT * FROM users WHERE id = ?', (user_id,)).fetchone()
|
||||
if not user:
|
||||
return jsonify({'error': '用户不存在'}), 404
|
||||
|
||||
if 'is_active' in data:
|
||||
conn.execute(
|
||||
'UPDATE users SET is_active = ? WHERE id = ?',
|
||||
(1 if data['is_active'] else 0, user_id)
|
||||
)
|
||||
|
||||
if 'password' in data and data['password']:
|
||||
conn.execute(
|
||||
'UPDATE users SET password_hash = ? WHERE id = ?',
|
||||
(generate_password_hash(data['password']), user_id)
|
||||
)
|
||||
|
||||
if 'display_name' in data and data['display_name'].strip():
|
||||
conn.execute(
|
||||
'UPDATE users SET display_name = ? WHERE id = ?',
|
||||
(data['display_name'].strip(), user_id)
|
||||
)
|
||||
|
||||
conn.commit()
|
||||
return jsonify({'success': True})
|
||||
finally:
|
||||
conn.close()
|
||||
|
||||
|
||||
# ========== 用量日志 ==========
|
||||
|
||||
@bp.route('/logs', methods=['GET'])
|
||||
@admin_required
|
||||
def list_logs():
|
||||
page = request.args.get('page', 1, type=int)
|
||||
per_page = request.args.get('per_page', 50, type=int)
|
||||
user_id = request.args.get('user_id', type=int)
|
||||
date_from = request.args.get('date_from', '')
|
||||
date_to = request.args.get('date_to', '')
|
||||
|
||||
conn = get_db()
|
||||
|
||||
where_clauses = []
|
||||
params = []
|
||||
|
||||
if user_id:
|
||||
where_clauses.append('user_id = ?')
|
||||
params.append(user_id)
|
||||
if date_from:
|
||||
where_clauses.append('created_at >= ?')
|
||||
params.append(date_from)
|
||||
if date_to:
|
||||
where_clauses.append('created_at <= ?')
|
||||
params.append(date_to + ' 23:59:59')
|
||||
|
||||
where_sql = (' WHERE ' + ' AND '.join(where_clauses)) if where_clauses else ''
|
||||
|
||||
total = conn.execute(
|
||||
f'SELECT COUNT(*) FROM usage_logs{where_sql}', params
|
||||
).fetchone()[0]
|
||||
|
||||
offset = (page - 1) * per_page
|
||||
logs = conn.execute(
|
||||
f'SELECT * FROM usage_logs{where_sql} ORDER BY created_at DESC LIMIT ? OFFSET ?',
|
||||
params + [per_page, offset]
|
||||
).fetchall()
|
||||
conn.close()
|
||||
|
||||
return jsonify({
|
||||
'logs': [dict(row) for row in logs],
|
||||
'total': total,
|
||||
'page': page,
|
||||
'per_page': per_page,
|
||||
'total_pages': (total + per_page - 1) // per_page
|
||||
})
|
||||
|
||||
|
||||
@bp.route('/stats', methods=['GET'])
|
||||
@admin_required
|
||||
def stats():
|
||||
conn = get_db()
|
||||
user_stats = conn.execute('''
|
||||
SELECT username, display_name,
|
||||
COUNT(*) as call_count,
|
||||
SUM(text_length) as total_chars,
|
||||
MAX(created_at) as last_used
|
||||
FROM usage_logs
|
||||
GROUP BY user_id
|
||||
ORDER BY call_count DESC
|
||||
''').fetchall()
|
||||
|
||||
totals = conn.execute('''
|
||||
SELECT COUNT(*) as total_calls,
|
||||
COALESCE(SUM(text_length), 0) as total_chars,
|
||||
COUNT(DISTINCT user_id) as active_users
|
||||
FROM usage_logs
|
||||
''').fetchone()
|
||||
|
||||
conn.close()
|
||||
return jsonify({
|
||||
'user_stats': [dict(row) for row in user_stats],
|
||||
'totals': dict(totals)
|
||||
})
|
||||
@@ -0,0 +1,150 @@
|
||||
from flask import Blueprint, request, jsonify, session
|
||||
from werkzeug.security import generate_password_hash, check_password_hash
|
||||
from app.db import get_db
|
||||
import functools
|
||||
|
||||
bp = Blueprint('auth', __name__, url_prefix='/api')
|
||||
|
||||
|
||||
def login_required(f):
|
||||
"""登录验证装饰器"""
|
||||
@functools.wraps(f)
|
||||
def wrapped(*args, **kwargs):
|
||||
if 'user_id' not in session:
|
||||
return jsonify({'error': '未登录，请先登录'}), 401
|
||||
return f(*args, **kwargs)
|
||||
return wrapped
|
||||
|
||||
|
||||
def admin_required(f):
|
||||
"""管理员验证装饰器"""
|
||||
@functools.wraps(f)
|
||||
def wrapped(*args, **kwargs):
|
||||
if 'user_id' not in session:
|
||||
return jsonify({'error': '未登录'}), 401
|
||||
if session.get('role') != 'admin':
|
||||
return jsonify({'error': '无权限，仅管理员可操作'}), 403
|
||||
return f(*args, **kwargs)
|
||||
return wrapped
|
||||
|
||||
|
||||
@bp.route('/login', methods=['POST'])
|
||||
def login():
|
||||
data = request.get_json()
|
||||
username = data.get('username', '').strip()
|
||||
password = data.get('password', '')
|
||||
|
||||
if not username or not password:
|
||||
return jsonify({'error': '用户名和密码不能为空'}), 400
|
||||
|
||||
conn = get_db()
|
||||
user = conn.execute(
|
||||
'SELECT * FROM users WHERE username = ?', (username,)
|
||||
).fetchone()
|
||||
conn.close()
|
||||
|
||||
if not user or not check_password_hash(user['password_hash'], password):
|
||||
return jsonify({'error': '用户名或密码错误'}), 401
|
||||
|
||||
if not user['is_active']:
|
||||
return jsonify({'error': '账号已被停用，请联系管理员'}), 403
|
||||
|
||||
session.clear()
|
||||
session['user_id'] = user['id']
|
||||
session['username'] = user['username']
|
||||
session['display_name'] = user['display_name']
|
||||
session['role'] = user['role']
|
||||
session.permanent = True
|
||||
|
||||
return jsonify({
|
||||
'success': True,
|
||||
'user': {
|
||||
'id': user['id'],
|
||||
'username': user['username'],
|
||||
'display_name': user['display_name'],
|
||||
'role': user['role']
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@bp.route('/logout', methods=['POST'])
|
||||
def logout():
|
||||
session.clear()
|
||||
return jsonify({'success': True})
|
||||
|
||||
|
||||
@bp.route('/me', methods=['GET'])
|
||||
@login_required
|
||||
def me():
|
||||
return jsonify({
|
||||
'user': {
|
||||
'id': session['user_id'],
|
||||
'username': session['username'],
|
||||
'display_name': session['display_name'],
|
||||
'role': session['role']
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@bp.route('/register', methods=['POST'])
|
||||
def register():
|
||||
"""邀请码注册"""
|
||||
data = request.get_json()
|
||||
invite_code = data.get('invite_code', '').strip()
|
||||
username = data.get('username', '').strip()
|
||||
password = data.get('password', '')
|
||||
display_name = data.get('display_name', '').strip()
|
||||
|
||||
if not invite_code or not username or not password:
|
||||
return jsonify({'error': '邀请码、用户名、密码均不能为空'}), 400
|
||||
|
||||
if len(username) < 2 or len(username) > 20:
|
||||
return jsonify({'error': '用户名长度2-20个字符'}), 400
|
||||
|
||||
if len(password) < 6:
|
||||
return jsonify({'error': '密码至少6位'}), 400
|
||||
|
||||
conn = get_db()
|
||||
try:
|
||||
# 验证邀请码
|
||||
invite = conn.execute(
|
||||
'SELECT * FROM invite_codes WHERE code = ? AND is_used = 0',
|
||||
(invite_code,)
|
||||
).fetchone()
|
||||
if not invite:
|
||||
return jsonify({'error': '邀请码无效或已被使用'}), 400
|
||||
|
||||
# 检查用户名是否已存在
|
||||
existing = conn.execute(
|
||||
'SELECT id FROM users WHERE username = ?', (username,)
|
||||
).fetchone()
|
||||
if existing:
|
||||
return jsonify({'error': '用户名已存在，请换一个'}), 400
|
||||
|
||||
# 如果用户没填显示名，用邀请码绑定的编导姓名
|
||||
if not display_name:
|
||||
display_name = invite['editor_name']
|
||||
|
||||
# 创建用户
|
||||
cursor = conn.execute(
|
||||
'INSERT INTO users (username, display_name, password_hash, role) VALUES (?, ?, ?, ?)',
|
||||
(username, display_name, generate_password_hash(password), 'editor')
|
||||
)
|
||||
user_id = cursor.lastrowid
|
||||
|
||||
# 标记邀请码已使用
|
||||
conn.execute(
|
||||
'UPDATE invite_codes SET is_used = 1, used_by_user_id = ?, used_at = CURRENT_TIMESTAMP WHERE id = ?',
|
||||
(user_id, invite['id'])
|
||||
)
|
||||
conn.commit()
|
||||
|
||||
return jsonify({
|
||||
'success': True,
|
||||
'message': f'注册成功！欢迎 {display_name}'
|
||||
})
|
||||
except Exception as e:
|
||||
conn.rollback()
|
||||
return jsonify({'error': f'注册失败: {str(e)}'}), 500
|
||||
finally:
|
||||
conn.close()
|
||||
@@ -1,18 +1,16 @@
|
||||
from flask import Blueprint, request, jsonify
|
||||
from flask import Blueprint, request, jsonify, session
|
||||
import base64
|
||||
import os
|
||||
import requests
|
||||
from app.services.minimax_service import synthesize_minimax
|
||||
from app.services.cosyvoice_service import synthesize_cosyvoice
|
||||
from app.routes.auth import login_required
|
||||
from app.db import get_db
|
||||
|
||||
bp = Blueprint('tts', __name__, url_prefix='/api')
|
||||
|
||||
MINIMAX_API_KEY = os.getenv('MINIMAX_API_KEY', '')
|
||||
MINIMAX_API_URL = 'https://api.minimax.chat/v1/t2a_v2'
|
||||
|
||||
COSYVOICE_API_URL = os.getenv('COSYVOICE_API_URL', 'http://127.0.0.1:5001/v1/audio/synthesis')
|
||||
|
||||
@bp.route('/synthesize', methods=['POST'])
|
||||
@login_required
|
||||
def synthesize():
|
||||
data = request.get_json()
|
||||
|
||||
@@ -24,8 +22,8 @@ def synthesize():
|
||||
speed = data.get('speed', 1.0)
|
||||
pitch = data.get('pitch', 0)
|
||||
volume = data.get('volume', 1.0)
|
||||
instruction = data.get('instruction') # 用于CosyVoice的情绪指令
|
||||
emotion = data.get('emotion', 'neutral') # 用于MiniMax的情绪参数
|
||||
instruction = data.get('instruction')
|
||||
emotion = data.get('emotion', 'neutral')
|
||||
|
||||
if not text.strip():
|
||||
return jsonify({'error': '文本不能为空'}), 400
|
||||
@@ -36,21 +34,30 @@ def synthesize():
|
||||
try:
|
||||
if engine == 'cosyvoice':
|
||||
audio_data = synthesize_cosyvoice(
|
||||
text=text,
|
||||
speed=speed,
|
||||
pitch=pitch,
|
||||
volume=volume,
|
||||
instruction=instruction
|
||||
text=text, speed=speed, pitch=pitch,
|
||||
volume=volume, instruction=instruction
|
||||
)
|
||||
else:
|
||||
audio_data = synthesize_minimax(
|
||||
text=text,
|
||||
speed=speed,
|
||||
pitch=pitch,
|
||||
volume=volume,
|
||||
emotion=emotion
|
||||
text=text, speed=speed, pitch=pitch,
|
||||
volume=volume, emotion=emotion
|
||||
)
|
||||
|
||||
# 记录使用日志
|
||||
try:
|
||||
conn = get_db()
|
||||
conn.execute(
|
||||
'''INSERT INTO usage_logs
|
||||
(user_id, username, display_name, text_content, text_length, engine, emotion)
|
||||
VALUES (?, ?, ?, ?, ?, ?, ?)''',
|
||||
(session['user_id'], session['username'], session['display_name'],
|
||||
text, len(text), engine, emotion)
|
||||
)
|
||||
conn.commit()
|
||||
conn.close()
|
||||
except Exception:
|
||||
pass # 日志写入失败不影响正常合成
|
||||
|
||||
return jsonify({
|
||||
'success': True,
|
||||
'audio': base64.b64encode(audio_data).decode('utf-8')
|
||||
|
||||
@@ -0,0 +1,313 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>管理后台 - 军事科技AI配音</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="admin-container">
|
||||
<header class="admin-header">
|
||||
<h1>管理后台</h1>
|
||||
<div class="admin-nav">
|
||||
<a href="/" class="btn btn-secondary">返回配音</a>
|
||||
<button id="logoutBtn" class="btn btn-secondary">退出登录</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Tab 导航 -->
|
||||
<div class="admin-tabs">
|
||||
<button class="tab-btn active" data-tab="invites">邀请码管理</button>
|
||||
<button class="tab-btn" data-tab="users">用户管理</button>
|
||||
<button class="tab-btn" data-tab="logs">使用记录</button>
|
||||
<button class="tab-btn" data-tab="stats">用量统计</button>
|
||||
</div>
|
||||
|
||||
<!-- 邀请码管理 -->
|
||||
<div class="tab-panel active" id="panel-invites">
|
||||
<div class="panel-toolbar">
|
||||
<h2>邀请码管理</h2>
|
||||
<div class="invite-create">
|
||||
<input type="text" id="editorNameInput" placeholder="编导姓名（如：张三）">
|
||||
<button id="createInviteBtn" class="btn btn-primary">生成邀请码</button>
|
||||
</div>
|
||||
</div>
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>邀请码</th>
|
||||
<th>对应编导</th>
|
||||
<th>状态</th>
|
||||
<th>注册用户名</th>
|
||||
<th>创建时间</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="inviteTableBody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 用户管理 -->
|
||||
<div class="tab-panel" id="panel-users">
|
||||
<h2>用户管理</h2>
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>用户名</th>
|
||||
<th>显示名</th>
|
||||
<th>角色</th>
|
||||
<th>状态</th>
|
||||
<th>调用次数</th>
|
||||
<th>总字数</th>
|
||||
<th>注册时间</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="userTableBody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 使用记录 -->
|
||||
<div class="tab-panel" id="panel-logs">
|
||||
<div class="panel-toolbar">
|
||||
<h2>使用记录</h2>
|
||||
<div class="log-filters">
|
||||
<select id="logUserFilter"><option value="">全部用户</option></select>
|
||||
<input type="date" id="logDateFrom">
|
||||
<input type="date" id="logDateTo">
|
||||
<button id="filterLogsBtn" class="btn btn-secondary">筛选</button>
|
||||
</div>
|
||||
</div>
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>时间</th>
|
||||
<th>用户</th>
|
||||
<th>引擎</th>
|
||||
<th>字数</th>
|
||||
<th>稿件内容</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="logTableBody"></tbody>
|
||||
</table>
|
||||
<div class="pagination" id="logPagination"></div>
|
||||
</div>
|
||||
|
||||
<!-- 用量统计 -->
|
||||
<div class="tab-panel" id="panel-stats">
|
||||
<h2>用量统计</h2>
|
||||
<div class="stats-summary" id="statsSummary"></div>
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>用户</th>
|
||||
<th>显示名</th>
|
||||
<th>调用次数</th>
|
||||
<th>总字数</th>
|
||||
<th>最后使用</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="statsTableBody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let currentLogPage = 1;
|
||||
|
||||
// ===== 权限检查 =====
|
||||
async function checkAdmin() {
|
||||
try {
|
||||
const res = await fetch('/api/me');
|
||||
if (!res.ok) { window.location.href = '/login.html'; return false; }
|
||||
const data = await res.json();
|
||||
if (data.user.role !== 'admin') {
|
||||
alert('仅管理员可访问');
|
||||
window.location.href = '/';
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
} catch (e) {
|
||||
window.location.href = '/login.html';
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// ===== Tab 切换 =====
|
||||
document.querySelectorAll('.tab-btn').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
|
||||
document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
|
||||
btn.classList.add('active');
|
||||
document.getElementById('panel-' + btn.dataset.tab).classList.add('active');
|
||||
});
|
||||
});
|
||||
|
||||
// ===== 邀请码 =====
|
||||
async function loadInvites() {
|
||||
const res = await fetch('/api/admin/invites');
|
||||
const data = await res.json();
|
||||
document.getElementById('inviteTableBody').innerHTML = data.invites.map(inv => `
|
||||
<tr>
|
||||
<td><code class="invite-code">${inv.code}</code></td>
|
||||
<td>${inv.editor_name}</td>
|
||||
<td>${inv.is_used
|
||||
? '<span class="badge badge-used">已使用</span>'
|
||||
: '<span class="badge badge-active">未使用</span>'}</td>
|
||||
<td>${inv.used_by_username || '-'}</td>
|
||||
<td>${inv.created_at}</td>
|
||||
<td>${inv.is_used
|
||||
? '-'
|
||||
: `<button class="btn-sm btn-danger" onclick="deleteInvite(${inv.id})">删除</button>`}</td>
|
||||
</tr>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
document.getElementById('createInviteBtn').addEventListener('click', async () => {
|
||||
const name = document.getElementById('editorNameInput').value.trim();
|
||||
if (!name) { alert('请填写编导姓名'); return; }
|
||||
const res = await fetch('/api/admin/invites', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ editor_name: name })
|
||||
});
|
||||
const data = await res.json();
|
||||
if (data.success) {
|
||||
alert(`邀请码已生成：${data.code}\n对应编导：${data.editor_name}\n\n请将此邀请码发给该编导`);
|
||||
document.getElementById('editorNameInput').value = '';
|
||||
loadInvites();
|
||||
}
|
||||
});
|
||||
|
||||
async function deleteInvite(id) {
|
||||
if (!confirm('确认删除该邀请码？')) return;
|
||||
await fetch(`/api/admin/invites/${id}`, { method: 'DELETE' });
|
||||
loadInvites();
|
||||
}
|
||||
|
||||
// ===== 用户管理 =====
|
||||
async function loadUsers() {
|
||||
const res = await fetch('/api/admin/users');
|
||||
const data = await res.json();
|
||||
|
||||
// 填充日志筛选下拉框
|
||||
const filterSelect = document.getElementById('logUserFilter');
|
||||
filterSelect.innerHTML = '<option value="">全部用户</option>'
|
||||
+ data.users.map(u => `<option value="${u.id}">${u.display_name}(${u.username})</option>`).join('');
|
||||
|
||||
document.getElementById('userTableBody').innerHTML = data.users.map(u => `
|
||||
<tr>
|
||||
<td>${u.username}</td>
|
||||
<td>${u.display_name}</td>
|
||||
<td>${u.role === 'admin' ? '管理员' : '编导'}</td>
|
||||
<td>${u.is_active
|
||||
? '<span class="badge badge-active">启用</span>'
|
||||
: '<span class="badge badge-used">停用</span>'}</td>
|
||||
<td>${u.usage_count}</td>
|
||||
<td>${u.total_chars}</td>
|
||||
<td>${u.created_at}</td>
|
||||
<td>${u.role !== 'admin'
|
||||
? `<button class="btn-sm ${u.is_active ? 'btn-danger' : 'btn-primary'}"
|
||||
onclick="toggleUser(${u.id}, ${u.is_active ? 0 : 1})">
|
||||
${u.is_active ? '停用' : '启用'}
|
||||
</button>`
|
||||
: '-'}</td>
|
||||
</tr>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
async function toggleUser(id, newStatus) {
|
||||
const action = newStatus ? '启用' : '停用';
|
||||
if (!confirm(`确认${action}该用户？`)) return;
|
||||
await fetch(`/api/admin/users/${id}`, {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ is_active: newStatus })
|
||||
});
|
||||
loadUsers();
|
||||
}
|
||||
|
||||
// ===== 使用记录 =====
|
||||
async function loadLogs(page) {
|
||||
page = page || 1;
|
||||
currentLogPage = page;
|
||||
const userId = document.getElementById('logUserFilter').value;
|
||||
const dateFrom = document.getElementById('logDateFrom').value;
|
||||
const dateTo = document.getElementById('logDateTo').value;
|
||||
let url = `/api/admin/logs?page=${page}&per_page=50`;
|
||||
if (userId) url += `&user_id=${userId}`;
|
||||
if (dateFrom) url += `&date_from=${dateFrom}`;
|
||||
if (dateTo) url += `&date_to=${dateTo}`;
|
||||
|
||||
const res = await fetch(url);
|
||||
const data = await res.json();
|
||||
document.getElementById('logTableBody').innerHTML = data.logs.map(log => `
|
||||
<tr>
|
||||
<td class="nowrap">${log.created_at}</td>
|
||||
<td>${log.display_name}<br><small>${log.username}</small></td>
|
||||
<td>${log.engine}</td>
|
||||
<td>${log.text_length}</td>
|
||||
<td class="text-cell">${escapeHtml(log.text_content)}</td>
|
||||
</tr>
|
||||
`).join('') || '<tr><td colspan="5" style="text-align:center;color:#999">暂无记录</td></tr>';
|
||||
|
||||
// 分页
|
||||
const pag = document.getElementById('logPagination');
|
||||
if (data.total_pages > 1) {
|
||||
let html = '';
|
||||
for (let i = 1; i <= data.total_pages; i++) {
|
||||
html += `<button class="btn-sm ${i === page ? 'btn-primary' : ''}" onclick="loadLogs(${i})">${i}</button> `;
|
||||
}
|
||||
pag.innerHTML = html;
|
||||
} else {
|
||||
pag.innerHTML = '';
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('filterLogsBtn').addEventListener('click', () => loadLogs(1));
|
||||
|
||||
// ===== 用量统计 =====
|
||||
async function loadStats() {
|
||||
const res = await fetch('/api/admin/stats');
|
||||
const data = await res.json();
|
||||
document.getElementById('statsSummary').innerHTML = `
|
||||
<div class="stat-card"><h3>${data.totals.total_calls}</h3><p>总调用次数</p></div>
|
||||
<div class="stat-card"><h3>${data.totals.total_chars}</h3><p>总合成字数</p></div>
|
||||
<div class="stat-card"><h3>${data.totals.active_users}</h3><p>使用人数</p></div>
|
||||
`;
|
||||
document.getElementById('statsTableBody').innerHTML = data.user_stats.map(s => `
|
||||
<tr>
|
||||
<td>${s.username}</td>
|
||||
<td>${s.display_name}</td>
|
||||
<td>${s.call_count}</td>
|
||||
<td>${s.total_chars}</td>
|
||||
<td>${s.last_used}</td>
|
||||
</tr>
|
||||
`).join('') || '<tr><td colspan="5" style="text-align:center;color:#999">暂无数据</td></tr>';
|
||||
}
|
||||
|
||||
function escapeHtml(str) {
|
||||
const div = document.createElement('div');
|
||||
div.textContent = str;
|
||||
return div.innerHTML;
|
||||
}
|
||||
|
||||
// ===== 退出 =====
|
||||
document.getElementById('logoutBtn').addEventListener('click', async () => {
|
||||
await fetch('/api/logout', { method: 'POST' });
|
||||
window.location.href = '/login.html';
|
||||
});
|
||||
|
||||
// ===== 初始化 =====
|
||||
checkAdmin().then(ok => {
|
||||
if (ok) {
|
||||
loadInvites();
|
||||
loadUsers();
|
||||
loadLogs();
|
||||
loadStats();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
+33
-1
@@ -358,7 +358,39 @@ elements.audioDisplay.addEventListener('click', () => {
|
||||
if (state.generatedAudio && !state.isPlaying) { togglePlay(); }
|
||||
});
|
||||
|
||||
function init() {
|
||||
async function init() {
|
||||
// 登录检测
|
||||
try {
|
||||
const res = await fetch('/api/me');
|
||||
if (!res.ok) {
|
||||
window.location.href = '/login.html';
|
||||
return;
|
||||
}
|
||||
const data = await res.json();
|
||||
const user = data.user;
|
||||
|
||||
// 在 header 右侧显示用户信息
|
||||
const headerInfo = document.querySelector('.header-info');
|
||||
headerInfo.innerHTML = `
|
||||
<span class="engine-badge" id="engineBadge">蓝皓</span>
|
||||
<span class="user-info">
|
||||
${user.display_name}
|
||||
${user.role === 'admin' ? '<a href="/admin.html" class="admin-link">管理后台</a>' : ''}
|
||||
<a href="#" id="logoutLink" class="logout-link">退出</a>
|
||||
</span>
|
||||
`;
|
||||
|
||||
document.getElementById('logoutLink').addEventListener('click', async (e) => {
|
||||
e.preventDefault();
|
||||
await fetch('/api/logout', { method: 'POST' });
|
||||
window.location.href = '/login.html';
|
||||
});
|
||||
|
||||
} catch (e) {
|
||||
window.location.href = '/login.html';
|
||||
return;
|
||||
}
|
||||
|
||||
updateCharCount();
|
||||
updateSliderDisplay();
|
||||
const savedHistory = localStorage.getItem('tts_history');
|
||||
|
||||
@@ -0,0 +1,135 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>登录 - 军事科技AI配音</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="auth-container">
|
||||
<div class="auth-card">
|
||||
<div class="auth-header">
|
||||
<svg class="auth-logo" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<circle cx="12" cy="12" r="10"/>
|
||||
<polygon points="10,8 16,12 10,16"/>
|
||||
</svg>
|
||||
<h1>军事科技 <span>AI配音</span></h1>
|
||||
</div>
|
||||
|
||||
<!-- 登录表单 -->
|
||||
<form id="loginForm" class="auth-form">
|
||||
<h2>登录</h2>
|
||||
<div class="form-group">
|
||||
<label>用户名</label>
|
||||
<input type="text" id="loginUsername" required autocomplete="username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>密码</label>
|
||||
<input type="password" id="loginPassword" required autocomplete="current-password">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-full">登 录</button>
|
||||
<p class="auth-switch">有邀请码？<a href="#" id="showRegister">点击注册</a></p>
|
||||
<div class="auth-error" id="loginError"></div>
|
||||
</form>
|
||||
|
||||
<!-- 注册表单 -->
|
||||
<form id="registerForm" class="auth-form" style="display:none">
|
||||
<h2>邀请码注册</h2>
|
||||
<div class="form-group">
|
||||
<label>邀请码</label>
|
||||
<input type="text" id="regInviteCode" required placeholder="请输入管理员提供的邀请码">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>用户名</label>
|
||||
<input type="text" id="regUsername" required placeholder="自定义登录用户名" autocomplete="username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>密码</label>
|
||||
<input type="password" id="regPassword" required placeholder="至少6位" autocomplete="new-password">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>显示名称（选填）</label>
|
||||
<input type="text" id="regDisplayName" placeholder="不填则使用邀请码绑定的姓名">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-full">注 册</button>
|
||||
<p class="auth-switch"><a href="#" id="showLogin">返回登录</a></p>
|
||||
<div class="auth-error" id="registerError"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const loginForm = document.getElementById('loginForm');
|
||||
const registerForm = document.getElementById('registerForm');
|
||||
|
||||
document.getElementById('showRegister').addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
loginForm.style.display = 'none';
|
||||
registerForm.style.display = 'block';
|
||||
});
|
||||
document.getElementById('showLogin').addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
registerForm.style.display = 'none';
|
||||
loginForm.style.display = 'block';
|
||||
});
|
||||
|
||||
loginForm.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
const errorEl = document.getElementById('loginError');
|
||||
errorEl.textContent = '';
|
||||
try {
|
||||
const res = await fetch('/api/login', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
username: document.getElementById('loginUsername').value,
|
||||
password: document.getElementById('loginPassword').value
|
||||
})
|
||||
});
|
||||
const data = await res.json();
|
||||
if (res.ok && data.success) {
|
||||
window.location.href = '/';
|
||||
} else {
|
||||
errorEl.textContent = data.error || '登录失败';
|
||||
}
|
||||
} catch (err) {
|
||||
errorEl.textContent = '网络错误，请重试';
|
||||
}
|
||||
});
|
||||
|
||||
registerForm.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
const errorEl = document.getElementById('registerError');
|
||||
errorEl.textContent = '';
|
||||
try {
|
||||
const res = await fetch('/api/register', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
invite_code: document.getElementById('regInviteCode').value,
|
||||
username: document.getElementById('regUsername').value,
|
||||
password: document.getElementById('regPassword').value,
|
||||
display_name: document.getElementById('regDisplayName').value
|
||||
})
|
||||
});
|
||||
const data = await res.json();
|
||||
if (res.ok && data.success) {
|
||||
alert(data.message + '\n请使用新账号登录');
|
||||
registerForm.style.display = 'none';
|
||||
loginForm.style.display = 'block';
|
||||
} else {
|
||||
errorEl.textContent = data.error || '注册失败';
|
||||
}
|
||||
} catch (err) {
|
||||
errorEl.textContent = '网络错误，请重试';
|
||||
}
|
||||
});
|
||||
|
||||
// 如果已登录，直接跳主页
|
||||
fetch('/api/me').then(res => {
|
||||
if (res.ok) window.location.href = '/';
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -371,3 +371,345 @@ body {
|
||||
.toolbar { flex-direction: column; gap: 12px; }
|
||||
.param-controls { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
/* ========== 登录页 ========== */
|
||||
.auth-container {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(135deg, #0a0e1a 0%, #1a1f35 100%);
|
||||
}
|
||||
|
||||
.auth-card {
|
||||
background: #1e2438;
|
||||
border-radius: 16px;
|
||||
padding: 40px;
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.auth-header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.auth-header h1 {
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.auth-header h1 span {
|
||||
color: #00d4aa;
|
||||
}
|
||||
|
||||
.auth-logo {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
color: #00d4aa;
|
||||
}
|
||||
|
||||
.auth-form h2 {
|
||||
color: #ccc;
|
||||
font-size: 18px;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
color: #999;
|
||||
font-size: 13px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.form-group input {
|
||||
width: 100%;
|
||||
padding: 10px 14px;
|
||||
background: #151929;
|
||||
border: 1px solid #333;
|
||||
border-radius: 8px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-group input:focus {
|
||||
border-color: #00d4aa;
|
||||
}
|
||||
|
||||
.btn-full {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.auth-switch {
|
||||
text-align: center;
|
||||
margin-top: 16px;
|
||||
color: #999;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.auth-switch a {
|
||||
color: #00d4aa;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.auth-error {
|
||||
color: #ff6b6b;
|
||||
text-align: center;
|
||||
margin-top: 12px;
|
||||
font-size: 13px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
/* ========== 用户信息 ========== */
|
||||
.user-info {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
color: #ccc;
|
||||
font-size: 13px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.admin-link, .logout-link {
|
||||
color: #00d4aa;
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.logout-link {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.admin-link:hover, .logout-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* ========== 管理后台 ========== */
|
||||
.admin-container {
|
||||
min-height: 100vh;
|
||||
background: #0d1117;
|
||||
color: #e6e6e6;
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
.admin-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 16px;
|
||||
border-bottom: 1px solid #2a2f3f;
|
||||
}
|
||||
|
||||
.admin-header h1 {
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.admin-nav {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.admin-tabs {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 2px solid #2a2f3f;
|
||||
}
|
||||
|
||||
.tab-btn {
|
||||
padding: 10px 20px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
border-bottom: 2px solid transparent;
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
|
||||
.tab-btn.active {
|
||||
color: #00d4aa;
|
||||
border-bottom-color: #00d4aa;
|
||||
}
|
||||
|
||||
.tab-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-panel.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.panel-toolbar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.panel-toolbar h2 {
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.invite-create {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.invite-create input {
|
||||
padding: 8px 12px;
|
||||
background: #151929;
|
||||
border: 1px solid #333;
|
||||
border-radius: 6px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.invite-code {
|
||||
background: #00d4aa22;
|
||||
color: #00d4aa;
|
||||
padding: 3px 8px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1px;
|
||||
user-select: all;
|
||||
}
|
||||
|
||||
.admin-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.admin-table th {
|
||||
background: #1a1f35;
|
||||
color: #999;
|
||||
padding: 10px 12px;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.admin-table td {
|
||||
padding: 10px 12px;
|
||||
border-bottom: 1px solid #1e2438;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.admin-table tr:hover td {
|
||||
background: #151929;
|
||||
}
|
||||
|
||||
.text-cell {
|
||||
max-width: 400px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
font-size: 12px;
|
||||
color: #ccc;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.badge-active {
|
||||
background: #00d4aa22;
|
||||
color: #00d4aa;
|
||||
}
|
||||
|
||||
.badge-used {
|
||||
background: #ff6b6b22;
|
||||
color: #ff6b6b;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
padding: 4px 10px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.btn-sm.btn-primary {
|
||||
background: #00d4aa;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.btn-sm.btn-danger {
|
||||
background: #ff6b6b;
|
||||
}
|
||||
|
||||
.log-filters {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.log-filters select,
|
||||
.log-filters input[type="date"] {
|
||||
padding: 6px 10px;
|
||||
background: #151929;
|
||||
border: 1px solid #333;
|
||||
border-radius: 6px;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin-top: 16px;
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.stats-summary {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
background: #1a1f35;
|
||||
border-radius: 12px;
|
||||
padding: 20px 30px;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.stat-card h3 {
|
||||
font-size: 32px;
|
||||
color: #00d4aa;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.stat-card p {
|
||||
color: #999;
|
||||
margin: 8px 0 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
Reference in New Issue
Block a user