24024
af7c11d7f9
- 新增图像生成接口，支持试用、积分和自定义API Key模式 - 实现生成图片结果异步上传至MinIO存储，带重试机制 - 优化积分预扣除和异常退还逻辑，保障用户积分准确 - 添加获取生成历史记录接口，支持时间范围和分页 - 提供本地字典配置接口，支持模型、比例、提示模板和尺寸 - 实现图片批量上传接口，支持S3兼容对象存储 feat(admin): 增加管理员角色管理与权限分配接口 - 实现角色列表查询、角色创建、更新及删除功能 - 增加权限列表查询接口 - 实现用户角色分配接口，便于统一管理用户权限 - 增加系统字典增删查改接口，支持分类过滤和排序 - 权限控制全面覆盖管理接口，保证安全访问 feat(auth): 完善用户登录注册及权限相关接口与页面 - 实现手机号验证码发送及校验功能，保障注册安全 - 支持手机号注册、登录及退出接口，集成日志记录 - 增加修改密码功能，验证原密码后更新 - 提供动态导航菜单接口，基于权限展示不同菜单 - 实现管理界面路由及日志、角色、字典管理页面访问权限控制 - 添加系统日志查询接口，支持关键词和等级筛选 feat(app): 初始化Flask应用并配置蓝图与数据库 - 创建应用程序工厂，加载配置，初始化数据库和Redis客户端 - 注册认证、API及管理员蓝图，整合路由 - 根路由渲染主页模板 - 应用上下文中自动创建数据库表，保证运行环境准备完毕 feat(database): 提供数据库创建与迁移支持脚本 - 新增数据库创建脚本，支持自动检测是否已存在 - 添加数据库表初始化脚本，支持创建和删除所有表 - 实现RBAC权限初始化，包含基础权限和角色创建 - 新增字段手动修复脚本，添加用户API Key和积分字段 - 强制迁移脚本支持清理连接和修复表结构，初始化默认数据及角色分配 feat(config): 新增系统配置参数 - 配置数据库、Redis、Session和MinIO相关参数 - 添加AI接口地址及试用Key配置 - 集成阿里云短信服务配置及开发模式相关参数 feat(extensions): 初始化数据库、Redis和MinIO客户端 - 创建全局SQLAlchemy数据库实例和Redis客户端 - 配置基于boto3的MinIO兼容S3客户端 chore(logs): 添加示例系统日志文件 - 记录用户请求、验证码发送成功与失败的日志信息
98 lines
5.2 KiB
HTML
98 lines
5.2 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>{% block title %}AI 视界{% endblock %}</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body class="text-slate-700 antialiased bg-slate-50 overflow-hidden">
|
|
<div class="bg-mesh"></div>
|
|
<div id="toastContainer" class="toast-container"></div>
|
|
|
|
<div class="flex h-screen w-screen overflow-hidden">
|
|
<!-- 全局系统菜单栏 (默认隐藏，仅在 initGlobalNav 成功后显示) -->
|
|
<nav id="globalNav" class="hidden w-20 flex-shrink-0 bg-slate-900 flex flex-col items-center py-8 z-40 shadow-2xl transition-all duration-500">
|
|
<div class="w-12 h-12 btn-primary logo-box rounded-2xl flex items-center justify-center mb-12 rotate-3">
|
|
<i data-lucide="scan-eye" class="w-7 h-7"></i>
|
|
</div>
|
|
|
|
<div id="dynamicMenuList" class="flex-1 w-full px-2 space-y-4"></div>
|
|
|
|
<div id="globalUserProfile" class="flex flex-col items-center gap-4 mb-4">
|
|
<div class="w-10 h-10 bg-slate-800 rounded-xl flex items-center justify-center text-slate-400 border border-slate-700">
|
|
<i data-lucide="user" class="w-5 h-5"></i>
|
|
</div>
|
|
<button id="globalLogoutBtn" class="text-slate-500 hover:text-rose-400 transition-colors">
|
|
<i data-lucide="log-out" class="w-5 h-5"></i>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 主内容区域 (全屏) -->
|
|
<main class="flex-1 flex overflow-hidden relative w-full h-full">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
|
|
<script>
|
|
lucide.createIcons();
|
|
|
|
// 自动加载菜单
|
|
async function initGlobalNav() {
|
|
try {
|
|
const r = await fetch('/api/auth/menu');
|
|
const d = await r.json();
|
|
if(d.menu && d.menu.length > 0) {
|
|
document.getElementById('globalNav').classList.remove('hidden');
|
|
const list = document.getElementById('dynamicMenuList');
|
|
list.innerHTML = d.menu.map(item => {
|
|
const isActive = window.location.pathname === item.url;
|
|
return `
|
|
<div class="relative group flex justify-center">
|
|
<a href="${item.url}"
|
|
class="w-12 h-12 flex items-center justify-center rounded-2xl transition-all duration-300 ${
|
|
isActive
|
|
? 'bg-indigo-600 text-white shadow-lg shadow-indigo-500/40'
|
|
: 'text-slate-500 hover:bg-slate-800 hover:text-white'
|
|
}">
|
|
<i data-lucide="${item.icon}" class="w-5 h-5"></i>
|
|
</a>
|
|
<div class="absolute left-full ml-4 px-3 py-2 bg-slate-800 text-white text-[10px] font-black rounded-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all whitespace-nowrap z-50 shadow-xl">
|
|
${item.name}
|
|
<div class="absolute right-full top-1/2 -translate-y-1/2 border-8 border-transparent border-r-slate-800"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}).join('');
|
|
lucide.createIcons();
|
|
}
|
|
} catch(e) { console.error('菜单加载失败', e); }
|
|
}
|
|
|
|
document.getElementById('globalLogoutBtn').onclick = async () => {
|
|
await fetch('/api/auth/logout', { method: 'POST' });
|
|
window.location.href = '/login';
|
|
};
|
|
|
|
initGlobalNav();
|
|
|
|
function showToast(message, type = 'info') {
|
|
const container = document.getElementById('toastContainer');
|
|
const toast = document.createElement('div');
|
|
toast.className = `toast ${type}`;
|
|
const colors = { success: 'text-emerald-500', error: 'text-rose-500', warning: 'text-amber-500', info: 'text-indigo-500' };
|
|
const icons = { success: 'check-circle', error: 'x-circle', warning: 'alert-triangle', info: 'info' };
|
|
toast.innerHTML = `<i data-lucide="${icons[type]}" class="w-5 h-5 ${colors[type]} flex-shrink-0"></i><span class="text-sm font-medium text-slate-700">${message}</span>`;
|
|
container.appendChild(toast);
|
|
lucide.createIcons();
|
|
setTimeout(() => { toast.style.animation = 'slideOutRight 0.3s ease-in'; setTimeout(() => toast.remove(), 300); }, 3000);
|
|
}
|
|
</script>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html> |