编辑页面

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;
        }
        
        /* 顶部导航 */
        .header {
            height: 64px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 24px;
            box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
        }
        
        .header-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .logo {
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.2);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .header h1 {
            font-size: 20px;
            font-weight: 600;
        }
        
        .header-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        
        .icon-btn {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background 0.2s;
        }
        
        .icon-btn:hover {
            background: rgba(255,255,255,0.15);
        }
        
        .user-info {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            padding: 6px 14px;
            border-radius: 8px;
            background: rgba(255,255,255,0.1);
        }
        
        .user-info:hover {
            background: rgba(255,255,255,0.2);
        }
        
        .avatar {
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* 主容器 */
        .main-container {
            display: flex;
            height: 100vh;
            padding-top: 64px;
        }
        
        /* 左侧菜单 */
        .sidebar {
            width: 260px;
            background: white;
            border-right: 1px solid #e8e8e8;
            overflow-y: auto;
            flex-shrink: 0;
        }
        
        .sidebar-header {
            padding: 16px 20px;
            border-bottom: 1px solid #eee;
            color: #666;
            font-size: 13px;
        }
        
        .menu-section {
            padding: 8px 0;
        }
        
        .menu-section-title {
            padding: 12px 20px 8px;
            font-size: 12px;
            color: #999;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        .menu-item-level1 {
            display: flex;
            align-items: center;
            padding: 14px 20px;
            cursor: pointer;
            transition: all 0.2s;
            border-left: 3px solid transparent;
            gap: 12px;
        }
        
        .menu-item-level1:hover {
            background: #f8f9fa;
        }
        
        .menu-item-level1.active {
            background: linear-gradient(90deg, rgba(102, 126, 234, 0.1) 0%, transparent 100%);
            border-left-color: #667eea;
            color: #667eea;
        }
        
        .menu-icon {
            width: 22px;
            height: 22px;
            flex-shrink: 0;
        }
        
        .menu-text {
            flex: 1;
            font-size: 14px;
        }
        
        .menu-badge {
            background: #ff4d4f;
            color: white;
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 10px;
        }
        
        .menu-arrow {
            width: 16px;
            height: 16px;
            transition: transform 0.3s;
        }
        
        .menu-item-level1.expanded .menu-arrow {
            transform: rotate(90deg);
        }
        
        /* 二级菜单 */
        .menu-sub {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            background: #fafbfc;
        }
        
        .menu-sub.expanded {
            max-height: 1000px;
        }
        
        .menu-item-level2 {
            display: flex;
            align-items: center;
            padding: 12px 20px 12px 54px;
            cursor: pointer;
            font-size: 13px;
            color: #555;
            transition: all 0.2s;
            gap: 10px;
        }
        
        .menu-item-level2:hover {
            background: #f0f2f5;
            color: #667eea;
        }
        
        .menu-item-level2.active {
            background: linear-gradient(90deg, rgba(102, 126, 234, 0.15) 0%, transparent 100%);
            color: #667eea;
            font-weight: 500;
        }
        
        .menu-item-level2 .dot {
            width: 6px;
            height: 6px;
            background: #ccc;
            border-radius: 50%;
        }
        
        .menu-item-level2:hover .dot,
        .menu-item-level2.active .dot {
            background: #667eea;
        }
        
        /* 右侧内容区 */
        .content-area {
            flex: 1;
            padding: 24px;
            overflow-y: auto;
            background: #f5f7fa;
        }
        
        /* 欢迎页面 */
        .welcome-page {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            text-align: center;
        }
        
        .welcome-icon {
            width: 120px;
            height: 120px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
        }
        
        .welcome-page h2 {
            font-size: 26px;
            color: #333;
            margin-bottom: 12px;
        }
        
        .welcome-page p {
            color: #888;
            font-size: 15px;
        }
        
        /* 内容区 */
        .page-header {
            margin-bottom: 24px;
        }
        
        .page-title {
            font-size: 24px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }
        
        .page-breadcrumb {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            color: #888;
        }
        
        .page-breadcrumb span {
            color: #667eea;
        }
        
        /* 统计卡片 */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 24px;
        }
        
        .stat-card {
            background: white;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
            display: flex;
            align-items: center;
            gap: 16px;
            transition: transform 0.2s;
        }
        
        .stat-card:hover {
            transform: translateY(-2px);
        }
        
        .stat-icon {
            width: 56px;
            height: 56px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .stat-icon.blue { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .stat-icon.green { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
        .stat-icon.orange { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
        .stat-icon.purple { background: linear-gradient(135deg, #a855f7 0%, #6366f1 100%); }
        .stat-icon.red { background: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%); }
        .stat-icon.cyan { background: linear-gradient(135deg, #00d2d3 0%, #01a3a4 100%); }
        
        .stat-info h3 {
            font-size: 26px;
            font-weight: 700;
            color: #333;
            margin-bottom: 4px;
        }
        
        .stat-info p {
            font-size: 13px;
            color: #999;
        }
        
        .stat-trend {
            font-size: 12px;
            margin-top: 4px;
        }
        
        .stat-trend.up { color: #52c41a; }
        .stat-trend.down { color: #ff4d4f; }
        
        /* 功能描述卡片 */
        .desc-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 12px;
            padding: 24px;
            color: white;
            margin-bottom: 24px;
        }
        
        .desc-card h3 {
            font-size: 18px;
            margin-bottom: 8px;
        }
        
        .desc-card p {
            font-size: 14px;
            opacity: 0.9;
            line-height: 1.6;
        }
        
        /* 工具栏 */
        .toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            background: white;
            padding: 16px 20px;
            border-radius: 12px;
        }
        
        .toolbar-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .search-box {
            display: flex;
            align-items: center;
            background: #f5f7fa;
            border-radius: 8px;
            padding: 10px 16px;
            gap: 10px;
            width: 280px;
        }
        
        .search-box input {
            border: none;
            background: none;
            outline: none;
            flex: 1;
            font-size: 14px;
        }
        
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 10px 18px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s;
            border: none;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
        
        .btn-primary:hover {
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
        }
        
        .btn-outline {
            background: white;
            border: 1px solid #e8e8e8;
            color: #666;
        }
        
        .btn-outline:hover {
            border-color: #667eea;
            color: #667eea;
        }
        
        /* 内容卡片 */
        .content-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        }
        
        .content-card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .content-card-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
        }
        
        /* 表格样式 */
        .data-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        .data-table th,
        .data-table td {
            padding: 14px 20px;
            text-align: left;
            border-bottom: 1px solid #f5f5f5;
        }
        
        .data-table th {
            background: #fafbfc;
            font-weight: 600;
            color: #555;
            font-size: 13px;
        }
        
        .data-table td {
            color: #666;
            font-size: 13px;
        }
        
        .data-table tr:hover td {
            background: #f8f9fa;
        }
        
        /* 状态标签 */
        .status-tag {
            display: inline-block;
            padding: 4px 12px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 500;
        }
        
        .status-tag.success { background: #e6f7e6; color: #52c41a; }
        .status-tag.warning { background: #fff7e6; color: #fa8c16; }
        .status-tag.info { background: #e6f0ff; color: #667eea; }
        .status-tag.danger { background: #fff1f0; color: #ff4d4f; }
        .status-tag.default { background: #f5f5f5; color: #999; }
        
        /* 操作按钮组 */
        .action-btns {
            display: flex;
            gap: 8px;
        }
        
        .action-btn {
            padding: 5px 12px;
            border-radius: 6px;
            font-size: 12px;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
        }
        
        .action-btn.view { background: #f6ffed; color: #52c41a; }
        .action-btn.edit { background: #e6f0ff; color: #667eea; }
        .action-btn.delete { background: #fff1f0; color: #ff4d4f; }
        .action-btn.approve { background: #e6f7e6; color: #52c41a; }
        .action-btn.reject { background: #fff1f0; color: #ff4d4f; }
        
        /* 列表项卡片 - 用于特殊功能 */
        .list-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 16px;
        }
        
        .list-card {
            background: white;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
            transition: all 0.2s;
            cursor: pointer;
        }
        
        .list-card:hover {
            box-shadow: 0 4px 20px rgba(102, 126, 234, 0.2);
        }
        
        .list-card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        }
        
        .list-card-title {
            font-size: 15px;
            font-weight: 600;
            color: #333;
        }
        
        .list-card-body {
            color: #666;
            font-size: 13px;
            line-height: 1.6;
        }
        
        .list-card-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid #f0f0f0;
            font-size: 12px;
            color: #999;
        }
        
        /* 表单布局 - 用于配置类功能 */
        .form-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .form-item {
            background: white;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        }
        
        .form-item label {
            display: block;
            font-size: 13px;
            color: #666;
            margin-bottom: 8px;
        }
        
        .form-item input,
        .form-item select,
        .form-item textarea {
            width: 100%;
            padding: 10px 14px;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            font-size: 14px;
            outline: none;
        }
        
        .form-item input:focus,
        .form-item select:focus,
        .form-item textarea:focus {
            border-color: #667eea;
        }
        
        /* 图表区域 */
        .chart-container {
            background: white;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        }
        
        .chart-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        
        .chart-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
        }
        
        .chart-placeholder {
            height: 200px;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf0 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            font-size: 14px;
        }
        
        /* 标签页 */
        .tabs {
            display: flex;
            gap: 4px;
            background: #f5f7fa;
            padding: 4px;
            border-radius: 8px;
            margin-bottom: 20px;
}
        
        .tab {
            padding: 10px 20px;
            border-radius: 6px;
            font-size: 13px;
            color: #666;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .tab.active {
            background: white;
            color: #667eea;
            font-weight: 500;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        
        /* 详情面板 */
        .detail-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }
        
        .detail-item {
            padding: 16px;
            background: #fafbfc;
            border-radius: 8px;
        }
        
        .detail-item label {
            font-size: 12px;
            color: #999;
            display: block;
            margin-bottom: 4px;
        }
        
        .detail-item span {
            font-size: 14px;
            color: #333;
            font-weight: 500;
        }
        
        /* 进度条 */
        .progress-bar {
            height: 8px;
            background: #f0f0f0;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
            border-radius: 4px;
        }
        
        /* 图片网格 */
        .image-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
        }
        
        .image-item {
            aspect-ratio: 1;
            background: #f5f7fa;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 头像 */
        .user-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 600;
        }
        
        /* 标签 */
        .tag {
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            background: #f0f0f0;
            border-radius: 4px;
            font-size: 11px;
            color: #666;
            margin-right: 6px;
            margin-bottom: 4px;
        }
        
        /* 列表样式 */
        .info-list {
            padding: 16px 20px;
        }
        
        .info-list-item {
            display: flex;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid #f5f5f5;
        }
        
        .info-list-item:last-child {
            border-bottom: none;
        }
        
        .info-list-item .label {
            width: 100px;
            color: #999;
            font-size: 13px;
        }
        
        .info-list-item .value {
            flex: 1;
            color: #333;
            font-size: 13px;
        }
    </style>
</head>
<body>
    <!-- 顶部导航 -->
    <header class="header">
        <div class="header-left">
            <div class="logo">
                <svg viewBox="0 0 24 24" width="24" height="24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
            </div>
            <h1>陪诊服务管理系统</h1>
        </div>
        <div class="header-right">
            <div class="icon-btn">
                <svg viewBox="0 0 24 24" width="20" height="20" fill="white"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg>
            </div>
            <div class="user-info">
                <div class="avatar">
                    <svg viewBox="0 0 24 24" width="20" height="20" fill="white"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                </div>
                <span>超级管理员</span>
            </div>
        </div>
    </header>
    
    <!-- 主容器 -->
    <div class="main-container">
        <!-- 左侧菜单 -->
        <nav class="sidebar" id="sidebar">
            <div class="sidebar-header">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="#667eea"><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"/></svg>
                功能菜单
            </div>
            
            <div class="menu-section">
                <div class="menu-section-title">系统管理</div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>
                        <span class="menu-text">权限管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('权限管理', '多角色管理员', '支持设置管理员、运营、财务、客服等多种角色账号', 'roles')">
                            <span class="dot"></span>多角色管理员
                        </div>
                        <div class="menu-item-level2" onclick="showContent('权限管理', '权限分配', '按角色分配不同的功能权限', 'permission')">
                            <span class="dot"></span>权限分配
                        </div>
                        <div class="menu-item-level2" onclick="showContent('权限管理', '操作日志', '记录所有管理员的操作行为日志', 'logs')">
                            <span class="dot"></span>操作日志
                        </div>
                        <div class="menu-item-level2" onclick="showContent('权限管理', '数据权限控制', '按角色分配不同的数据查看权限', 'dataPermission')">
                            <span class="dot"></span>数据权限控制
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3z"/></svg>
                        <span class="menu-text">用户管理</span>
                        <span class="menu-badge">128</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('用户管理', '客户信息管理', '管理所有注册客户的基本信息', 'customers')">
                            <span class="dot"></span>客户信息管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('用户管理', '账号状态管理', '管理客户账号的启用、禁用状态', 'accountStatus')">
                            <span class="dot"></span>账号状态管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('用户管理', '会员等级管理', '设置和管理会员等级体系', 'vipLevel')">
                            <span class="dot"></span>会员等级管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('用户管理', '投诉处理', '处理客户提交的投诉和建议', 'complaints')">
                            <span class="dot"></span>投诉处理
                            <span class="menu-badge" style="background:#fa8c16">5</span>
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                        <span class="menu-text">陪诊师管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('陪诊师管理', '入驻审核', '审核陪诊师的入驻申请资料', 'companionAudit')">
                            <span class="dot"></span>入驻审核
                            <span class="menu-badge" style="background:#52c41a">12</span>
                        </div>
                        <div class="menu-item-level2" onclick="showContent('陪诊师管理', '资质审核', '审核陪诊师提交的资质证书等材料', 'qualification')">
                            <span class="dot"></span>资质审核
                            <span class="menu-badge" style="background:#ff4d4f">3</span>
                        </div>
                        <div class="menu-item-level2" onclick="showContent('陪诊师管理', '账号禁用/启用', '对违规陪诊师进行禁用或重新启用', 'companionStatus')">
                            <span class="dot"></span>账号禁用/启用
                        </div>
                        <div class="menu-item-level2" onclick="showContent('陪诊师管理', '服务范围管理', '管理陪诊师的服务区域范围', 'serviceArea')">
                            <span class="dot"></span>服务范围管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('陪诊师管理', '报价管理', '审核和管理陪诊师的服务报价', 'companionPrice')">
                            <span class="dot"></span>报价管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('陪诊师管理', '陪诊师统计', '统计陪诊师数量、服务时长等', 'companionStats')">
                            <span class="dot"></span>陪诊师统计
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"/></svg>
                        <span class="menu-text">商家管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('商家管理', '商家入驻审核', '审核商家的入驻申请', 'merchantAudit')">
                            <span class="dot"></span>商家入驻审核
                            <span class="menu-badge" style="background:#52c41a">8</span>
                        </div>
                        <div class="menu-item-level2" onclick="showContent('商家管理', '商家资质管理', '管理商家的营业执照等资质', 'merchantQual')">
                            <span class="dot"></span>商家资质管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('商家管理', '商家账号管理', '管理商家账号的启用禁用', 'merchantAccount')">
                            <span class="dot"></span>商家账号管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('商家管理', '商家分类管理', '管理商家分类（餐饮/理疗/商城等）', 'merchantCategory')">
                            <span class="dot"></span>商家分类管理
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="menu-section">
                <div class="menu-section-title">业务管理</div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>
                        <span class="menu-text">服务与价格管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('服务与价格管理', '服务项目配置', '配置半天/全天/夜间陪诊等服务项目', 'serviceItems')">
                            <span class="dot"></span>服务项目配置
                        </div>
                        <div class="menu-item-level2" onclick="showContent('服务与价格管理', '代服务配置', '配置代取药、代取报告、代办出入院等服务', 'proxyService')">
                            <span class="dot"></span>代服务配置
                        </div>
                        <div class="menu-item-level2" onclick="showContent('服务与价格管理', '价格编辑', '后台自由编辑服务价格，实时生效', 'priceEdit')">
                            <span class="dot"></span>价格编辑
                        </div>
                        <div class="menu-item-level2" onclick="showContent('服务与价格管理', '价格模板管理', '创建和管理价格模板方案', 'priceTemplate')">
                            <span class="dot"></span>价格模板管理
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z"/></svg>
                        <span class="menu-text">保险管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('保险管理', '保险公司对接', '对接第三方保险公司接口', 'insuranceCompany')">
                            <span class="dot"></span>保险公司对接
                        </div>
                        <div class="menu-item-level2" onclick="showContent('保险管理', '保险产品配置', '配置陪诊服务关联的保险产品', 'insuranceProduct')">
                            <span class="dot"></span>保险产品配置
                        </div>
                        <div class="menu-item-level2" onclick="showContent('保险管理', '保险订单管理', '管理所有保险投保记录', 'insuranceOrder')">
                            <span class="dot"></span>保险订单管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('保险管理', '保险理赔管理', '处理保险理赔申请和记录', 'insuranceClaim')">
                            <span class="dot"></span>保险理赔管理
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
                        <span class="menu-text">订单管理</span>
                        <span class="menu-badge">156</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('订单管理', '订单全流程监控', '实时监控所有订单状态和进度', 'orderMonitor')">
                            <span class="dot"></span>订单全流程监控
                        </div>
                        <div class="menu-item-level2" onclick="showContent('订单管理', '订单派单/改派', '手动派单或修改订单分配', 'orderDispatch')">
                            <span class="dot"></span>订单派单/改派
                        </div>
                        <div class="menu-item-level2" onclick="showContent('订单管理', '订单取消审核', '审核用户提交的取消订单申请', 'orderCancel')">
                            <span class="dot"></span>订单取消审核
                            <span class="menu-badge" style="background:#fa8c16">7</span>
                        </div>
                        <div class="menu-item-level2" onclick="showContent('订单管理', '退款审核', '处理订单退款申请', 'orderRefund')">
                            <span class="dot"></span>退款审核
                            <span class="menu-badge" style="background:#ff4d4f">2</span>
                        </div>
                        <div class="menu-item-level2" onclick="showContent('订单管理', '纠纷处理', '处理订单服务中的纠纷投诉', 'orderDispute')">
                            <span class="dot"></span>纠纷处理
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1z"/></svg>
                        <span class="menu-text">商城管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('商城管理', '自营商品管理', '管理自营商品的上架、编辑、下架', 'selfProduct')">
                            <span class="dot"></span>自营商品管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('商城管理', '商品分类管理', '管理商城商品分类', 'productCategory')">
                            <span class="dot"></span>商品分类管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('商城管理', '库存管理', '管理商品库存数量', 'inventory')">
                            <span class="dot"></span>库存管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('商城管理', '优惠券管理', '创建和发放商城优惠券', 'coupon')">
                            <span class="dot"></span>优惠券管理
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="menu-section">
                <div class="menu-section-title">财务与报表</div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>
                        <span class="menu-text">财务结算</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('财务结算', '自动结算系统', '系统自动计算陪诊师提成、代理人提成、介绍人提成', 'autoSettlement')">
                            <span class="dot"></span>自动结算系统
                        </div>
                        <div class="menu-item-level2" onclick="showContent('财务结算', '结算规则配置', '配置平台抽成比例、提成规则等', 'settlementRule')">
                            <span class="dot"></span>结算规则配置
                        </div>
                        <div class="menu-item-level2" onclick="showContent('财务结算', '商家结算', '与入驻商家进行收益结算', 'merchantSettlement')">
                            <span class="dot"></span>商家结算
                        </div>
                        <div class="menu-item-level2" onclick="showContent('财务结算', '提现审核', '审核陪诊师和商家的提现申请', 'withdrawAudit')">
                            <span class="dot"></span>提现审核
                            <span class="menu-badge" style="background:#ff4d4f">4</span>
                        </div>
                        <div class="menu-item-level2" onclick="showContent('财务结算', '对账明细', '提供详细的财务对账明细单', 'reconciliation')">
                            <span class="dot"></span>对账明细
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
                        <span class="menu-text">数据分析</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('数据分析', '实时数据看板', '展示核心业务数据实时看板', 'dashboard')">
                            <span class="dot"></span>实时数据看板
                        </div>
                        <div class="menu-item-level2" onclick="showContent('数据分析', '趋势分析', '分析订单、收入、用户等趋势变化', 'trend')">
                            <span class="dot"></span>趋势分析
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="menu-section">
                <div class="menu-section-title">运营与内容</div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>
                        <span class="menu-text">消息通知</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('消息通知', '模板消息管理', '配置各类型通知模板', 'msgTemplate')">
                            <span class="dot"></span>模板消息管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('消息通知', '消息推送记录', '查看消息推送历史记录', 'msgRecord')">
                            <span class="dot"></span>消息推送记录
                        </div>
                        <div class="menu-item-level2" onclick="showContent('消息通知', '系统公告', '发布平台系统公告', 'announcement')">
                            <span class="dot"></span>系统公告
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
                        <span class="menu-text">内容管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('内容管理', '首页轮播管理', '管理首页轮播图内容', 'banner')">
                            <span class="dot"></span>首页轮播管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('内容管理', '广告位管理', '管理各页面广告位内容', 'adPosition')">
                            <span class="dot"></span>广告位管理
                        </div>
                        <div class="menu-item-level2" onclick="showContent('内容管理', '协议管理', '管理用户协议、隐私政策等', 'agreement')">
                            <span class="dot"></span>协议管理
                        </div>
                    </div>
                </div>
                
                <div class="menu-item">
                    <div class="menu-item-level1" onclick="toggleMenu(this)">
                        <svg class="menu-icon" viewBox="0 0 24 24"><path fill="#667eea" d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3z"/></svg>
                        <span class="menu-text">客服管理</span>
                        <svg class="menu-arrow" viewBox="0 0 24 24"><path fill="#999" d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                    </div>
                    <div class="menu-sub">
                        <div class="menu-item-level2" onclick="showContent('客服管理', '在线客服系统', '管理在线客服系统和会话记录', 'onlineService')">
                            <span class="dot"></span>在线客服系统
                        </div>
                        <div class="menu-item-level2" onclick="showContent('客服管理', '客服工单处理', '处理用户提交的客服工单', 'workOrder')">
                            <span class="dot"></span>客服工单处理
                            <span class="menu-badge" style="background:#fa8c16">15</span>
                        </div>
                        <div class="menu-item-level2" onclick="showContent('客服管理', '满意度统计', '统计客服服务满意度', 'satisfaction')">
                            <span class="dot"></span>满意度统计
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        
        <!-- 右侧内容区 -->
        <main class="content-area" id="contentArea">
            <!-- 欢迎页面 -->
            <div class="welcome-page" id="welcomePage">
                <div class="welcome-icon">
                    <svg viewBox="0 0 24 24" width="60" height="60" fill="white"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
                </div>
                <h2>欢迎使用陪诊服务管理系统</h2>
                <p>请从左侧菜单选择功能模块开始操作</p>
            </div>
            
            <!-- 动态内容区 -->
            <div id="dynamicContent" style="display: none;"></div>
        </main>
    </div>
    
    <script>
        // 切换一级菜单
        function toggleMenu(element) {
            const subMenu = element.nextElementSibling;
            const isExpanded = element.classList.contains('expanded');
            
            document.querySelectorAll('.menu-item-level1.expanded').forEach(item => {
                item.classList.remove('expanded');
                item.nextElementSibling.classList.remove('expanded');
            });
            
            if (!isExpanded) {
                element.classList.add('expanded');
                subMenu.classList.add('expanded');
            }
            
            document.querySelectorAll('.menu-item-level1').forEach(item => {
                item.classList.remove('active');
            });
            element.classList.add('active');
        }
        
        // 内容配置
        const pageConfigs = {
            // 权限管理
            roles: {
                title: '多角色管理员',
                stats: [
                    { label: '管理员总数', value: '8', icon: 'blue', trend: '+2 本月' },
                    { label: '运营人员', value: '12', icon: 'green', trend: '+3 本月' },
                    { label: '财务人员', value: '4', icon: 'orange', trend: '0' },
                    { label: '客服人员', value: '16', icon: 'purple', trend: '+5 本月' }
                ],
                tableHeaders: ['角色名称', '成员数', '权限数', '创建时间', '状态', '操作'],
                tableData: [
                    ['超级管理员', '1', '全部', '2024-01-01', '正常', 'view|edit'],
                    ['运营主管', '3', '45', '2024-02-15', '正常', 'view|edit'],
                    ['财务经理', '2', '32', '2024-03-10', '正常', 'view|edit'],
                    ['客服组长', '4', '28', '2024-04-20', '正常', 'view|edit'],
                    ['地市管理员', '8', '18', '2024-05-05', '正常', 'view|edit']
                ]
            },
            logs: {
                title: '操作日志',
                stats: [
                    { label: '今日操作', value: '1,284', icon: 'blue', trend: '+156' },
                    { label: '异常操作', value: '12', icon: 'red', trend: '-3' },
                    { label: '登录次数', value: '456', icon: 'green', trend: '+28' },
                    { label: '数据变更', value: '892', icon: 'purple', trend: '+67' }
                ],
                tableHeaders: ['操作时间', '操作用户', '操作类型', '操作模块', 'IP地址', '操作详情'],
                tableData: [
                    ['2024-06-18 14:32:15', '张明(管理员)', '新增', '陪诊师管理', '192.168.1.105', '新增陪诊师：李小红' ],
                    ['2024-06-18 14:25:33', '李华(运营)', '编辑', '服务配置', '192.168.1.108', '修改半天陪诊价格：150→180' ],
                    ['2024-06-18 14:18:42', '王芳(财务)', '审核', '提现管理', '192.168.1.112', '审核通过提现申请：¥2,500' ],
                    ['2024-06-18 14:10:07', '赵强(客服)', '回复', '投诉处理', '192.168.1.115', '回复用户投诉工单#1234' ],
                    ['2024-06-18 13:58:22', '陈静(管理员)', '删除', '商家管理', '192.168.1.103', '删除商家：老王火锅店' ]
                ]
            },
            // 用户管理
            customers: {
                title: '客户信息管理',
                stats: [
                    { label: '总客户数', value: '12,856', icon: 'blue', trend: '+328 本月' },
                    { label: '活跃用户', value: '8,642', icon: 'green', trend: '+156' },
                    { label: '会员用户', value: '3,215', icon: 'purple', trend: '+89' },
                    { label: '今日新增', value: '56', icon: 'orange', trend: '+12' }
                ],
                tableHeaders: ['用户ID', '昵称', '手机号', '会员等级', '注册时间', '订单数', '状态', '操作'],
                tableData: [
                    ['U10001', '健康达人', '138****5678', 'VIP黄金', '2024-01-15', '28', '正常', 'view|edit|disable'],
                    ['U10002', '温暖阳光', '139****1234', 'VIP钻石', '2024-02-20', '45', '正常', 'view|edit|disable'],
                    ['U10003', '平安是福', '136****8765', '普通会员', '2024-03-10', '12', '正常', 'view|edit|disable'],
                    ['U10004', '幸福生活', '158****4321', 'VIP白银', '2024-04-05', '8', '禁用', 'view|enable'],
                    ['U10005', '快乐天使', '177****9988', 'VIP黄金', '2024-05-18', '3', '正常', 'view|edit|disable']
                ]
            },
            vipLevel: {
                title: '会员等级管理',
                stats: [
                    { label: '等级数量', value: '4', icon: 'blue', trend: '' },
                    { label: 'VIP用户', value: '3,215', icon: 'purple', trend: '+89' },
                    { label: '本月升级', value: '156', icon: 'green', trend: '+23' },
                    { label: '降级用户', value: '8', icon: 'orange', trend: '-2' }
                ],
                tableHeaders: ['等级名称', '图标', '折扣比例', '专属权益', '用户数量', '升级条件', '操作'],
                tableData: [
                    ['普通会员', '🌱', '无折扣', '基础服务', '9,641', '注册即得', 'view|edit'],
                    ['VIP白银', '🥈', '9.5折', '优先排队+9折', '1,856', '消费满1000', 'view|edit'],
                    ['VIP黄金', '🥇', '9折', '优先排队+8折+专人服务', '1,204', '消费满5000', 'view|edit'],
                    ['VIP钻石', '💎', '8.5折', '全折扣+专人服务+专属顾问', '155', '消费满20000', 'view|edit']
                ]
            },
            complaints: {
                title: '投诉处理',
                stats: [
                    { label: '待处理', value: '5', icon: 'red', trend: '' },
                    { label: '处理中', value: '8', icon: 'orange', trend: '' },
                    { label: '已完成', value: '156', icon: 'green', trend: '+23' },
                    { label: '总投诉', value: '169', icon: 'blue', trend: '' }
                ],
                tableHeaders: ['工单编号', '用户', '投诉类型', '投诉对象', '时间', '状态', '操作'],
                tableData: [
                    ['C2024061801', '张**', '服务态度', '陪诊师-李小红', '2024-06-18 14:30', '待处理', 'view|handle'],
                    ['C2024061705', '王**', '订单问题', '订单#123456', '2024-06-17 10:15', '处理中', 'view|handle'],
                    ['C2024061702', '李**', '退款申请', '订单#123455', '2024-06-17 09:22', '待处理', 'view|handle'],
                    ['C2024061608', '赵**', '其他问题', '系统问题', '2024-06-16 16:45', '已完成', 'view'],
                    ['C2024061603', '钱**', '服务态度', '陪诊师-王强', '2024-06-16 11:20', '已完成', 'view']
                ]
            },
            // 陪诊师管理
            companionAudit: {
                title: '入驻审核',
                stats: [
                    { label: '待审核', value: '12', icon: 'red', trend: '' },
                    { label: '审核通过', value: '86', icon: 'green', trend: '+5' },
                    { label: '审核拒绝', value: '23', icon: 'orange', trend: '+2' },
                    { label: '本月新增', value: '18', icon: 'blue', trend: '' }
                ],
                tableHeaders: ['申请ID', '姓名', '手机号', '资质证书', '服务区域', '申请时间', '状态', '操作'],
                tableData: [
                    ['PZ2024061801', '王小明', '158****1234', '身份证、健康证', '北京市朝阳区', '2024-06-18', '待审核', 'view|approve|reject'],
                    ['PZ2024061802', '李秀英', '139****5678', '身份证、护士证', '北京市海淀区', '2024-06-18', '待审核', 'view|approve|reject'],
                    ['PZ2024061703', '张伟', '177****9988', '身份证、健康证', '北京市东城区', '2024-06-17', '待审核', 'view|approve|reject'],
                    ['PZ2024061701', '刘芳', '136****4321', '身份证、护理证', '北京市西城区', '2024-06-17', '已通过', 'view'],
                    ['PZ2024061605', '陈刚', '158****8765', '身份证、健康证', '北京市丰台区', '2024-06-16', '已拒绝', 'view']
                ]
            },
            companionStats: {
                title: '陪诊师统计',
                stats: [
                    { label: '陪诊师总数', value: '156', icon: 'blue', trend: '+12' },
                    { label: '今日在线', value: '89', icon: 'green', trend: '' },
                    { label: '服务中', value: '23', icon: 'orange', trend: '' },
                    { label: '本月订单', value: '2,458', icon: 'purple', trend: '+356' }
                ],
                tableHeaders: ['陪诊师', '本月订单', '服务时长', '好评率', '收入', '等级', '状态'],
                tableData: [
                    ['李小红 ⭐⭐⭐', '86', '168小时', '98.5%', '¥12,580', '钻石', '服务中'],
                    ['王强 ⭐⭐', '72', '142小时', '95.2%', '¥10,260', '黄金', '在线'],
                    ['张美丽 ⭐⭐⭐', '68', '136小时', '97.8%', '¥9,840', '黄金', '离线'],
                    ['刘伟 ⭐', '55', '108小时', '92.1%', '¥7,920', '白银', '在线'],
                    ['陈静 ⭐⭐', '48', '96小时', '96.5%', '¥6,960', '白银', '服务中']
                ]
            },
            // 商家管理
            merchantAudit: {
                title: '商家入驻审核',
                stats: [
                    { label: '待审核', value: '8', icon: 'red', trend: '' },
                    { label: '已入驻', value: '45', icon: 'green', trend: '+3' },
                    { label: '申请拒绝', value: '12', icon: 'orange', trend: '+1' },
                    { label: '本月新增', value: '6', icon: 'blue', trend: '' }
                ],
                tableHeaders: ['商家ID', '商家名称', '行业类型', '负责人', '联系电话', '申请时间', '状态', '操作'],
                tableData: [
                    ['M2024061801', '老王火锅店', '餐饮', '王老板', '138****5678', '2024-06-18', '待审核', 'view|approve|reject'],
                    ['M2024061702', '康泰理疗馆', '理疗', '李经理', '139****1234', '2024-06-17', '待审核', 'view|approve|reject'],
                    ['M2024061603', '健康商城', '商城', '张总', '158****8765', '2024-06-16', '已通过', 'view'],
                    ['M2024061501', '养生堂', '理疗', '刘老板', '177****4321', '2024-06-15', '已通过', 'view'],
                    ['M2024061402', '美食坊', '餐饮', '赵经理', '136****9988', '2024-06-14', '已拒绝', 'view']
                ]
            },
            // 订单管理
            orderMonitor: {
                title: '订单全流程监控',
                stats: [
                    { label: '今日订单', value: '86', icon: 'blue', trend: '+12' },
                    { label: '进行中', value: '23', icon: 'orange', trend: '' },
                    { label: '已完成', value: '58', icon: 'green', trend: '' },
                    { label: '异常订单', value: '2', icon: 'red', trend: '' }
                ],
                tableHeaders: ['订单号', '用户', '陪诊师', '服务类型', '医院', '下单时间', '金额', '状态'],
                tableData: [
                    ['ORD20240618001', '张**', '李小红', '全天陪诊', '北京协和医院', '14:30', '¥380', '服务中'],
                    ['ORD20240618002', '王**', '王强', '半天陪诊', '北京大学医院', '13:45', '¥200', '待派单'],
                    ['ORD20240618003', '李**', '未分配', '代取药', '北京同仁医院', '12:20', '¥80', '待派单'],
                    ['ORD20240618004', '赵**', '张美丽', '代办出院', '北京友谊医院', '11:30', '¥150', '已完成'],
                    ['ORD20240617005', '钱**', '刘伟', '全天陪诊', '北京宣武医院', '昨天', '¥400', '已完成']
                ]
            },
            orderDispatch: {
                title: '订单派单/改派',
                stats: [
                    { label: '待派单', value: '15', icon: 'red', trend: '' },
                    { label: '已派单', value: '86', icon: 'green', trend: '' },
                    { label: '改派中', value: '3', icon: 'orange', trend: '' },
                    { label: '今日完成', value: '42', icon: 'blue', trend: '+8' }
                ],
                tableHeaders: ['订单号', '服务类型', '医院', '预约时间', '客户地址', '优先级', '状态', '操作'],
                tableData: [
                    ['ORD20240618001', '全天陪诊', '北京协和医院', '15:00', '朝阳区建国路88号', '紧急', '待抢单', 'view|cancel'],
                    ['ORD20240618002', '半天陪诊', '北京大学医院', '14:00', '海淀区中关村大街', '普通', '已派单', 'view|reassign'],
                    ['ORD20240618003', '代取药', '北京同仁医院', '16:00', '东城区崇文门外大街', '普通', '待派单', 'view|assign'],
                    ['ORD20240617004', '夜间陪诊', '北京天坛医院', '20:00', '丰台区天坛南里', '紧急', '改派中', 'view|handle'],
                    ['ORD20240617005', '代办出院', '北京友谊医院', '10:00', '西城区永安路', '普通', '已完成', 'view']
                ]
            },
            // 服务与价格管理
            serviceItems: {
                title: '服务项目配置',
                stats: [
                    { label: '服务项目', value: '18', icon: 'blue', trend: '+2' },
                    { label: '启用中', value: '16', icon: 'green', trend: '' },
                    { label: '停用中', value: '2', icon: 'orange', trend: '' },
                    { label: '今日订单', value: '86', icon: 'purple', trend: '' }
                ],
                tableHeaders: ['项目编码', '服务名称', '服务类型', '基础价格', '单位', '服务时长', '状态', '操作'],
                tableData: [
                    ['S001', '半天陪诊', '基础服务', '¥180', '次', '4小时', '启用', 'view|edit|disable'],
                    ['S002', '全天陪诊', '基础服务', '¥320', '次', '8小时', '启用', 'view|edit|disable'],
                    ['S003', '夜间陪诊', '基础服务', '¥280', '次', '6小时', '启用', 'view|edit|disable'],
                    ['S004', '代取药品', '增值服务', '¥60', '次', '-', '启用', 'view|edit|disable'],
                    ['S005', '代取报告', '增值服务', '¥50', '次', '-', '启用', 'view|edit|disable'],
                    ['S006', '代办出院', '增值服务', '¥150', '次', '-', '停用', 'view|edit|enable']
                ]
            },
            priceEdit: {
                title: '价格编辑',
                stats: [
                    { label: '价格规则', value: '24', icon: 'blue', trend: '' },
                    { label: '调价记录', value: '36', icon: 'green', trend: '+5' },
                    { label: '本月调价', value: '8', icon: 'orange', trend: '' },
                    { label: '待生效', value: '2', icon: 'purple', trend: '' }
                ],
                tableHeaders: ['规则名称', '服务类型', '原价', '现价', '优惠', '生效时间', '状态', '操作'],
                tableData: [
                    ['工作日半天价', '半天陪诊', '¥180', '¥160', '-11%', '2024-07-01', '待生效', 'view|edit|cancel'],
                    ['周末全天价', '全天陪诊', '¥320', '¥360', '+12.5%', '已生效', '启用', 'view|edit|disable'],
                    ['节假日特惠', '全天陪诊', '¥320', '¥280', '-12.5%', '已生效', '启用', 'view|edit|disable'],
                    ['夜间服务费', '夜间陪诊', '¥280', '¥320', '+14.3%', '已生效', '启用', 'view|edit|disable'],
                    ['会员专享价', '全部服务', '-', '8折', '20%', '已生效', '启用', 'view|edit|disable']
                ]
            },
            // 保险管理
            insuranceOrder: {
                title: '保险订单管理',
                stats: [
                    { label: '投保中', value: '128', icon: 'blue', trend: '' },
                    { label: '已生效', value: '2,456', icon: 'green', trend: '+89' },
                    { label: '理赔中', value: '12', icon: 'orange', trend: '+3' },
                    { label: '本月保费', value: '¥45,280', icon: 'purple', trend: '' }
                ],
                tableHeaders: ['保单号', '用户', '保险产品', '保费', '保额', '生效日期', '状态', '操作'],
                tableData: [
                    ['INS20240618001', '张**', '陪诊安心险', '¥120/年', '¥50,000', '2024-06-18', '投保中', 'view|pay|cancel'],
                    ['INS20240617002', '王**', '健康保障险', '¥199/年', '¥100,000', '2024-06-17', '已生效', 'view|claim|refund'],
                    ['INS20240616003', '李**', '陪诊安心险', '¥120/年', '¥50,000', '2024-06-16', '已生效', 'view'],
                    ['INS20240615004', '赵**', '综合医疗险', '¥299/年', '¥150,000', '2024-06-15', '理赔中', 'view|handle'],
                    ['INS20240614005', '钱**', '陪诊安心险', '¥120/年', '¥50,000', '2024-06-14', '已生效', 'view']
                ]
            },
            // 商城管理
            selfProduct: {
                title: '自营商品管理',
                stats: [
                    { label: '商品总数', value: '156', icon: 'blue', trend: '+12' },
                    { label: '在售', value: '128', icon: 'green', trend: '' },
                    { label: '已下架', value: '28', icon: 'orange', trend: '' },
                    { label: '今日销量', value: '86', icon: 'purple', trend: '' }
                ],
                tableHeaders: ['商品ID', '商品名称', '分类', '价格', '库存', '销量', '状态', '操作'],
                tableData: [
                    ['P001', '轮椅租赁', '医疗器材', '¥50/天', '20', '156', '在售', 'view|edit|offline'],
                    ['P002', '折叠拐杖', '医疗器材', '¥15/天', '50', '89', '在售', 'view|edit|offline'],
                    ['P003', '陪诊套餐A', '服务套餐', '¥380', '-', '256', '在售', 'view|edit|offline'],
                    ['P004', '健康手册', '周边商品', '¥29', '100', '45', '在售', 'view|edit|offline'],
                    ['P005', '护理包', '周边商品', '¥68', '0', '32', '已下架', 'view|edit|online']
                ]
            },
            inventory: {
                title: '库存管理',
                stats: [
                    { label: '商品种类', value: '45', icon: 'blue', trend: '' },
                    { label: '库存充足', value: '38', icon: 'green', trend: '' },
                    { label: '库存预警', value: '5', icon: 'orange', trend: '' },
                    { label: '已售罄', value: '2', icon: 'red', trend: '' }
                ],
                tableHeaders: ['商品名称', '分类', '当前库存', '安全库存', '本月出库', '在途', '状态', '操作'],
                tableData: [
                    ['轮椅租赁', '医疗器材', '20', '10', '156', '5', '正常', 'view|restock'],
                    ['折叠拐杖', '医疗器材', '50', '15', '89', '20', '正常', 'view|restock'],
                    ['护理包', '周边商品', '0', '20', '32', '0', '售罄', 'view|restock'],
                    ['健康手册', '周边商品', '100', '30', '45', '50', '正常', 'view|restock'],
                    ['口罩套装', '防护用品', '8', '20', '120', '30', '预警', 'view|restock']
                ]
            },
            coupon: {
                title: '优惠券管理',
                stats: [
                    { label: '优惠券总数', value: '28', icon: 'blue', trend: '+5' },
                    { label: '活动中', value: '12', icon: 'green', trend: '' },
                    { label: '已使用', value: '1,568', icon: 'purple', trend: '+89' },
                    { label: '发放总量', value: '5,000', icon: 'orange', trend: '' }
                ],
                tableHeaders: ['优惠券名称', '类型', '面额', '使用条件', '有效期', '已发放', '已使用', '状态'],
                tableData: [
                    ['新用户专享', '满减券', '¥50', '满200可用', '2024-06-01至06-30', '1,000', '856', '进行中'],
                    ['限时折扣', '折扣券', '8.5折', '无门槛', '2024-06-15至06-20', '2,000', '1,542', '进行中'],
                    ['会员专享', '满减券', '¥30', '满100可用', '长期有效', '500', '320', '进行中'],
                    ['端午活动', '现金券', '¥100', '满500可用', '已结束', '1,500', '1,280', '已结束'],
                    ['邀请奖励', '现金券', '¥20', '无门槛', '长期有效', '已停发', '1,200', '已停发']
                ]
            },
            // 财务结算
            autoSettlement: {
                title: '自动结算系统',
                stats: [
                    { label: '今日结算', value: '¥12,580', icon: 'blue', trend: '' },
                    { label: '待结算', value: '¥3,420', icon: 'orange', trend: '' },
                    { label: '本月完成', value: '¥286,500', icon: 'green', trend: '+45,600' },
                    { label: '手续费收入', value: '¥8,595', icon: 'purple', trend: '' }
                ],
                tableHeaders: ['结算批次', '结算日期', '陪诊师数', '订单数', '结算金额', '平台抽成', '实际发放', '状态'],
                tableData: [
                    ['B2024061801', '2024-06-18', '45', '86', '¥12,580', '¥1,258', '¥11,322', '已结算'],
                    ['B2024061701', '2024-06-17', '52', '98', '¥14,260', '¥1,426', '¥12,834', '已结算'],
                    ['B2024061601', '2024-06-16', '48', '92', '¥13,420', '¥1,342', '¥12,078', '已结算'],
                    ['B2024061501', '2024-06-15', '55', '105', '¥15,680', '¥1,568', '¥14,112', '已结算'],
                    ['B2024061401', '2024-06-14', '42', '78', '¥11,240', '¥1,124', '¥10,116', '已结算']
                ]
            },
            withdrawAudit: {
                title: '提现审核',
                stats: [
                    { label: '待审核', value: '4', icon: 'red', trend: '' },
                    { label: '已通过', value: '156', icon: 'green', trend: '+12' },
                    { label: '已拒绝', value: '23', icon: 'orange', trend: '+2' },
                    { label: '本月提现', value: '¥86,520', icon: 'blue', trend: '' }
],
                tableHeaders: ['申请编号', '用户类型', '用户名称', '提现金额', '手续费', '到账金额', '申请时间', '状态', '操作'],
                tableData: [
                    ['W2024061801', '陪诊师', '李小红', '¥2,500', '¥25', '¥2,475', '2024-06-18 14:30', '待审核', 'view|approve|reject'],
                    ['W2024061802', '陪诊师', '王强', '¥1,800', '¥18', '¥1,782', '2024-06-18 11:20', '待审核', 'view|approve|reject'],
                    ['W2024061705', '商家', '老王火锅', '¥5,000', '¥50', '¥4,950', '2024-06-17 16:45', '待审核', 'view|approve|reject'],
                    ['W2024061704', '陪诊师', '张美丽', '¥3,200', '¥32', '¥3,168', '2024-06-17 10:00', '已通过', 'view'],
                    ['W2024061703', '陪诊师', '刘伟', '¥1,500', '¥15', '¥1,485', '2024-06-17 09:30', '已拒绝', 'view']
                ]
            },
            // 数据分析
            dashboard: {
                title: '实时数据看板',
                type: 'dashboard',
                stats: [
                    { label: '今日订单', value: '86', icon: 'blue', trend: '+12 ↑' },
                    { label: '今日收入', value: '¥28,560', icon: 'green', trend: '+15% ↑' },
                    { label: '活跃用户', value: '1,256', icon: 'purple', trend: '+8% ↑' },
                    { label: '陪诊师在线', value: '89/156', icon: 'orange', trend: '57%' }
                ],
                tableHeaders: ['时间', '订单数', '收入', '新用户', '完成订单', '取消订单'],
                tableData: [
                    ['09:00-10:00', '12', '¥3,840', '28', '10', '0'],
                    ['10:00-11:00', '18', '¥5,760', '35', '15', '1'],
                    ['11:00-12:00', '15', '¥4,800', '42', '12', '0'],
                    ['12:00-13:00', '8', '¥2,560', '22', '7', '0'],
                    ['13:00-14:00', '11', '¥3,520', '31', '9', '1']
                ]
            },
            trend: {
                title: '趋势分析',
                type: 'dashboard',
                stats: [
                    { label: '本周订单', value: '586', icon: 'blue', trend: '+18%' },
                    { label: '本周收入', value: '¥186,520', icon: 'green', trend: '+12%' },
                    { label: '新增用户', value: '328', icon: 'purple', trend: '+25%' },
                    { label: '服务满意度', value: '96.5%', icon: 'orange', trend: '+2%' }
                ],
                tableHeaders: ['日期', '订单数', '收入', '用户增长', '陪诊师活跃', '平均评分'],
                tableData: [
                    ['2024-06-18', '86', '¥28,560', '+42', '89', '4.8'],
                    ['2024-06-17', '92', '¥30,240', '+38', '92', '4.9'],
                    ['2024-06-16', '78', '¥25,680', '+35', '82', '4.7'],
                    ['2024-06-15', '95', '¥31,200', '+45', '95', '4.9'],
                    ['2024-06-14', '68', '¥22,400', '+28', '75', '4.6']
                ]
            },
            // 消息通知
            msgTemplate: {
                title: '模板消息管理',
                stats: [
                    { label: '模板总数', value: '18', icon: 'blue', trend: '+2' },
                    { label: '启用中', value: '15', icon: 'green', trend: '' },
                    { label: '本月发送', value: '45,280', icon: 'purple', trend: '+3,200' },
                    { label: '送达率', value: '98.5%', icon: 'orange', trend: '' }
                ],
                tableHeaders: ['模板ID', '模板名称', '模板类型', '内容预览', '发送次数', '启用状态', '操作'],
                tableData: [
                    ['T001', '订单确认通知', '订单类', '您的陪诊订单已确认...', '12,568', '启用', 'view|edit|disable'],
['T002', '陪诊师通知', '派单类', '您有新的陪诊订单...', '8,956', '启用', 'view|edit|disable'],
                    ['T003', '完成提醒', '状态类', '您的陪诊服务已完成...', '6,234', '启用', 'view|edit|disable'],
                    ['T004', '退款通知', '财务类', '您的退款申请已处理...', '2,156', '启用', 'view|edit|disable'],
                    ['T005', '活动通知', '营销类', '限时优惠：新人专享...', '5,680', '停用', 'view|edit|enable']
                ]
            },
            // 内容管理
            banner: {
                title: '首页轮播管理',
                stats: [
                    { label: '轮播图数量', value: '5', icon: 'blue', trend: '' },
                    { label: '启用中', value: '4', icon: 'green', trend: '' },
                    { label: '本周点击', value: '12,568', icon: 'purple', trend: '+1,200' },
                    { label: '点击率', value: '3.2%', icon: 'orange', trend: '' }
                ],
                tableHeaders: ['排序', '图片', '标题', '链接', '展示位置', '有效期', '状态', '操作'],
                tableData: [
                    ['1', 'banner_01.jpg', '陪诊服务全新上线', '/pages/index', '首页', '永久', '启用', 'view|edit|disable'],
                    ['2', 'banner_02.jpg', '邀请好友得优惠券', '/pages/invite', '首页', '2024-06-30', '启用', 'view|edit|disable'],
                    ['3', 'banner_03.jpg', '端午限时优惠', '/pages/activity', '首页', '2024-06-25', '启用', 'view|edit|disable'],
                    ['4', 'banner_04.jpg', '新用户专享福利', '/pages/newuser', '首页', '永久', '停用', 'view|edit|enable'],
                    ['5', 'banner_05.jpg', '陪诊师招募中', '/pages/recruit', '首页', '永久', '启用', 'view|edit|disable']
                ]
            },
            announcement: {
                title: '系统公告',
                stats: [
                    { label: '公告总数', value: '28', icon: 'blue', trend: '+3' },
                    { label: '进行中', value: '5', icon: 'green', trend: '' },
                    { label: '总阅读', value: '125,680', icon: 'purple', trend: '+8,960' },
                    { label: '置顶', value: '2', icon: 'orange', trend: '' }
                ],
                tableHeaders: ['公告ID', '公告标题', '类型', '发布时间', '发布人', '阅读量', '状态', '操作'],
                tableData: [
                    ['A001', '【重要】端午假期服务安排通知', '重要通知', '2024-06-15 10:00', '管理员', '5,680', '置顶', 'view|edit|stick'],
                    ['A002', '平台服务升级维护公告', '系统公告', '2024-06-12 14:30', '技术部', '3,256', '进行中', 'view|edit|unstick'],
                    ['A003', '新增陪诊师入驻奖励活动', '活动公告', '2024-06-10 09:00', '运营部', '4,892', '进行中', 'view|edit'],
                    ['A004', '端午节限时优惠活动开启', '活动公告', '2024-06-08 11:00', '市场部', '6,540', '进行中', 'view|edit'],
                    ['A005', '服务协议更新通知', '重要通知', '2024-06-01 16:00', '法务部', '8,920', '已结束', 'view']
                ]
            },
            // 客服管理
            workOrder: {
                title: '客服工单处理',
                stats: [
                    { label: '待处理', value: '15', icon: 'red', trend: '' },
                    { label: '处理中', value: '23', icon: 'orange', trend: '' },
                    { label: '已完成', value: '568', icon: 'green', trend: '+45' },
                    { label: '平均响应', value: '2.5小时', icon: 'blue', trend: '' }
                ],
                tableHeaders: ['工单编号', '用户', '问题类型', '优先级', '客服', '创建时间', '状态', '操作'],
                tableData: [
                    ['WO2024061801', '张**', '订单问题', '紧急', '待分配', '2024-06-18 14:30', '待处理', 'view|assign|close'],
                    ['WO2024061802', '王**', '退款申请', '高', '李明', '2024-06-18 13:20', '处理中', 'view|handle'],
                    ['WO2024061705', '李**', '服务投诉', '中', '王芳', '2024-06-17 16:45', '处理中', 'view|handle'],
                    ['WO2024061704', '赵**', '功能咨询', '低', '刘强', '2024-06-17 11:00', '已完成', 'view'],
                    ['WO2024061702', '钱**', '其他问题', '低', '陈静', '2024-06-17 09:30', '已完成', 'view']
                ]
            },
            satisfaction: {
                title: '满意度统计',
                stats: [
                    { label: '本月评价', value: '856', icon: 'blue', trend: '+68' },
                    { label: '满意率', value: '96.5%', icon: 'green', trend: '+0.8%' },
                    { label: '不满意', value: '30', icon: 'orange', trend: '-5' },
                    { label: '平均分', value: '4.8', icon: 'purple', trend: '' }
                ],
                tableHeaders: ['客服名称', '处理量', '好评(5星)', '中评(3-4星)', '差评(1-2星)', '满意度', '排名'],
                tableData: [
                    ['李明', '156', '148', '6', '2', '98.7%', '🥇 第1名'],
                    ['王芳', '142', '135', '5', '2', '97.2%', '🥈 第2名'],
                    ['刘强', '128', '120', '6', '2', '96.1%', '🥉 第3名'],
                    ['陈静', '118', '108', '8', '2', '94.1%', '第4名'],
                    ['张伟', '105', '95', '7', '3', '93.3%', '第5名']
                ]
            }
        };
        
        // 显示功能内容
        function showContent(module, feature, desc, pageKey) {
            const config = pageConfigs[pageKey] || {
                title: feature,
                stats: [
                    { label: '数据总量', value: Math.floor(Math.random() * 1000), icon: 'blue', trend: '' },
                    { label: '待处理', value: Math.floor(Math.random() * 100), icon: 'orange', trend: '' },
                    { label: '已完成', value: Math.floor(Math.random() * 500), icon: 'green', trend: '' },
                    { label: '今日新增', value: Math.floor(Math.random() * 50), icon: 'purple', trend: '' }
                ],
                tableHeaders: ['ID', '名称', '状态', '创建时间', '操作'],
                tableData: [
                    ['1', feature + '-001', '正常', '2024-06-18', 'view|edit'],
                    ['2', feature + '-002', '正常', '2024-06-17', 'view|edit'],
                    ['3', feature + '-003', '停用', '2024-06-16', 'view|edit']
                ]
            };
            
            // 生成统计卡片HTML
            let statsHTML = '';
            config.stats.forEach(stat => {
                statsHTML += `
                    <div class="stat-card">
                        <div class="stat-icon ${stat.icon}">
                            <svg viewBox="0 0 24 24" width="28" height="28" fill="white">
                                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
                            </svg>
                        </div>
                        <div class="stat-info">
                            <h3>${stat.value}</h3>
                            <p>${stat.label}</p>
                            ${stat.trend ? `<div class="stat-trend up">${stat.trend}</div>` : ''}
                        </div>
                    </div>
                `;
            });
            
            // 生成表格操作按钮
            function getActionBtns(actions) {
                let html = '<div class="action-btns">';
                actions.split('|').forEach(action => {
                    const actionMap = {
                        'view': '<button class="action-btn view">查看</button>',
                        'edit': '<button class="action-btn edit">编辑</button>',
                        'delete': '<button class="action-btn delete">删除</button>',
                        'approve': '<button class="action-btn approve">通过</button>',
                        'reject': '<button class="action-btn reject">拒绝</button>',
                        'disable': '<button class="action-btn delete">禁用</button>',
                        'enable': '<button class="action-btn approve">启用</button>',
                        'handle': '<button class="action-btn edit">处理</button>',
                        'cancel': '<button class="action-btn delete">取消</button>',
                        'assign': '<button class="action-btn edit">分配</button>',
                        'reassign': '<button class="action-btn edit">改派</button>',
                        'offline': '<button class="action-btn delete">下架</button>',
                        'online': '<button class="action-btn approve">上架</button>',
                        'restock': '<button class="action-btn edit">补货</button>',
                        'stick': '<button class="action-btn approve">置顶</button>',
                        'unstick': '<button class="action-btn edit">取消置顶</button>',
                        'pay': '<button class="action-btn approve">支付</button>',
                        'claim': '<button class="action-btn edit">理赔</button>',
                        'refund': '<button class="action-btn edit">退款处理</button>'
                    };
                    html += actionMap[action] || '';
                });
                html += '</div>';
                return html;
            }
            
            // 生成表格HTML
            let tableHTML = `
                <table class="data-table">
                    <thead>
                        <tr>
                            ${config.tableHeaders.map(h => `<th>${h}</th>`).join('')}
                        </tr>
                    </thead>
                    <tbody>
            `;
            
            config.tableData.forEach(row => {
                tableHTML += '<tr>';
                row.forEach((cell, index) => {
                    if (index === row.length - 1 && cell.includes('|')) {
                        tableHTML += `<td>${getActionBtns(cell)}</td>`;
                    } else if (pageKey === 'companionAudit' && index === 3) {
                        // 资质证书列
                        tableHTML += `<td><span class="tag">身份证</span><span class="tag">健康证</span></td>`;
                    } else if (pageKey === 'banner' && index === 1) {
                        // 图片列
                        tableHTML += `<td><div style="width:60px;height:40px;background:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999;">图片</div></td>`;
                    } else if (pageKey === 'msgTemplate' && index === 3) {
                        // 内容预览
                        tableHTML += `<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${cell}</td>`;
                    } else {
                        tableHTML += `<td>${cell}</td>`;
                    }
                });
                tableHTML += '</tr>';
            });
            
            tableHTML += '</tbody></table>';
            
            // 根据类型选择不同的内容布局
            let contentBody = '';
            
            if (config.type === 'dashboard') {
                // 数据看板类型 - 显示图表区域
                contentBody = `
                    <div class="chart-container">
                        <div class="chart-header">
                            <span class="chart-title">${config.title} - 数据概览</span>
                            <div class="tabs">
                                <div class="tab active">今日</div>
                                <div class="tab">本周</div>
                                <div class="tab">本月</div>
                            </div>
                        </div>
                        <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;">
                            <div class="chart-placeholder" style="height:280px;">
                                <div style="text-align:center;">
                                    <div style="font-size:48px;color:#667eea;margin-bottom:10px;">↑</div>
                                    <div style="font-size:14px;color:#666;">订单趋势图</div>
                                    <div style="font-size:12px;color:#999;margin-top:8px;">显示7天内订单变化趋势</div>
                                </div>
                            </div>
                            <div class="chart-placeholder" style="height:280px;">
                                <div style="text-align:center;">
                                    <div style="font-size:48px;color:#52c41a;margin-bottom:10px;">↗</div>
                                    <div style="font-size:14px;color:#666;">收入趋势图</div>
                                    <div style="font-size:12px;color:#999;margin-top:8px;">显示7天内收入变化趋势</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="content-card" style="margin-top:20px;">
                        <div class="content-card-header">
                            <span class="content-card-title">实时数据</span>
                            <div style="font-size:12px;color:#999;">更新于 ${new Date().toLocaleTimeString()}</div>
                        </div>
                        ${tableHTML}
                    </div>
                `;
            } else {
                // 普通列表类型
                contentBody = `
                    <div class="toolbar">
                        <div class="toolbar-left">
                            <div class="search-box">
                                <svg viewBox="0 0 24 24" width="18" height="18" fill="#999"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
                                <input type="text" placeholder="搜索...">
                            </div>
                            <button class="btn btn-outline">筛选</button>
                            <button class="btn btn-outline">导出</button>
                        </div>
                        <button class="btn btn-primary">
                            <svg viewBox="0 0 24 24" width="16" height="16" fill="white"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
                            新增
                        </button>
                    </div>

                    <div class="content-card">
                        <div class="content-card-header">
                            <span class="content-card-title">数据列表</span>
                            <div class="tabs">
                                <div class="tab active">全部</div>
                                <div class="tab">启用</div>
                                <div class="tab">停用</div>
                            </div>
                        </div>
                        ${tableHTML}
                    </div>
                `;
            }
            
            // 渲染页面
            const content = `
                <div class="page-header">
                    <h2 class="page-title">${config.title}</h2>
                    <div class="page-breadcrumb">
                        首页 <span>/</span> ${module} <span>/</span> <span>${config.title}</span>
                    </div>
                </div>
                
                <div class="desc-card">
                    <h3>${config.title}</h3>
                    <p>${desc}</p>
                </div>
                
                <div class="stats-grid">
                    ${statsHTML}
                </div>
                
                ${contentBody}
            `;
            
            document.getElementById('welcomePage').style.display = 'none';
            document.getElementById('dynamicContent').style.display = 'block';
            document.getElementById('dynamicContent').innerHTML = content;
            
            // 更新菜单高亮
            document.querySelectorAll('.menu-item-level2').forEach(item => {
                item.classList.remove('active');
            });
            event.target.classList.add('active');
        }
    </script>
</body>
</html>