| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>首页 - EMA管理系统</title>
- <link rel="stylesheet" href="../lib/layui/css/layui.css">
- <style>
- body { padding: 20px; background: #f5f5f5; }
- .home-title { font-size: 24px; font-weight: 600; margin-bottom: 20px; color: #333; }
- .stat-card { background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
- .stat-card .stat-icon { width: 60px; height: 60px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff; }
- .stat-card .stat-num { font-size: 32px; font-weight: 600; color: #333; }
- .stat-card .stat-text { color: #999; font-size: 14px; }
- .info-card { background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
- .info-card .card-title { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
- .info-list li { padding: 10px 0; border-bottom: 1px dashed #eee; display: flex; justify-content: space-between; }
- .info-list li:last-child { border-bottom: none; }
- .quick-menu { display: flex; flex-wrap: wrap; gap: 15px; }
- .quick-menu a { width: 120px; height: 80px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: transform 0.3s; }
- .quick-menu a:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4); }
- .quick-menu a i { font-size: 28px; margin-bottom: 8px; }
- .quick-menu a span { font-size: 13px; }
- </style>
- </head>
- <body>
- <div class="home-title">欢迎使用 EMA 管理系统</div>
-
- <div class="layui-row layui-col-space15">
- <!-- 快捷入口 -->
- <div class="layui-col-md12">
- <div class="info-card">
- <div class="card-title">快捷入口</div>
- <div class="quick-menu">
- <a href="javascript:parent.openTab('user/user_list.html', '用户管理', 'user_list');" class="open-tab" data-url="user/user_list.html" data-title="用户管理">
- <i class="layui-icon layui-icon-user"></i>
- <span>用户管理</span>
- </a>
- <a href="javascript:parent.openTab('role/role_list.html', '角色管理', 'role_list');" class="open-tab" data-url="role/role_list.html" data-title="角色管理">
- <i class="layui-icon layui-icon-group"></i>
- <span>角色管理</span>
- </a>
- <a href="javascript:parent.openTab('menu/menu_list.html', '菜单管理', 'menu_list');" class="open-tab" data-url="menu/menu_list.html" data-title="菜单管理">
- <i class="layui-icon layui-icon-app"></i>
- <span>菜单管理</span>
- </a>
- <a href="javascript:parent.openTab('department/department_list.html', '部门管理', 'department_list');" class="open-tab" data-url="department/department_list.html" data-title="部门管理">
- <i class="layui-icon layui-icon-link"></i>
- <span>部门管理</span>
- </a>
- <a href="javascript:parent.openTab('dict/dict_type_list.html', '字典管理', 'dict_type_list');" class="open-tab" data-url="dict/dict_type_list.html" data-title="字典管理">
- <i class="layui-icon layui-icon-note"></i>
- <span>字典管理</span>
- </a>
- <a href="javascript:parent.openTab('job/job_list.html', '定时任务', 'job_list');" class="open-tab" data-url="job/job_list.html" data-title="定时任务">
- <i class="layui-icon layui-icon-clock"></i>
- <span>定时任务</span>
- </a>
- </div>
- </div>
- </div>
-
- <!-- 系统信息 -->
- <div class="layui-col-md6">
- <div class="info-card">
- <div class="card-title">系统信息</div>
- <ul class="info-list">
- <li><span>当前用户</span><span id="currentUser">-</span></li>
- <li><span>登录账号</span><span id="loginAccount">-</span></li>
- <li><span>登录时间</span><span id="loginTime">-</span></li>
- <li><span>系统版本</span><span>v1.0.0</span></li>
- </ul>
- </div>
- </div>
- <div class="layui-col-md6">
- <div class="info-card">
- <div class="card-title">操作日志</div>
- <ul class="info-list" id="recentLogs">
- <li><span>暂无数据</span></li>
- </ul>
- </div>
- </div>
- </div>
- <script src="../lib/jquery.min.js"></script>
- <script src="../lib/layui/layui.js"></script>
- <script src="../js/config.js"></script>
- <script src="../js/common.js"></script>
- <script>
- layui.use(['layer'], function() {
- var layer = layui.layer;
- var $ = layui.jquery;
-
- // 获取用户信息
- var userInfo = Common.getUserInfo();
- if (userInfo) {
- $('#currentUser').text(userInfo.name || '-');
- $('#loginAccount').text(userInfo.account || '-');
- $('#loginTime').text(Common.formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss'));
- }
-
- // 加载最近日志
- loadRecentLogs();
- function loadRecentLogs() {
- Common.post(Config.api.operLog.page, { pageNumber: 1, pageSize: 5, type: 0 }, function(res) {
- if (res.code === 200 && res.data) {
- var logs = res.data.records || [];
- var html = '';
- if (logs.length > 0) {
- logs.forEach(function(log) {
- html += '<li><span>' + log.userId + '</span><span>' + (log.operationName || log.title || '-') + '</span><span>' + log.operTime + '</span></li>';
- });
- } else {
- html = '<li><span>暂无数据</span></li>';
- }
- $('#recentLogs').html(html);
- }
- });
- }
- });
- </script>
- </body>
- </html>
|
