编辑页面

HTML内容
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>活动商城小程序后台管理系统</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: #f0f2f5; }
        .container { display: flex; min-height: 100vh; }
        
        /* 侧边栏 */
        .sidebar { width: 220px; background: #001529; color: #fff; position: fixed; height: 100vh; overflow-y: auto; }
        .logo { height: 64px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ffffff20; }
        .menu { padding: 16px 0; }
        .menu-item { padding: 12px 24px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 10px; }
        .menu-item:hover { background: #ffffff10; }
        .menu-item.active { background: #1890ff; }
        .menu-item .icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
        .submenu { display: none; background: #000c17; }
        .submenu.show { display: block; }
        .submenu-item { padding: 10px 24px 10px 54px; cursor: pointer; font-size: 14px; transition: all 0.3s; }
        .submenu-item:hover { background: #ffffff10; color: #1890ff; }
        
        /* 主内容区 */
        .main { flex: 1; margin-left: 220px; }
        .header { height: 64px; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #f0f0f0; }
        .header-left { display: flex; align-items: center; gap: 16px; }
        .breadcrumb { color: #666; font-size: 14px; }
        .header-right { display: flex; align-items: center; gap: 16px; }
        .user-info { display: flex; align-items: center; gap: 8px; cursor: pointer; }
        .avatar { width: 32px; height: 32px; border-radius: 50%; background: #1890ff; color: #fff; display: flex; align-items: center; justify-content: center; }
        .content { padding: 24px; }
        
        /* 页面视图 */
        .page-view { display: none; }
        .page-view.active { display: block; }
        .page-header { margin-bottom: 24px; }
        .page-title { font-size: 24px; font-weight: 600; color: #333; }
        .page-desc { color: #666; margin-top: 8px; }
        
        /* 卡片网格 */
        .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
        .stat-card { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
        .stat-card .label { color: #666; font-size: 14px; margin-bottom: 8px; }
        .stat-card .value { font-size: 32px; font-weight: 600; color: #333; }
        .stat-card .trend { font-size: 14px; margin-top: 8px; }
        .stat-card .trend.up { color: #52c41a; }
        .stat-card .trend.down { color: #ff4d4f; }
        
        /* 表格 */
        .table-container { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); overflow-x: auto; }
        .table-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; flex-wrap: wrap; gap: 12px; }
        .search-box { display: flex; gap: 12px; }
        .search-input { padding: 8px 12px; border: 1px solid #d9d9d9; border-radius: 4px; width: 200px; }
        .btn { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.3s; }
        .btn-primary { background: #1890ff; color: #fff; }
        .btn-primary:hover { background: #40a9ff; }
        .btn-default { background: #fff; border: 1px solid #d9d9d9; color: #333; }
        .btn-default:hover { border-color: #1890ff; color: #1890ff; }
        table { width: 100%; border-collapse: collapse; }
        th, td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #f0f0f0; }
        th { background: #fafafa; font-weight: 600; color: #333; }
        tr:hover { background: #fafafa; }
        .status { padding: 4px 12px; border-radius: 4px; font-size: 12px; }
        .status-active { background: #f6ffed; color: #52c41a; }
        .status-inactive { background: #fff1f0; color: #ff4d4f; }
        .status-pending { background: #fffbe6; color: #faad14; }
        
        /* 表单 */
        .form-container { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); width: 100%; }
        .form-group { margin-bottom: 20px; }
        .form-label { display: block; margin-bottom: 8px; font-weight: 500; color: #333; }
        .form-input { width: 100%; padding: 10px 12px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; }
        .form-input:focus { border-color: #1890ff; outline: none; }
        textarea.form-input { min-height: 100px; resize: vertical; }
        .form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
        
        /* 详情面板 */
        .detail-panel { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
        .detail-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; padding-bottom: 16px; margin-bottom: 24px; }
        .detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
        .detail-item { }
        .detail-item .label { color: #666; font-size: 14px; margin-bottom: 4px; }
        .detail-item .value { color: #333; font-size: 16px; font-weight: 500; }
        
        /* 列表卡片 */
        .list-card { background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }
        .list-card-info { flex: 1; }
        .list-card-title { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 8px; }
        .list-card-meta { color: #999; font-size: 14px; }
        .list-card-actions { display: flex; gap: 8px; }
        
        /* Tabs */
        .tabs { display: flex; border-bottom: 1px solid #f0f0f0; margin-bottom: 24px; }
        .tab { padding: 12px 24px; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.3s; }
        .tab:hover { color: #1890ff; }
        .tab.active { border-color: #1890ff; color: #1890ff; }
        
        /* 标签 */
        .tag { padding: 4px 8px; background: #e6f7ff; color: #1890ff; border-radius: 4px; font-size: 12px; margin-right: 8px; }
        
        /* 空状态 */
        .empty-state { text-align: center; padding: 60px 20px; color: #999; }
        .empty-state .icon { font-size: 64px; margin-bottom: 16px; }
        
        /* 返回按钮 */
        .back-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; color: #333; margin-bottom: 20px; transition: all 0.3s; }
        .back-btn:hover { border-color: #1890ff; color: #1890ff; }
        
        /* 操作按钮组 */
        .action-group { display: flex; gap: 8px; flex-wrap: wrap; }
        .btn-sm { padding: 4px 12px; font-size: 12px; }
        .btn-danger { background: #ff4d4f; color: #fff; }
        .btn-danger:hover { background: #ff7875; }
        .btn-success { background: #52c41a; color: #fff; }
        .btn-success:hover { background: #73d13d; }
        .btn-warning { background: #faad14; color: #fff; }
        .btn-warning:hover { background: #ffc53d; }
        
        /* 分页 */
        .pagination { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 20px; }
        .page-btn { padding: 6px 12px; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; background: #fff; }
        .page-btn:hover { border-color: #1890ff; color: #1890ff; }
        .page-btn.active { background: #1890ff; color: #fff; border-color: #1890ff; }
        
        /* 图片网格 */
        .image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
        .image-item { aspect-ratio: 1; background: #f5f5f5; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; cursor: pointer; transition: all 0.3s; border: 2px dashed #d9d9d9; }
        .image-item:hover { border-color: #1890ff; color: #1890ff; }
        
        /* 弹窗 */
        .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: none; align-items: center; justify-content: center; z-index: 1000; }
        .modal.show { display: flex; }
        .modal-content { background: #fff; border-radius: 8px; padding: 24px; min-width: 400px; max-width: 600px; max-height: 80vh; overflow-y: auto; }
        .modal-header { font-size: 18px; font-weight: 600; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
        .modal-close { cursor: pointer; font-size: 24px; color: #999; }
        .modal-close:hover { color: #333; }
        .modal-footer { margin-top: 24px; display: flex; justify-content: flex-end; gap: 12px; }
        
        /* 设置项 */
        .setting-item { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #f0f0f0; }
        .setting-info .setting-title { font-weight: 500; color: #333; margin-bottom: 4px; }
        .setting-info .setting-desc { color: #999; font-size: 14px; }
        .toggle { width: 44px; height: 24px; background: #d9d9d9; border-radius: 12px; position: relative; cursor: pointer; transition: all 0.3s; }
        .toggle.active { background: #1890ff; }
        .toggle::after { content: ''; position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; top: 2px; left: 2px; transition: all 0.3s; }
        .toggle.active::after { left: 22px; }
        
        /* 图表区域 */
        .chart-container { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 20px; }
        .chart-placeholder { height: 300px; background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #999; flex-direction: column; gap: 8px; }
        .chart-bars { display: flex; align-items: flex-end; gap: 20px; height: 200px; padding: 20px; }
        .chart-bar { width: 40px; background: linear-gradient(to top, #1890ff, #40a9ff); border-radius: 4px 4px 0 0; transition: all 0.3s; cursor: pointer; }
        .chart-bar:hover { background: linear-gradient(to top, #096dd9, #1890ff); }
        
        /* 待办列表 */
        .todo-list { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
        .todo-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: all 0.3s; }
        .todo-item:hover { background: #fafafa; }
        .todo-item:last-child { border-bottom: none; }
        .todo-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; }
        .todo-icon.warning { background: #fffbe6; color: #faad14; }
        .todo-icon.danger { background: #fff1f0; color: #ff4d4f; }
        .todo-icon.info { background: #e6f7ff; color: #1890ff; }
        .todo-content { flex: 1; }
        .todo-title { font-weight: 500; color: #333; margin-bottom: 2px; }
        .todo-desc { color: #999; font-size: 12px; }
        .todo-count { background: #ff4d4f; color: #fff; padding: 2px 8px; border-radius: 10px; font-size: 12px; }
        
        /* 快捷入口 */
        .quick-entry { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 16px; }
        .quick-item { background: #fff; border-radius: 8px; padding: 20px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.06); cursor: pointer; transition: all 0.3s; }
        .quick-item:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0,0,0,0.1); }
        .quick-icon { width: 48px; height: 48px; margin: 0 auto 12px; background: linear-gradient(135deg, #1890ff, #40a9ff); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; }
        .quick-label { color: #333; font-size: 14px; font-weight: 500; }
    </style>
</head>
<body>
    <div class="container">
        <!-- 侧边栏 -->
        <div class="sidebar">
            <div class="logo">活动商城后台</div>
            <div class="menu">
                <div class="menu-item active" onclick="showPage('dashboard')">
                    <span class="icon">📊</span> 数据概览
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">👥</span> 用户管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu show">
                    <div class="submenu-item" onclick="showPage('userList')">用户列表</div>
                    <div class="submenu-item" onclick="showPage('userDetail')">用户详情</div>
                    <div class="submenu-item" onclick="showPage('userGroup')">用户分组</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">🎯</span> 活动管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu show">
                    <div class="submenu-item" onclick="showPage('activityList')">活动列表</div>
                    <div class="submenu-item" onclick="showPage('createActivity')">创建活动</div>
                    <div class="submenu-item" onclick="showPage('activitySettings')">活动设置</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">🏆</span> 选手管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('playerList')">选手列表</div>
                    <div class="submenu-item" onclick="showPage('playerAudit')">选手审核</div>
                    <div class="submenu-item" onclick="showPage('playerImport')">批量导入</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">📝</span> 投票记录
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('voteLog')">投票日志</div>
                    <div class="submenu-item" onclick="showPage('voteStats')">投票统计</div>
                    <div class="submenu-item" onclick="showPage('voteException')">异常检测</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">🏪</span> 商品管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('productList')">商品列表</div>
                    <div class="submenu-item" onclick="showPage('addProduct')">添加商品</div>
                    <div class="submenu-item" onclick="showPage('productCategory')">商品分类</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">📦</span> 订单管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('orderList')">订单列表</div>
                    <div class="submenu-item" onclick="showPage('orderRefund')">退款申请</div>
                    <div class="submenu-item" onclick="showPage('orderShip')">发货操作</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">👥</span> 拼团管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('groupList')">拼团活动</div>
                    <div class="submenu-item" onclick="showPage('createGroup')">创建拼团</div>
                    <div class="submenu-item" onclick="showPage('groupDetail')">拼团详情</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">🎫</span> 优惠券管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('couponList')">优惠券列表</div>
                    <div class="submenu-item" onclick="showPage('createCoupon')">创建优惠券</div>
                    <div class="submenu-item" onclick="showPage('couponSend')">批量发放</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">🔥</span> 营销活动
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('seckill')">秒杀活动</div>
                    <div class="submenu-item" onclick="showPage('discount')">满减活动</div>
                    <div class="submenu-item" onclick="showPage('marketingSwitch')">活动开关</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">📢</span> 广告管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('bannerList')">轮播图管理</div>
                    <div class="submenu-item" onclick="showPage('bannerPosition')">广告位置</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">💬</span> 消息通知
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('notice')">系统公告</div>
                    <div class="submenu-item" onclick="showPage('pushMessage')">消息推送</div>
                    <div class="submenu-item" onclick="showPage('noticeRecord')">通知记录</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">📈</span> 数据统计
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('userStats')">用户统计</div>
                    <div class="submenu-item" onclick="showPage('orderStats')">订单统计</div>
                    <div class="submenu-item" onclick="showPage('financeStats')">财务统计</div>
                    <div class="submenu-item" onclick="showPage('exportReport')">报表导出</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">⚙️</span> 系统设置
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('baseSettings')">基本设置</div>
                    <div class="submenu-item" onclick="showPage('paySettings')">支付配置</div>
                    <div class="submenu-item" onclick="showPage('smsSettings')">短信配置</div>
                    <div class="submenu-item" onclick="showPage('operateLog')">操作日志</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">🔐</span> 内容审核
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('commentAudit')">评论审核</div>
                    <div class="submenu-item" onclick="showPage('momentAudit')">动态审核</div>
                    <div class="submenu-item" onclick="showPage('materialAudit')">素材审核</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">📱</span> 公众号管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('wechatConfig')">公众号配置</div>
                    <div class="submenu-item" onclick="showPage('articleManage')">文章管理</div>
                    <div class="submenu-item" onclick="showPage('autoReply')">自动回复</div>
                </div>
                <div class="menu-item" onclick="toggleMenu(this)">
                    <span class="icon">🎬</span> 快手管理
                    <span style="margin-left:auto">▼</span>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="showPage('kuaishouConfig')">快手配置</div>
                    <div class="submenu-item" onclick="showPage('kuaishouWorks')">作品管理</div>
                </div>
            </div>
        </div>
        
        <!-- 主内容区 -->
        <div class="main">
            <div class="header">
                <div class="header-left">
                    <span class="breadcrumb" id="breadcrumb">首页 / 数据概览</span>
                </div>
                <div class="header-right">
                    <div class="user-info">
                        <div class="avatar">管</div>
                        <span>管理员</span>
                    </div>
                    <button class="btn btn-default" onclick="showPage('dashboard')">修改密码</button>
                    <button class="btn btn-default">退出登录</button>
                </div>
            </div>
            
            <div class="content">
                <!-- 数据概览 -->
                <div class="page-view active" id="page-dashboard">
                    <div class="page-header">
                        <h1 class="page-title">数据概览</h1>
                        <p class="page-desc">实时监控平台核心数据指标</p>
                    </div>
                    
                    <div class="card-grid">
                        <div class="stat-card">
                            <div class="label">总用户数</div>
                            <div class="value">128,456</div>
                            <div class="trend up">↑ 12.5% 较上周</div>
                        </div>
                        <div class="stat-card">
                            <div class="label">今日新增用户</div>
                            <div class="value">1,256</div>
                            <div class="trend up">↑ 8.3% 较昨日</div>
                        </div>
                        <div class="stat-card">
                            <div class="label">总订单数</div>
                            <div class="value">56,789</div>
                            <div class="trend up">↑ 15.2% 较上周</div>
                        </div>
                        <div class="stat-card">
                            <div class="label">今日订单</div>
                            <div class="value">892</div>
                            <div class="trend down">↓ 3.1% 较昨日</div>
                        </div>
                        <div class="stat-card">
                            <div class="label">活动数量</div>
                            <div class="value">45</div>
                            <div class="trend up">↑ 5 较上月</div>
                        </div>
                        <div class="stat-card">
                            <div class="label">总访问量</div>
                            <div class="value">2,568,912</div>
                            <div class="trend up">↑ 22.8% 较上周</div>
                        </div>
                    </div>
                    
                    <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-top: 20px;">
                        <div class="chart-container">
                            <h3 style="margin-bottom: 16px;">数据趋势</h3>
                            <div class="chart-bars">
                                <div class="chart-bar" style="height: 60px;"></div>
                                <div class="chart-bar" style="height: 80px;"></div>
                                <div class="chart-bar" style="height: 65px;"></div>
                                <div class="chart-bar" style="height: 90px;"></div>
                                <div class="chart-bar" style="height: 75px;"></div>
                                <div class="chart-bar" style="height: 100px;"></div>
                                <div class="chart-bar" style="height: 85px;"></div>
                            </div>
                            <div style="display: flex; justify-content: space-around; color: #999; font-size: 12px; margin-top: 8px;">
                                <span>周一</span><span>周二</span><span>周三</span><span>周四</span><span>周五</span><span>周六</span><span>周日</span>
                            </div>
                        </div>
                        
                        <div class="todo-list">
                            <h3 style="margin-bottom: 16px;">待办事项</h3>
                            <div class="todo-item" onclick="showPage('playerAudit')">
                                <div class="todo-icon warning">⏰</div>
                                <div class="todo-content">
                                    <div class="todo-title">待审核选手</div>
                                    <div class="todo-desc">共12个申请待处理</div>
                                </div>
                                <span class="todo-count">12</span>
                            </div>
                            <div class="todo-item" onclick="showPage('orderShip')">
                                <div class="todo-icon danger">📦</div>
                                <div class="todo-content">
                                    <div class="todo-title">待发货订单</div>
                                    <div class="todo-desc">共45个订单待发货</div>
                                </div>
                                <span class="todo-count">45</span>
                            </div>
                            <div class="todo-item" onclick="showPage('orderRefund')">
                                <div class="todo-icon danger">💰</div>
                                <div class="todo-content">
                                    <div class="todo-title">退款申请</div>
                                    <div class="todo-desc">共3个退款待处理</div>
                                </div>
                                <span class="todo-count">3</span>
                            </div>
                            <div class="todo-item" onclick="showPage('commentAudit')">
                                <div class="todo-icon info">📝</div>
                                <div class="todo-content">
                                    <div class="todo-title">待审核评论</div>
                                    <div class="todo-desc">共28条评论待审核</div>
                                </div>
                                <span class="todo-count">28</span>
                            </div>
                        </div>
                    </div>
                    
                    <h3 style="margin: 20px 0 16px;">快捷入口</h3>
                    <div class="quick-entry">
                        <div class="quick-item" onclick="showPage('userList')">
                            <div class="quick-icon">👥</div>
                            <div class="quick-label">用户管理</div>
                        </div>
                        <div class="quick-item" onclick="showPage('activityList')">
                            <div class="quick-icon">🎯</div>
                            <div class="quick-label">活动管理</div>
                        </div>
                        <div class="quick-item" onclick="showPage('orderList')">
                            <div class="quick-icon">📦</div>
                            <div class="quick-label">订单管理</div>
                        </div>
                        <div class="quick-item" onclick="showPage('productList')">
                            <div class="quick-icon">🏪</div>
                            <div class="quick-label">商品管理</div>
                        </div>
                        <div class="quick-item" onclick="showPage('couponList')">
                            <div class="quick-icon">🎫</div>
                            <div class="quick-label">优惠券</div>
                        </div>
                        <div class="quick-item" onclick="showPage('seckill')">
                            <div class="quick-icon">🔥</div>
                            <div class="quick-label">秒杀活动</div>
                        </div>
                    </div>
                </div>
                
                <!-- 用户列表 -->
                <div class="page-view" id="page-userList">
                    <div class="page-header">
                        <h1 class="page-title">用户列表</h1>
                        <p class="page-desc">查看和管理所有注册用户</p>
                    </div>
                    <div class="table-container">
                        <div class="table-header">
                            <div class="search-box">
                                <input type="text" class="search-input" placeholder="搜索手机号/昵称">
                                <button class="btn btn-default">搜索</button>
                            </div>
                            <button class="btn btn-primary" onclick="showPage('userGroup')">用户分组</button>
                        </div>
                        <table>
                            <thead>
                                <tr>
                                    <th>用户ID</th>
                                    <th>昵称</th>
                                    <th>手机号</th>
                                    <th>会员等级</th>
                                    <th>分组</th>
                                    <th>注册时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>10001</td>
                                    <td>张小明</td>
                                    <td>138****5678</td>
                                    <td><span class="tag">VIP</span></td>
                                    <td>活跃用户</td>
                                    <td>2026-01-15</td>
                                    <td><span class="status status-active">正常</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showPage('userDetail')">详情</button>
                                            <button class="btn btn-warning btn-sm">禁用</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10002</td>
                                    <td>李小红</td>
                                    <td>139****1234</td>
                                    <td><span class="tag">普通</span></td>
                                    <td>新用户</td>
                                    <td>2026-02-20</td>
                                    <td><span class="status status-active">正常</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showPage('userDetail')">详情</button>
                                            <button class="btn btn-warning btn-sm">禁用</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10003</td>
                                    <td>王大力</td>
                                    <td>137****9876</td>
                                    <td><span class="tag">VIP</span></td>
                                    <td>高价值用户</td>
                                    <td>2025-12-08</td>
                                    <td><span class="status status-inactive">禁用</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showPage('userDetail')">详情</button>
                                            <button class="btn btn-success btn-sm">启用</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="pagination">
                            <button class="page-btn">上一页</button>
                            <button class="page-btn active">1</button>
                            <button class="page-btn">2</button>
                            <button class="page-btn">3</button>
                            <button class="page-btn">下一页</button>
                        </div>
                    </div>
                </div>
                
                <!-- 用户详情 -->
                <div class="page-view" id="page-userDetail">
                    <button class="back-btn" onclick="showPage('userList')">← 返回用户列表</button>
                    <div class="detail-panel">
                        <div class="detail-header">
                            <h2>用户详情</h2>
                            <div class="action-group">
                                <button class="btn btn-warning">修改等级</button>
                                <button class="btn btn-default">编辑分组</button>
</div>
                        </div>
                        <div class="detail-grid">
                            <div class="detail-item">
                                <div class="label">用户ID</div>
                                <div class="value">10001</div>
                            </div>
                            <div class="detail-item">
                                <div class="label">昵称</div>
                                <div class="value">张小明</div>
                            </div>
                            <div class="detail-item">
                                <div class="label">手机号</div>
                                <div class="value">138****5678</div>
                            </div>
                            <div class="detail-item">
                                <div class="label">会员等级</div>
                                <div class="value"><span class="tag">VIP</span></div>
                            </div>
                            <div class="detail-item">
                                <div class="label">分组标签</div>
                                <div class="value">活跃用户</div>
                            </div>
                            <div class="detail-item">
                                <div class="label">注册时间</div>
                                <div class="value">2026-01-15 10:30:00</div>
                            </div>
                            <div class="detail-item">
                                <div class="label">账户余额</div>
                                <div class="value">¥256.00</div>
                            </div>
                            <div class="detail-item">
                                <div class="label">累计消费</div>
                                <div class="value">¥3,680.00</div>
                            </div>
                        </div>
                        
                        <h3 style="margin: 24px 0 16px; font-size: 16px;">消费记录</h3>
                        <table>
                            <thead>
                                <tr>
                                    <th>订单号</th>
                                    <th>商品</th>
                                    <th>金额</th>
                                    <th>时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>ORD20260201001</td>
                                    <td>精美礼品套装</td>
                                    <td>¥199.00</td>
                                    <td>2026-02-01 14:30</td>
                                </tr>
                                <tr>
                                    <td>ORD20260115002</td>
                                    <td>优惠券包</td>
                                    <td>¥59.00</td>
                                    <td>2026-01-15 09:20</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- 用户分组 -->
                <div class="page-view" id="page-userGroup">
                    <button class="back-btn" onclick="showPage('userList')">← 返回用户列表</button>
                    <div class="page-header">
                        <h1 class="page-title">用户分组</h1>
                        <p class="page-desc">管理用户标签和分组</p>
                    </div>
                    <div class="table-container">
                        <div class="table-header">
                            <div></div>
                            <button class="btn btn-primary" onclick="showModal('addGroupModal')">添加分组</button>
                        </div>
                        <table>
                            <thead>
                                <tr>
                                    <th>分组名称</th>
                                    <th>用户数量</th>
                                    <th>描述</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>活跃用户</td>
                                    <td>5,234</td>
                                    <td>近30天有登录行为的用户</td>
                                    <td>2026-01-01</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-danger btn-sm">删除</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>高价值用户</td>
                                    <td>1,892</td>
                                    <td>累计消费超过1000元的用户</td>
                                    <td>2026-01-01</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-danger btn-sm">删除</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>新用户</td>
                                    <td>3,567</td>
                                    <td>注册时间在30天内的用户</td>
                                    <td>2026-01-01</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-danger btn-sm">删除</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- 活动列表 -->
                <div class="page-view" id="page-activityList">
                    <div class="page-header">
                        <h1 class="page-title">活动列表</h1>
                        <p class="page-desc">管理所有投票评选活动</p>
                    </div>
                    <div class="table-container">
                        <div class="table-header">
                            <div class="search-box">
                                <input type="text" class="search-input" placeholder="搜索活动名称">
                                <select class="search-input" style="width:120px;">
                                    <option>全部状态</option>
                                    <option>进行中</option>
                                    <option>已结束</option>
                                    <option>未开始</option>
                                </select>
                                <button class="btn btn-default">搜索</button>
                            </div>
                            <button class="btn btn-primary" onclick="showPage('createActivity')">创建活动</button>
                        </div>
                        <table>
                            <thead>
                                <tr>
                                    <th>活动ID</th>
                                    <th>活动名称</th>
                                    <th>时间范围</th>
                                    <th>参与人数</th>
                                    <th>投票数</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>ACT001</td>
                                    <td>2026年度最佳员工评选</td>
                                    <td>2026-03-01 ~ 2026-03-31</td>
                                    <td>128</td>
                                    <td>15,680</td>
                                    <td><span class="status status-active">进行中</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showPage('activitySettings')">设置</button>
                                            <button class="btn btn-warning btn-sm">下架</button>
                                            <button class="btn btn-default btn-sm">复制</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>ACT002</td>
                                    <td>最受欢迎商品投票</td>
                                    <td>2026-02-01 ~ 2026-02-28</td>
                                    <td>256</td>
                                    <td>32,450</td>
                                    <td><span class="status status-inactive">已结束</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showPage('activitySettings')">设置</button>
                                            <button class="btn btn-success btn-sm">上架</button>
                                            <button class="btn btn-default btn-sm">复制</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>ACT003</td>
                                    <td>春季摄影大赛</td>
                                    <td>2026-04-01 ~ 2026-04-30</td>
                                    <td>0</td>
                                    <td>0</td>
                                    <td><span class="status status-pending">未开始</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showPage('activitySettings')">设置</button>
                                            <button class="btn btn-success btn-sm">上架</button>
                                            <button class="btn btn-default btn-sm">复制</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- 创建活动 -->
                <div class="page-view" id="page-createActivity">
                    <button class="back-btn" onclick="showPage('activityList')">← 返回活动列表</button>
                    <div class="page-header">
                        <h1 class="page-title">创建活动</h1>
                        <p class="page-desc">设置新投票评选活动的基本信息</p>
                    </div>
                    <div class="form-container">
                        <div class="form-group">
                            <label class="form-label">活动名称 *</label>
                            <input type="text" class="form-input" placeholder="请输入活动名称">
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label class="form-label">开始时间 *</label>
                                <input type="date" class="form-input">
                            </div>
                            <div class="form-group">
                                <label class="form-label">结束时间 *</label>
                                <input type="date" class="form-input">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label">活动Banner</label>
                            <div class="image-grid">
                                <div class="image-item">+ 上传图片</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label">活动规则</label>
                            <textarea class="form-input" placeholder="请输入活动规则说明">
奖项	奖品名称	名额
一等奖
二等奖
三等奖
选手ID	头像	姓名	所属活动	票数	排名	状态	操作
P001	👤	张伟	年度最佳员工评选	1,256	第1名	上架
P002	👤	李娜	年度最佳员工评选	980	第2名	上架
申请人	报名活动	报名信息	申请时间	状态	操作
王小二	年度最佳员工评选	研发部 - 高级工程师	2026-02-25 14:30	待审核
赵小六	年度最佳员工评选	市场部 - 经理	2026-02-25 10:15	待审核
时间	投票用户	投票选手	所属活动	IP地址
2026-02-25 15:30:22	张小明	张伟	年度最佳员工评选	192.168.1.***
2026-02-25 15:28:10	李小红	李娜	年度最佳员工评选	192.168.1.***
排名	选手	所属活动	当前票数	昨日新增	趋势
🥇 1	张伟	年度最佳员工评选	1,256	+56	↑
🥈 2	李娜	年度最佳员工评选	980	+42	↑
🥉 3	王强	年度最佳员工评选	756	-12	↓
商品ID	商品图片	商品名称	分类	价格	库存	状态	操作
P001	🖼️	精美礼品套装A款	礼品	¥199.00	520	在售
P002	🖼️	限量版纪念品	纪念品	¥399.00	128	在售
订单号	用户	商品	金额	状态	下单时间
ORD20260225001	张小明	精美礼品套装	¥199.00	待发货	2026-02-25 14:30
ORD20260225002	李小红	限量版纪念品	¥399.00	待支付	2026-02-25 13:20
ORD20260224003	王大力	精美礼品套装	¥199.00	已发货	2026-02-24 10:15
用户	参团时间	状态
张小明	2026-02-25 10:30	团长
李小红	2026-02-25 11:00	待支付
优惠券名称	类型	面额	使用条件	已发放/总量	有效期	状态	操作
新人专享券	满减券	满100减20	满100元可用	1,256/2,000	2026-03-01~03-31	进行中
限时折扣券	折扣券	8折	无门槛	500/500	2026-02-15~02-28	已结束
排序	图片	跳转链接	位置	状态	操作
1	🖼️ Banner1	活动页面	首页	显示
2	🖼️ Banner2	商品详情	首页	显示
用户ID	用户名	手机号	来源	注册时间	最后活跃	累计投票	累计消费
U100001	张小明	138****5678	小程序	2026-02-20 10:30	2026-02-25 14:20	15次	¥599.00
U100002	李小红	139****8765	H5	2026-02-18 09:15	2026-02-25 12:00	8次	¥299.00
U100003	王大力	137****2345	公众号	2026-02-15 16:45	2026-02-24 22:30	22次	¥1,299.00
U100004	赵小六	136****4321	小程序	2026-02-10 11:20	2026-02-25 10:15	5次	¥0.00
U100005	钱多多	135****9876	H5	2026-02-08 14:00	2026-02-23 18:45	12次	¥899.00
交易单号	类型	来源	关联订单	关联用户	金额	手续费	实际到账	交易时间	状态
FIN20260225001	收入	商品销售	ORD20260225001	张小明	+¥179.00	¥5.37	¥173.63	2026-02-25 14:35	已到账
FIN20260225002	收入	活动报名	ORD20260225002	李小红	+¥718.00	¥21.54	¥696.46	2026-02-25 13:25	已到账
FIN20260225003	支出	物流成本	ORD20260220001	赵小六	-¥45.00	-	-	2026-02-25 10:00	已支出
FIN20260225004	收入	商品销售	ORD20260225003	王大力	+¥399.00	¥11.97	¥387.03	2026-02-25 11:20	已到账
FIN20260225005	支出	运营成本	-	系统	-¥12,000.00	-	-	2026-02-25 09:00	已支出
报表类型	说明	最近导出
用户统计报表	用户注册、活跃、留存数据	2026-02-24
订单统计报表	订单量、销售额数据	2026-02-24
活动统计报表	活动参与、投票数据	2026-02-23
商品销售报表	商品销量、销售额排行	2026-02-22
时间	操作人	操作类型	操作内容	IP地址
2026-02-25 15:30:22	管理员	编辑	修改商品"精美礼品套装"价格	192.168.1.***
2026-02-25 14:20:10	管理员	创建	创建活动"春季摄影大赛"	192.168.1.***
订单号	用户	商品	数量	支付方式	订单金额	实付金额	优惠减免	下单时间	状态
ORD20260225001	张小明	精美礼品套装	1	微信支付	¥199.00	¥179.00	¥20.00	2026-02-25 14:30	已完成
ORD20260225002	李小红	限量版纪念品	2	支付宝	¥798.00	¥718.00	¥80.00	2026-02-25 13:20	已完成
ORD20260225003	王大力	品牌周边礼包	1	微信支付	¥399.00	¥399.00	¥0.00	2026-02-25 11:15	进行中
ORD20260224001	赵小六	精美礼品套装	1	微信支付	¥199.00	¥179.00	¥20.00	2026-02-24 16:40	已退款
ORD20260224002	钱多多	纪念版T恤	3	支付宝	¥297.00	¥267.00	¥30.00	2026-02-24 10:25	已完成
编辑页面

活动设置

选手列表

选手审核

批量导入选手

投票日志

投票统计

异常投票检测

商品列表

添加商品

商品分类

订单列表

退款申请

发货操作

拼团活动列表

创建拼团活动

拼团详情

参团人员

优惠券列表

创建优惠券

批量发放优惠券

秒杀活动

满减活动

营销活动开关

轮播图管理

广告位置管理

系统公告

消息推送

通知记录

用户统计

用户列表详情

订单统计

订单明细列表

财务统计

财务明细列表

数据报表导出

基本设置

支付配置

短信配置

操作日志

评论审核

动态审核

素材审核

公众号配置

文章管理

自动回复设置

快手配置

作品管理
