编辑页面

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;min-height:100vh}
        
        /* 整体布局 */
        .layout{display:flex;min-height:100vh}
        
        /* 左侧导航栏 */
        .sidebar{width:240px;background:#1a1a2e;color:#fff;position:fixed;height:100vh;overflow-y:auto;transition:width 0.3s;z-index:100}
        .sidebar.collapsed{width:70px}
        .sidebar-header{padding:20px;background:#16162a;border-bottom:1px solid #2d2d4a;display:flex;align-items:center;gap:12px}
        .sidebar-logo{font-size:1.4em;font-weight:bold;white-space:nowrap}
        .sidebar.collapsed .sidebar-logo{display:none}
        
        /* 导航菜单 */
        .nav-menu{list-style:none;padding:10px 0}
        .nav-item{margin:2px 10px}
        .nav-link{display:flex;align-items:center;padding:12px 15px;border-radius:8px;cursor:pointer;color:#b8b8d0;transition:all 0.2s;position:relative;text-decoration:none;white-space:nowrap}
        .nav-link:hover{background:#2d2d4a;color:#fff}
        .nav-link.active{background:#667eea;color:#fff}
        .nav-link.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff;border-radius:0 2px 2px 0}
        .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.1em;margin-right:12px;flex-shrink:0}
        .nav-text{flex:1}
        .nav-arrow{margin-left:auto;font-size:0.8em;transition:transform 0.2s}
        .nav-link.open .nav-arrow{transform:rotate(90deg)}
        .sidebar.collapsed .nav-text,.sidebar.collapsed .nav-arrow{display:none}
        
        /* 子菜单 */
        .submenu{list-style:none;max-height:0;overflow:hidden;transition:max-height 0.3s;background:#16162a;border-radius:0 0 8px 8px;margin:0 8px}
        .submenu.open{max-height:500px}
        .submenu-item{padding:10px 15px 10px 50px;color:#999;font-size:0.9em;cursor:pointer;transition:all 0.2s;border-radius:4px;margin:2px 6px}
        .submenu-item:hover{background:#2d2d4a;color:#fff}
        .submenu-item.active{background:#667eea;color:#fff}
        
        /* 折叠按钮 */
        .toggle-btn{position:fixed;left:240px;top:20px;width:24px;height:24px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;z-index:101;transition:left 0.3s,background 0.2s}
        .toggle-btn:hover{background:#5a6fd6}
        .sidebar.collapsed ~ .toggle-btn{left:70px}
        .sidebar.collapsed ~ main.content{margin-left:70px}
        
        /* 主内容区 */
        .content{flex:1;margin-left:240px;background:#f5f6fa;min-height:100vh;transition:margin-left 0.3s}
        
        /* 顶部栏 */
        .topbar{background:#fff;padding:15px 25px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,0.05);position:sticky;top:0;z-index:50}
        .topbar-left{display:flex;align-items:center;gap:15px}
        .breadcrumb{color:#666;font-size:0.95em}
        .breadcrumb-current{color:#333;font-weight:500}
        .topbar-right{display:flex;align-items:center;gap:20px}
        .topbar-item{display:flex;align-items:center;gap:8px;color:#666;cursor:pointer;font-size:0.95em}
        .topbar-item:hover{color:#667eea}
        .topbar-avatar{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold}
        
        /* 内容区域 */
        .main-content{padding:25px}
        
        /* 统计卡片 */
        .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px}
        .stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.04);transition:transform 0.2s,box-shadow 0.2s}
        .stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.08)}
        .stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
        .stat-icon{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3em;color:#fff}
        .stat-trend{font-size:0.8em;padding:4px 8px;border-radius:12px}
        .stat-trend.up{background:#e8f5e9;color:#2e7d32}
        .stat-trend.down{background:#ffebee;color:#c62828}
        .stat-value{font-size:1.8em;font-weight:bold;color:#333;margin-bottom:5px}
        .stat-label{color:#999;font-size:0.9em}
        
        /* 功能面板 */
        .panel{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,0.04);margin-bottom:25px}
        .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}
        .panel-title{font-size:1.1em;font-weight:600;color:#333;display:flex;align-items:center;gap:10px}
        
        /* 表格 */
        .data-table{width:100%;border-collapse:collapse}
        .data-table th,.data-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #eee;font-size:0.9em}
        .data-table th{background:#f8f9fa;font-weight:600;color:#333}
        .data-table tr:hover{background:#f8f9fa}
        .data-table tr:last-child td{border-bottom:none}
        
        /* 标签 */
        .tag{display:inline-block;padding:4px 10px;border-radius:12px;font-size:0.8em}
        .tag-success{background:#e8f5e9;color:#2e7d32}
        .tag-warning{background:#fff3e0;color:#e65100}
        .tag-danger{background:#ffebee;color:#c62828}
        .tag-info{background:#e3f2fd;color:#1565c0}
        .tag-default{background:#f5f5f5;color:#666}
        
        /* 按钮 */
        .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:0.85em;margin-right:6px;transition:all 0.2s}
        .btn-primary{background:#667eea;color:#fff}
        .btn-primary:hover{background:#5a6fd6}
        .btn-success{background:#4caf50;color:#fff}
        .btn-success:hover{background:#43a047}
        .btn-danger{background:#f44336;color:#fff}
        .btn-danger:hover{background:#e53935}
        .btn-outline{background:transparent;border:1px solid #ddd;color:#666}
        .btn-outline:hover{background:#f5f5f5}
        
        /* 表单 */
        .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}
        .form-group{margin-bottom:15px}
        .form-label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:0.9em}
        .form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:0.9em;transition:border-color 0.2s}
        .form-input:focus{outline:none;border-color:#667eea}
        
        /* 搜索框 */
        .search-box{display:flex;gap:10px;margin-bottom:20px}
        .search-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:8px;font-size:0.9em}
        .search-input:focus{outline:none;border-color:#667eea}
        
        /* 分页 */
        .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #eee}
        .pagination-info{color:#999;font-size:0.9em}
        .pagination-buttons{display:flex;gap:5px}
        .page-btn{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:0.85em;transition:all 0.2s}
        .page-btn:hover{background:#f5f5f5}
        .page-btn.active{background:#667eea;color:#fff;border-color:#667eea}
        
        /* 用户头像 */
        .user-cell{display:flex;align-items:center;gap:10px}
        .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:0.9em}
        
        /* 空状态 */
        .empty-state{text-align:center;padding:60px 20px;color:#999}
        .empty-icon{font-size:3em;margin-bottom:15px;opacity:0.5}
        
        /* 信息行 */
        .info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}
        .info-label{color:#999}
        .info-value{font-weight:500;color:#333}
        
        /* 标签页 */
        .tab-nav{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
        .tab-btn{padding:8px 16px;background:#f5f5f5;border:none;border-radius:20px;cursor:pointer;font-size:0.9em;transition:all 0.2s}
        .tab-btn:hover{background:#e0e0e0}
        .tab-btn.active{background:#667eea;color:#fff}
        
        /* 进度条 */
        .progress{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}
        .progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}
        
        /* 配色工具类 */
        .bg-gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2)}
        .bg-gradient-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}
        .bg-gradient-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}
        .bg-gradient-green{background:linear-gradient(135deg,#11998e,#38ef7d)}
        .bg-gradient-orange{background:linear-gradient(135deg,#fc4a1a,#f7b733)}
        
        /* 响应式 */
        @media(max-width:768px){
            .sidebar{transform:translateX(-100%)}
            .sidebar.show{transform:translateX(0)}
            .content{margin-left:0}
            .toggle-btn{left:10px}
        }
    </style>
</head>
<body>
    <div class="layout">
        <!-- 左侧导航栏 -->
        <aside class="sidebar" id="sidebar">
            <div class="sidebar-header">
                <span class="sidebar-logo">🏥 运营后台</span>
            </div>
            <ul class="nav-menu">
                <li class="nav-item">
                    <a class="nav-link active" onclick="showContent('overview')">
                        <span class="nav-icon">📊</span>
                        <span class="nav-text">数据概览</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">👥</span>
                        <span class="nav-text">用户管理</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('user-list', event)">用户列表</li>
                        <li class="submenu-item" onclick="showContent('user-data', event)">用户数据</li>
                        <li class="submenu-item" onclick="showContent('user-filter', event)">搜索筛选</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">👩‍⚕️</span>
                        <span class="nav-text">陪诊师管理</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('companion-audit', event)">入驻审核</li>
                        <li class="submenu-item" onclick="showContent('companion-list', event)">陪诊师列表</li>
                        <li class="submenu-item" onclick="showContent('companion-level', event)">等级设置</li>
                        <li class="submenu-item" onclick="showContent('companion-complaint', event)">投诉管理</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">📦</span>
                        <span class="nav-text">订单管理</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('order-list', event)">全部订单</li>
                        <li class="submenu-item" onclick="showContent('order-search', event)">订单搜索</li>
                        <li class="submenu-item" onclick="showContent('order-operation', event)">订单操作</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">🛠️</span>
                        <span class="nav-text">服务管理</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('service-config', event)">服务项目</li>
                        <li class="submenu-item" onclick="showContent('hospital-manage', event)">医院管理</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">📢</span>
                        <span class="nav-text">二级分销</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('dist-setting', event)">分销设置</li>
                        <li class="submenu-item" onclick="showContent('dist-user', event)">分销用户</li>
                        <li class="submenu-item" onclick="showContent('dist-order', event)">分销订单</li>
                        <li class="submenu-item" onclick="showContent('dist-withdraw', event)">提现管理</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">🛒</span>
                        <span class="nav-text">商城管理</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('product-manage', event)">商品管理</li>
                        <li class="submenu-item" onclick="showContent('mall-order', event)">商城订单</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">🎁</span>
                        <span class="nav-text">营销管理</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('coupon-manage', event)">优惠券</li>
                        <li class="submenu-item" onclick="showContent('banner-manage', event)">轮播图管理</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">💵</span>
                        <span class="nav-text">财务管理</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('platform-revenue', event)">平台收益</li>
                        <li class="submenu-item" onclick="showContent('companion-settle', event)">陪诊师结算</li>
                        <li class="submenu-item" onclick="showContent('invoice-manage', event)">发票管理</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" onclick="toggleSubmenu(this)">
                        <span class="nav-icon">⚙️</span>
                        <span class="nav-text">系统设置</span>
                        <span class="nav-arrow">›</span>
                    </a>
                    <ul class="submenu">
                        <li class="submenu-item" onclick="showContent('admin-manage', event)">管理员管理</li>
                        <li class="submenu-item" onclick="showContent('service-setting', event)">客服设置</li>
                        <li class="submenu-item" onclick="showContent('agreement-manage', event)">协议管理</li>
                    </ul>
                </li>
            </ul>
        </aside>

        <!-- 折叠按钮 -->
        <button class="toggle-btn" onclick="toggleSidebar()">☰</button>

        <!-- 主内容区 -->
        <main class="content">
            <!-- 顶部栏 -->
            <div class="topbar">
                <div class="topbar-left">
                    <span class="breadcrumb">
                        <span class="breadcrumb-current" id="page-title">数据概览</span>
                    </span>
                </div>
                <div class="topbar-right">
                    <div class="topbar-item">🔔 通知</div>
                    <div class="topbar-item">❓ 帮助</div>
                    <div class="topbar-item">
                        <div class="topbar-avatar">管</div>
                        <span>管理员</span>
                    </div>
                </div>
            </div>

            <!-- 内容区域 -->
            <div class="main-content" id="main-content">
                <!-- 内容将通过JavaScript动态加载 -->
            </div>
        </main>
    </div>

    <script>
        // 页面内容定义
        const pages = {
            'overview': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon bg-gradient-purple">👥</div>
                            <span class="stat-trend up">↑ 12.5%</span>
                        </div>
                        <div class="stat-value">1,258</div>
                        <div class="stat-label">总用户数</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon bg-gradient-pink">👩‍⚕️</div>
                            <span class="stat-trend up">↑ 8.3%</span>
                        </div>
                        <div class="stat-value">156</div>
                        <div class="stat-label">陪诊师数量</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon bg-gradient-blue">📦</div>
                            <span class="stat-trend up">↑ 15.2%</span>
                        </div>
                        <div class="stat-value">3,568</div>
                        <div class="stat-label">总订单数</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon bg-gradient-green">💰</div>
                            <span class="stat-trend up">↑ 10.8%</span>
                        </div>
                        <div class="stat-value">¥128,560</div>
                        <div class="stat-label">总营收</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">📈 数据概览</div>
                    </div>
                    <div class="stats-grid">
                        <div class="stat-card">
                            <div class="stat-value" style="color:#667eea">86</div>
                            <div class="stat-label">今日新增用户</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#f5576c">28</div>
                            <div class="stat-label">今日订单</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#4facfe">¥8,520</div>
                            <div class="stat-label">今日营收</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#11998e">98.5%</div>
                            <div class="stat-label">用户活跃率</div>
                        </div>
                    </div>
                </div>
            `,
            'user-list': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">👥 用户列表</div>
                    </div>
                    <div class="search-box">
                        <input type="text" class="search-input" placeholder="搜索用户姓名或手机号...">
                        <button class="btn btn-primary">搜索</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>用户</th>
                                <th>手机号</th>
                                <th>订单数</th>
                                <th>消费金额</th>
                                <th>注册时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar">张</div>张三</div></td>
                                <td>138****8888</td>
                                <td>5</td>
                                <td>¥1,280</td>
                                <td>2024-03-15</td>
                                <td><span class="tag tag-success">正常</span></td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar" style="background:linear-gradient(135deg,#f093fb,#f5576c)">李</div>李四</div></td>
                                <td>139****6666</td>
                                <td>3</td>
                                <td>¥680</td>
                                <td>2024-03-20</td>
                                <td><span class="tag tag-success">正常</span></td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar" style="background:linear-gradient(135deg,#11998e,#38ef7d)">王</div>王五</div></td>
                                <td>137****5555</td>
                                <td>1</td>
                                <td>¥168</td>
                                <td>2024-04-10</td>
                                <td><span class="tag tag-warning">沉默</span></td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="pagination">
                        <div class="pagination-info">共 1258 条记录</div>
                        <div class="pagination-buttons">
                            <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>
            `,
            'user-data': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">86</div>
                        <div class="stat-label">今日新增</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">568</div>
                        <div class="stat-label">本周新增</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">2,156</div>
                        <div class="stat-label">本月新增</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">1,258</div>
                        <div class="stat-label">总用户数</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">📊 用户数据分析</div>
                    </div>
                    <div class="stats-grid">
                        <div class="stat-card">
                            <div class="stat-value" style="color:#4facfe">1,239</div>
                            <div class="stat-label">活跃用户</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#4facfe">98.5%</div>
                            <div class="stat-label">活跃率</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#4facfe">85.2%</div>
                            <div class="stat-label">次日留存</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#4facfe">42.8%</div>
                            <div class="stat-label">下单转化率</div>
                        </div>
                    </div>
                </div>
            `,
            'user-filter': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">🔍 搜索筛选</div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label class="form-label">选择城市</label>
                            <select class="form-input">
                                <option>全部城市</option>
                                <option>上海市</option>
                                <option>北京市</option>
                                <option>广州市</option>
                                <option>深圳市</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label">注册时间</label>
                            <input type="date" class="form-input">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label class="form-label">消费区间</label>
                            <select class="form-input">
                                <option>全部</option>
                                <option>0-100</option>
                                <option>100-500</option>
                                <option>500-1000</option>
                                <option>1000以上</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label">用户状态</label>
                            <select class="form-input">
                                <option>全部</option>
                                <option>活跃</option>
                                <option>沉默</option>
                                <option>异常</option>
                            </select>
                        </div>
                    </div>
                    <button class="btn btn-primary">开始筛选</button>
                </div>
            `,
            'companion-audit': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">👩‍⚕️ 陪诊师入驻审核</div>
                    </div>
                    <div class="tab-nav">
                        <button class="tab-btn active">待审核</button>
                        <button class="tab-btn">已通过</button>
                        <button class="tab-btn">已驳回</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>申请人</th>
                                <th>身份证</th>
                                <th>城市</th>
                                <th>资质证书</th>
                                <th>申请时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar">赵</div>赵晓梅</div></td>
                                <td>310***********2345</td>
                                <td>上海市</td>
                                <td>健康证、护理员证</td>
                                <td>2024-04-23</td>
                                <td>
                                    <button class="btn btn-success">通过</button>
                                    <button class="btn btn-danger">驳回</button>
                                </td>
                            </tr>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar" style="background:linear-gradient(135deg,#f093fb,#f5576c)">钱</div>钱文静</div></td>
                                <td>320***********6789</td>
                                <td>北京市</td>
                                <td>护士资格证</td>
                                <td>2024-04-24</td>
                                <td>
                                    <button class="btn btn-success">通过</button>
                                    <button class="btn btn-danger">驳回</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'companion-list': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">156</div>
                        <div class="stat-label">总陪诊师</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">128</div>
                        <div class="stat-label">在线接单</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">4.9</div>
                        <div class="stat-label">平均评分</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">1,256</div>
                        <div class="stat-label">本月订单</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">👩‍⚕️ 陪诊师列表</div>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>陪诊师</th>
                                <th>城市</th>
                                <th>接单量</th>
                                <th>评分</th>
                                <th>等级</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar">赵</div>赵晓梅</div></td>
                                <td>上海市</td>
                                <td>328</td>
                                <td>⭐ 5.0</td>
                                <td>Lv.3</td>
                                <td><span class="tag tag-success">接单中</span></td>
                                <td><button class="btn btn-outline">管理</button></td>
                            </tr>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar" style="background:linear-gradient(135deg,#f093fb,#f5576c)">钱</div>钱文静</div></td>
                                <td>北京市</td>
                                <td>256</td>
                                <td>⭐ 4.9</td>
                                <td>Lv.2</td>
                                <td><span class="tag tag-info">休息中</span></td>
                                <td><button class="btn btn-outline">管理</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'companion-level': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">🏅 等级设置</div>
                        <button class="btn btn-primary">新增等级</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>等级</th>
                                <th>接单量要求</th>
                                <th>分成比例</th>
                                <th>权限</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Lv.1</td>
                                <td>0-50单</td>
                                <td>70%</td>
                                <td>基础服务</td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                            <tr>
                                <td>Lv.2</td>
                                <td>51-150单</td>
                                <td>75%</td>
                                <td>基础+急诊</td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                            <tr>
                                <td>Lv.3</td>
                                <td>151-300单</td>
                                <td>80%</td>
                                <td>全部服务</td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                            <tr>
                                <td>Lv.4</td>
                                <td>300单以上</td>
                                <td>85%</td>
                                <td>全部+优先派单</td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'companion-complaint': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">⚠️ 投诉管理</div>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>投诉编号</th>
                                <th>投诉方</th>
                                <th>被投诉方</th>
                                <th>原因</th>
                                <th>时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>#C20240401</td>
                                <td>用户李四</td>
                                <td>陪诊师钱文静</td>
                                <td>服务态度差</td>
                                <td>2024-04-23</td>
                                <td><span class="tag tag-warning">待处理</span></td>
                                <td><button class="btn btn-primary">处理</button></td>
                            </tr>
                            <tr>
                                <td>#C20240402</td>
                                <td>用户王五</td>
                                <td>陪诊师孙丽</td>
                                <td>迟到30分钟</td>
                                <td>2024-04-24</td>
                                <td><span class="tag tag-warning">待处理</span></td>
                                <td><button class="btn btn-primary">处理</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'order-list': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">📦 全部订单</div>
                    </div>
                    <div class="tab-nav">
                        <button class="tab-btn active">全部</button>
                        <button class="tab-btn">待支付</button>
                        <button class="tab-btn">待接单</button>
                        <button class="tab-btn">服务中</button>
                        <button class="tab-btn">已完成</button>
                    </div>
                    <div class="search-box">
                        <input type="text" class="search-input" placeholder="搜索订单号、用户...">
                        <button class="btn btn-primary">搜索</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>订单号</th>
                                <th>用户</th>
                                <th>服务</th>
                                <th>金额</th>
                                <th>陪诊师</th>
                                <th>状态</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>#20240424001</td>
                                <td>张三</td>
                                <td>全天陪诊</td>
                                <td>¥268</td>
                                <td>赵晓梅</td>
                                <td><span class="tag tag-info">服务中</span></td>
                                <td>04-24 08:30</td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                            <tr>
                                <td>#20240424002</td>
                                <td>李四</td>
                                <td>半天陪诊</td>
                                <td>¥168</td>
                                <td>-</td>
                                <td><span class="tag tag-warning">待接单</span></td>
                                <td>04-24 10:00</td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                            <tr>
                                <td>#20240423005</td>
                                <td>王五</td>
                                <td>全天陪诊</td>
                                <td>¥268</td>
                                <td>钱文静</td>
                                <td><span class="tag tag-success">已完成</span></td>
                                <td>04-23 15:20</td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="pagination">
                        <div class="pagination-info">共 3568 条记录</div>
                        <div class="pagination-buttons">
                            <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>
            `,
            'order-operation': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">⚙️ 订单操作</div>
                    </div>
                    <div class="stats-grid">
                        <div class="stat-card">
                            <div class="stat-value" style="color:#f5576c">5</div>
                            <div class="stat-label">待派单</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#fc4a1a">3</div>
                            <div class="stat-label">异常订单</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#4facfe">12</div>
                            <div class="stat-label">待退款</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value" style="color:#11998e">¥3,280</div>
                            <div class="stat-label">待退款金额</div>
                        </div>
                    </div>
                    <div style="margin-top:20px">
                        <button class="btn btn-primary" style="margin:5px">📋 手动派单</button>
                        <button class="btn btn-outline" style="margin:5px">✏️ 改单处理</button>
                        <button class="btn btn-outline" style="margin:5px">❌ 取消退款</button>
                        <button class="btn btn-danger" style="margin:5px">⚠️ 异常订单</button>
                    </div>
                </div>
            `,
            'service-config': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">🛠️ 10大服务配置</div>
                        <button class="btn btn-primary">新增服务</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>服务名称</th>
                                <th>价格区间</th>
                                <th>状态</th>
                                <th>订单数</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>🏃 全天陪诊</td>
                                <td>¥198-398</td>
                                <td><span class="tag tag-success">启用</span></td>
                                <td>568</td>
                                <td><button class="btn btn-outline">配置</button></td>
                            </tr>
                            <tr>
                                <td>⏰ 半天陪诊</td>
                                <td>¥128-198</td>
                                <td><span class="tag tag-success">启用</span></td>
                                <td>326</td>
                                <td><button class="btn btn-outline">配置</button></td>
                            </tr>
                            <tr>
                                <td>📋 代办问诊</td>
                                <td>¥88-168</td>
                                <td><span class="tag tag-success">启用</span></td>
                                <td>156</td>
                                <td><button class="btn btn-outline">配置</button></td>
                            </tr>
                            <tr>
                                <td>🌍 异地陪诊</td>
                                <td>¥298-598</td>
                                <td><span class="tag tag-success">启用</span></td>
                                <td>89</td>
                                <td><button class="btn btn-outline">配置</button></td>
                            </tr>
                            <tr>
                                <td>🩺 体检陪同</td>
                                <td>¥128-228</td>
                                <td><span class="tag tag-success">启用</span></td>
                                <td>203</td>
                                <td><button class="btn btn-outline">配置</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'hospital-manage': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">256</div>
                        <div class="stat-label">医院总数</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">12</div>
                        <div class="stat-label">开通城市</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">🏥 医院管理</div>
                        <button class="btn btn-primary">添加医院</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>医院名称</th>
                                <th>城市</th>
                                <th>科室数</th>
                                <th>陪诊师</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>上海市第一人民医院</td>
                                <td>上海市</td>
                                <td>45</td>
                                <td>12</td>
                                <td><span class="tag tag-success">营业中</span></td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                            <tr>
                                <td>华山医院</td>
                                <td>上海市</td>
                                <td>38</td>
                                <td>8</td>
                                <td><span class="tag tag-success">营业中</span></td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                            <tr>
                                <td>瑞金医院</td>
                                <td>上海市</td>
                                <td>42</td>
                                <td>10</td>
                                <td><span class="tag tag-success">营业中</span></td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'dist-setting': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">📢 分销设置</div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label class="form-label">分销功能</label>
                            <select class="form-input">
                                <option>已开启</option>
                                <option>已关闭</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label">一级佣金比例 (%)</label>
                            <input type="number" class="form-input" value="8">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label class="form-label">二级佣金比例 (%)</label>
                            <input type="number" class="form-input" value="3">
                        </div>
                        <div class="form-group">
                            <label class="form-label">提现门槛 (¥)</label>
                            <input type="number" class="form-input" value="50">
                        </div>
                    </div>
                    <button class="btn btn-primary">保存设置</button>
                </div>
            `,
            'dist-user': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">156</div>
                        <div class="stat-label">推广员</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">428</div>
                        <div class="stat-label">一级好友</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">186</div>
                        <div class="stat-label">二级好友</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">¥12,580</div>
                        <div class="stat-label">佣金总额</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">👥 分销用户</div>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>推广员</th>
                                <th>一级好友</th>
                                <th>二级好友</th>
                                <th>累计佣金</th>
                                <th>可提现</th>
                                <th>状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar">张</div>张三</div></td>
                                <td>28</td>
                                <td>12</td>
                                <td>¥1,280</td>
                                <td>¥680</td>
                                <td><span class="tag tag-success">正常</span></td>
                            </tr>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar" style="background:linear-gradient(135deg,#f093fb,#f5576c)">李</div>李四</div></td>
                                <td>15</td>
                                <td>6</td>
                                <td>¥860</td>
                                <td>¥360</td>
                                <td><span class="tag tag-success">正常</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'dist-withdraw': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#fc4a1a">8</div>
                        <div class="stat-label">待审核</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#fc4a1a">¥3,280</div>
                        <div class="stat-label">待打款</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#11998e">¥28,560</div>
                        <div class="stat-label">已打款</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">💰 提现管理</div>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>申请人</th>
                                <th>金额</th>
                                <th>方式</th>
                                <th>申请时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>张三</td>
                                <td>¥680</td>
                                <td>微信</td>
                                <td>2024-04-24</td>
                                <td><span class="tag tag-warning">待审核</span></td>
                                <td><button class="btn btn-success">通过</button><button class="btn btn-danger">拒绝</button></td>
                            </tr>
                            <tr>
                                <td>李四</td>
                                <td>¥360</td>
                                <td>银行卡</td>
                                <td>2024-04-23</td>
                                <td><span class="tag tag-success">已打款</span></td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'product-manage': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">86</div>
                        <div class="stat-label">商品总数</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">68</div>
                        <div class="stat-label">上架中</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">¥28,560</div>
                        <div class="stat-label">销售额</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">🛒 商品管理</div>
                        <button class="btn btn-primary">添加商品</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>商品</th>
                                <th>价格</th>
                                <th>库存</th>
                                <th>销量</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>医用护理包</td>
                                <td>¥68</td>
                                <td>256</td>
                                <td>86</td>
                                <td><span class="tag tag-success">上架</span></td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                            <tr>
                                <td>陪诊服务卡</td>
                                <td>¥198</td>
                                <td>100</td>
                                <td>42</td>
                                <td><span class="tag tag-success">上架</span></td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'coupon-manage': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">1,256</div>
                        <div class="stat-label">已发放</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">856</div>
                        <div class="stat-label">已使用</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">400</div>
                        <div class="stat-label">未使用</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">🎁 优惠券管理</div>
                        <button class="btn btn-primary">添加优惠券</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>优惠券名称</th>
                                <th>面额</th>
                                <th>使用条件</th>
                                <th>已发/已用</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>新人专享券</td>
                                <td>¥20</td>
                                <td>满100可用</td>
                                <td>500/320</td>
                                <td><span class="tag tag-success">进行中</span></td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                            <tr>
                                <td>节日礼包</td>
                                <td>¥50</td>
                                <td>满200可用</td>
                                <td>200/156</td>
                                <td><span class="tag tag-success">进行中</span></td>
                                <td><button class="btn btn-outline">详情</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'platform-revenue': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">¥128,560</div>
                        <div class="stat-label">总营收</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">¥38,520</div>
                        <div class="stat-label">本月营收</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">¥28,650</div>
                        <div class="stat-label">服务费收入</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#fc4a1a">¥9,870</div>
                        <div class="stat-label">支出</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">📊 营收趋势</div>
                    </div>
                    <div style="background:#f8f9fa;padding:60px;border-radius:10px;text-align:center;color:#999">
                        📈 营收趋势图表区域
                    </div>
                </div>
            `,
            'companion-settle': `
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">¥86,580</div>
                        <div class="stat-label">陪诊师总收入</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#667eea">¥28,650</div>
                        <div class="stat-label">平台服务费</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#fc4a1a">¥12,580</div>
                        <div class="stat-label">待结算</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" style="color:#11998e">¥74,000</div>
                        <div class="stat-label">已结算</div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">💰 结算记录</div>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>陪诊师</th>
                                <th>订单数</th>
                                <th>总收入</th>
                                <th>分成比例</th>
                                <th>实得金额</th>
                                <th>状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>赵晓梅</td>
                                <td>328</td>
                                <td>¥32,800</td>
                                <td>80%</td>
                                <td>¥26,240</td>
                                <td><span class="tag tag-success">已结算</span></td>
                            </tr>
                            <tr>
                                <td>钱文静</td>
                                <td>256</td>
                                <td>¥25,600</td>
                                <td>75%</td>
                                <td>¥19,200</td>
                                <td><span class="tag tag-warning">待结算</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `,
            'admin-manage': `
                <div class="panel">
                    <div class="panel-header">
                        <div class="panel-title">⚙️ 管理员管理</div>
                        <button class="btn btn-primary">添加管理员</button>
                    </div>
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th>管理员</th>
                                <th>角色</th>
                                <th>手机号</th>
                                <th>最后登录</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar">超</div>超级管理员</div></td>
                                <td>超级管理员</td>
                                <td>138****8888</td>
                                <td>2024-04-24</td>
                                <td><span class="tag tag-success">正常</span></td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                            <tr>
                                <td><div class="user-cell"><div class="user-avatar" style="background:linear-gradient(135deg,#4facfe,#00f2fe)">运</div>运营人员</div></td>
                                <td>运营</td>
                                <td>139****6666</td>
                                <td>2024-04-24</td>
                                <td><span class="tag tag-success">正常</span></td>
                                <td><button class="btn btn-outline">编辑</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            `
        };

        // 切换侧边栏
        function toggleSidebar() {
            const sidebar = document.getElementById('sidebar');
            const toggleBtn = document.querySelector('.toggle-btn');
            sidebar.classList.toggle('collapsed');
        }

        // 切换子菜单
        function toggleSubmenu(link) {
            const submenu = link.nextElementSibling;
            if (submenu && submenu.classList.contains('submenu')) {
                submenu.classList.toggle('open');
                link.classList.toggle('open');
            }
            showContent(link.onclick ? null : 'overview');
        }

        // 显示内容
        function showContent(pageId, event) {
            const content = document.getElementById('main-content');
            const title = document.getElementById('page-title');
            
            // 更新标题
            const pageNames = {
                'overview': '数据概览',
                'user-list': '用户列表',
                'user-data': '用户数据',
                'user-filter': '搜索筛选',
                'companion-audit': '入驻审核',
                'companion-list': '陪诊师列表',
                'companion-level': '等级设置',
                'companion-complaint': '投诉管理',
                'order-list': '全部订单',
                'order-search': '订单搜索',
                'order-operation': '订单操作',
                'service-config': '服务项目',
                'hospital-manage': '医院管理',
                'dist-setting': '分销设置',
                'dist-user': '分销用户',
                'dist-order': '分销订单',
                'dist-withdraw': '提现管理',
                'product-manage': '商品管理',
                'mall-order': '商城订单',
                'coupon-manage': '优惠券',
                'banner-manage': '轮播图管理',
                'platform-revenue': '平台收益',
                'companion-settle': '陪诊师结算',
                'invoice-manage': '发票管理',
                'admin-manage': '管理员管理',
                'service-setting': '客服设置',
                'agreement-manage': '协议管理'
            };
            
            if (pageId && pageNames[pageId]) {
                title.textContent = pageNames[pageId];
            }
            
            if (pageId && pages[pageId]) {
                content.innerHTML = pages[pageId];
            } else {
                content.innerHTML = pages['overview'];
                title.textContent = '数据概览';
            }
            
            // 阻止事件冒泡
            if (event) {
                event.stopPropagation();
            }
            
            // 高亮当前菜单
            document.querySelectorAll('.nav-link, .submenu-item').forEach(item => item.classList.remove('active'));
            
            // 高亮数据概览
            if (!pageId || pageId === 'overview') {
                document.querySelectorAll('.nav-link')[0]?.classList.add('active');
            }
        }

        // 页面加载时显示概览
        document.addEventListener('DOMContentLoaded', function() {
            showContent('overview');
        });
    </script>
</body>
</html>