编辑页面

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; }
        :root {
            --primary: #1890ff;
            --success: #52c41a;
            --warning: #faad14;
            --danger: #ff4d4f;
            --purple: #722ed1;
            --text-primary: #262626;
            --text-secondary: #8c8c8c;
            --border: #d9d9d9;
            --bg-light: #f5f7fa;
            --sidebar-width: 240px;
            --header-height: 60px;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: var(--bg-light);
            color: var(--text-primary);
            font-size: 14px;
        }
        
        /* 侧边栏 */
        .sidebar {
            position: fixed;
            left: 0; top: 0; bottom: 0;
            width: var(--sidebar-width);
            background: linear-gradient(180deg, #001529 0%, #002140 100%);
            color: #fff;
            z-index: 1000;
            overflow-y: auto;
            transition: transform 0.3s;
        }
        .sidebar.collapsed { transform: translateX(-100%); }
        .logo {
            height: var(--header-height);
            display: flex; align-items: center;
            padding: 0 20px;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            gap: 12px;
        }
        .logo-icon {
            width: 36px; height: 36px;
            background: var(--primary);
            border-radius: 8px;
            display: flex; align-items: center; justify-content: center;
        }
        .logo-icon svg { width: 24px; height: 24px; }
        .logo span { font-size: 16px; font-weight: 600; }
        .nav-section { padding: 8px 0; }
        .nav-section-title {
            padding: 8px 20px;
            font-size: 12px;
            color: rgba(255,255,255,0.45);
            text-transform: uppercase;
        }
        .nav-item {
            padding: 10px 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: all 0.2s;
            position: relative;
        }
        .nav-item:hover { background: rgba(255,255,255,0.08); }
        .nav-item.active {
            background: linear-gradient(90deg, var(--primary) 0%, rgba(24,144,255,0.7) 100%);
        }
        .nav-item.active::before {
            content: '';
            position: absolute; left: 0; top: 0; bottom: 0;
            width: 3px;
            background: #fff;
        }
        .nav-item svg { width: 18px; height: 18px; flex-shrink: 0; }
        .nav-item span { white-space: nowrap; font-size: 14px; }
        .nav-badge {
            margin-left: auto;
            background: var(--danger);
            color: #fff;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 10px;
            min-width: 18px;
            text-align: center;
        }
        .nav-sub {
            padding-left: 50px;
            background: rgba(0,0,0,0.15);
            display: none;
        }
        .nav-item.expanded svg:last-child { transform: rotate(270deg) !important; }
        .nav-sub .nav-item { padding: 8px 20px; font-size: 13px; }
        
        /* 主内容 */
        .main-content { margin-left: var(--sidebar-width); min-height: 100vh; transition: margin-left 0.3s; }
        .main-content.expanded { margin-left: 0; }
        
        /* 头部 */
        .header {
            height: var(--header-height);
            background: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            display: flex; align-items: center; justify-content: space-between;
            padding: 0 24px;
            position: sticky; top: 0; z-index: 100;
        }
        .header-left { display: flex; align-items: center; gap: 16px; }
        .toggle-btn {
            width: 36px; height: 36px;
            border: none; background: var(--bg-light);
            border-radius: 6px; cursor: pointer;
            display: flex; align-items: center; justify-content: center;
        }
        .toggle-btn svg { width: 20px; height: 20px; }
        .breadcrumb { color: var(--text-secondary); font-size: 14px; }
        .breadcrumb span { margin: 0 8px; }
        .header-right { display: flex; align-items: center; gap: 16px; }
        .search-box {
            position: relative; width: 200px;
        }
        .search-box input {
            width: 100%; padding: 8px 12px 8px 36px;
            border: 1px solid var(--border); border-radius: 6px;
            font-size: 13px; outline: none;
        }
        .search-box input:focus { border-color: var(--primary); }
        .search-box svg {
            position: absolute; left: 10px; top: 50%;
            transform: translateY(-50%);
            width: 16px; height: 16px;
            color: var(--text-secondary);
        }
        .header-icon {
            position: relative; width: 36px; height: 36px;
            border: none; background: transparent; cursor: pointer;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
        }
        .header-icon:hover { background: var(--bg-light); }
        .header-icon svg { width: 20px; height: 20px; color: var(--text-secondary); }
        .header-icon .badge {
            position: absolute; top: 4px; right: 4px;
            width: 8px; height: 8px;
            background: var(--danger); border-radius: 50%;
        }
        .user-info {
            display: flex; align-items: center; gap: 8px;
            cursor: pointer; padding: 4px 8px; border-radius: 6px;
        }
        .user-info:hover { background: var(--bg-light); }
        .user-avatar {
            width: 32px; height: 32px; border-radius: 50%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex; align-items: center; justify-content: center;
            color: #fff; font-size: 13px; font-weight: 500;
        }
        
        /* 内容区 */
        .content { padding: 24px; }
        .page-header {
            display: flex; justify-content: space-between; align-items: center;
            margin-bottom: 24px;
        }
        .page-title { font-size: 24px; font-weight: 600; }
        .page-actions { display: flex; gap: 12px; }
        .btn {
            padding: 8px 16px; border: none; border-radius: 6px;
            cursor: pointer; font-size: 14px;
            display: inline-flex; align-items: center; gap: 6px;
            transition: all 0.2s;
        }
        .btn-primary { background: var(--primary); color: #fff; }
        .btn-primary:hover { background: #40a9ff; }
        .btn-default { background: #fff; color: var(--text-primary); border: 1px solid var(--border); }
        .btn-default:hover { border-color: var(--primary); color: var(--primary); }
        .btn-danger { background: var(--danger); color: #fff; }
        .btn svg { width: 16px; height: 16px; }
        
        /* 统计卡片 */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }
        .stat-card {
            background: #fff; padding: 20px;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            transition: transform 0.2s, box-shadow 0.2s;
            cursor: pointer;
        }
        .stat-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
        .stat-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
        .stat-icon {
            width: 44px; height: 44px; border-radius: 10px;
            display: flex; align-items: center; justify-content: center;
        }
        .stat-icon.blue { background: rgba(24, 144, 255, 0.1); color: var(--primary); }
        .stat-icon.green { background: rgba(82, 196, 26, 0.1); color: var(--success); }
        .stat-icon.orange { background: rgba(250, 173, 20, 0.1); color: var(--warning); }
        .stat-icon.red { background: rgba(255, 77, 79, 0.1); color: var(--danger); }
        .stat-icon.purple { background: rgba(114, 46, 209, 0.1); color: var(--purple); }
        .stat-icon svg { width: 22px; height: 22px; }
        .stat-trend {
            font-size: 12px; padding: 2px 8px; border-radius: 10px;
        }
        .stat-trend.up { background: rgba(82, 196, 26, 0.1); color: var(--success); }
        .stat-trend.down { background: rgba(255, 77, 79, 0.1); color: var(--danger); }
        .stat-value { font-size: 26px; font-weight: 600; color: var(--text-primary); margin-bottom: 4px; }
        .stat-label { font-size: 13px; color: var(--text-secondary); }
        
        /* 图表区 */
        .charts-row {
            display: grid; grid-template-columns: 2fr 1fr; gap: 20px;
            margin-bottom: 24px;
        }
        .chart-card {
            background: #fff; padding: 20px;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        }
        .chart-header {
            display: flex; justify-content: space-between; align-items: center;
            margin-bottom: 20px;
        }
        .chart-title { font-size: 16px; font-weight: 600; }
        .chart-tabs { display: flex; gap: 8px; }
        .chart-tab {
            padding: 4px 12px; border: none; background: transparent;
            cursor: pointer; font-size: 13px; color: var(--text-secondary);
            border-radius: 4px; transition: all 0.2s;
        }
        .chart-tab.active { background: var(--primary); color: #fff; }
        .chart-container {
            height: 260px;
            display: flex; align-items: flex-end;
            justify-content: space-around; padding: 20px 0;
        }
        .bar {
            width: 50px;
            background: linear-gradient(180deg, var(--primary) 0%, #40a9ff 100%);
            border-radius: 4px 4px 0 0;
            transition: all 0.3s; position: relative;
        }
        .bar:hover { transform: scaleY(1.02); }
        .bar-label { text-align: center; margin-top: 8px; font-size: 12px; color: var(--text-secondary); }
        .bar-value {
            position: absolute; top: -25px; left: 50%;
            transform: translateX(-50%);
            font-size: 12px; font-weight: 500;
            color: var(--text-primary); opacity: 0; transition: opacity 0.2s;
        }
        .bar:hover .bar-value { opacity: 1; }
        .pie-legend { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
        .legend-item { display: flex; align-items: center; gap: 8px; font-size: 13px; }
        .legend-dot { width: 10px; height: 10px; border-radius: 50%; }
        
        /* 数据表格 */
        .data-table {
            background: #fff; border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04); overflow: hidden;
        }
        .table-header {
            padding: 16px 20px;
            border-bottom: 1px solid var(--border);
            display: flex; justify-content: space-between; align-items: center;
        }
        .table-title { font-size: 16px; font-weight: 600; }
        .table-filters { display: flex; gap: 12px; }
        .filter-select {
            padding: 6px 12px; border: 1px solid var(--border);
            border-radius: 6px; font-size: 13px; outline: none; cursor: pointer;
        }
        table { width: 100%; border-collapse: collapse; }
        th, td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--border); }
        th { background: var(--bg-light); font-weight: 500; color: var(--text-secondary); font-size: 13px; }
        tr:hover { background: rgba(24, 144, 255, 0.02); }
        .status-badge {
            display: inline-block; padding: 2px 10px;
            border-radius: 10px; font-size: 12px;
        }
        .status-badge.success { background: rgba(82, 196, 26, 0.1); color: var(--success); }
        .status-badge.warning { background: rgba(250, 173, 20, 0.1); color: var(--warning); }
        .status-badge.danger { background: rgba(255, 77, 79, 0.1); color: var(--danger); }
        .status-badge.info { background: rgba(24, 144, 255, 0.1); color: var(--primary); }
        .status-badge.purple { background: rgba(114, 46, 209, 0.1); color: var(--purple); }
        .table-actions { display: flex; gap: 8px; }
        .table-btn {
            padding: 4px 12px; border: none; border-radius: 4px;
            cursor: pointer; font-size: 12px; transition: all 0.2s;
        }
        .table-btn.view { background: rgba(24, 144, 255, 0.1); color: var(--primary); }
        .table-btn.edit { background: rgba(250, 173, 20, 0.1); color: var(--warning); }
        .table-btn.delete { background: rgba(255, 77, 79, 0.1); color: var(--danger); }
        .table-btn.approve { background: rgba(82, 196, 26, 0.1); color: var(--success); }
        
        /* 分页 */
        .pagination {
            display: flex; justify-content: space-between; align-items: center;
            padding: 16px 20px;
        }
        .pagination-info { color: var(--text-secondary); font-size: 13px; }
        .pagination-controls { display: flex; gap: 4px; }
        .page-btn {
            width: 32px; height: 32px;
            border: 1px solid var(--border); background: #fff;
cursor: pointer; border-radius: 6px;
            display: flex; align-items: center; justify-content: center;
            font-size: 13px; transition: all 0.2s;
        }
        .page-btn:hover { border-color: var(--primary); color: var(--primary); }
        .page-btn.active { background: var(--primary); color: #fff; border-color: var(--primary); }
        
        /* 模态框 */
        .modal-overlay {
            position: fixed; top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.45);
            display: none; align-items: center; justify-content: center;
            z-index: 2000;
        }
        .modal-overlay.show { display: flex; }
        .modal {
            background: #fff; border-radius: 12px;
            width: 600px; max-width: 90%; max-height: 90vh;
            overflow: hidden; animation: modalIn 0.3s ease;
        }
        @keyframes modalIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
        .modal-header {
            padding: 16px 20px; border-bottom: 1px solid var(--border);
            display: flex; justify-content: space-between; align-items: center;
        }
        .modal-title { font-size: 18px; font-weight: 600; }
        .modal-close {
            width: 32px; height: 32px; border: none; background: transparent;
            cursor: pointer; border-radius: 6px;
            display: flex; align-items: center; justify-content: center;
        }
        .modal-close:hover { background: var(--bg-light); }
        .modal-body { padding: 20px; max-height: 60vh; overflow-y: auto; }
        .form-group { margin-bottom: 16px; }
        .form-label { display: block; margin-bottom: 6px; font-size: 14px; color: var(--text-primary); }
        .form-input {
            width: 100%; padding: 10px 12px;
            border: 1px solid var(--border); border-radius: 6px;
            font-size: 14px; outline: none; transition: border-color 0.2s;
        }
        .form-input:focus { border-color: var(--primary); }
        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
        .modal-footer {
            padding: 16px 20px; border-top: 1px solid var(--border);
            display: flex; justify-content: flex-end; gap: 12px;
        }
        
        /* Toast */
        .toast {
            position: fixed; bottom: 24px; right: 24px;
            padding: 12px 20px; background: var(--text-primary);
            color: #fff; border-radius: 8px;
            display: none; align-items: center; gap: 8px;
            animation: toastIn 0.3s ease; z-index: 3000;
        }
        .toast.show { display: flex; }
        .toast.success { background: var(--success); }
        .toast.error { background: var(--danger); }
        @keyframes toastIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        
        /* 标签页内容 */
        .tab-content { display: none; }
        .tab-content.active { display: block; }
        
        /* 筛选标签 */
        .filter-tabs {
            display: flex; gap: 8px; margin-bottom: 16px;
        }
        .filter-tab {
            padding: 8px 16px; border: 1px solid var(--border);
            background: #fff; border-radius: 6px;
            cursor: pointer; font-size: 13px;
            transition: all 0.2s;
        }
        .filter-tab:hover { border-color: var(--primary); color: var(--primary); }
        .filter-tab.active { background: var(--primary); color: #fff; border-color: var(--primary); }
        
        /* 详情卡片 */
        .detail-grid {
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
        }
        .detail-item {
            padding: 16px; background: var(--bg-light);
            border-radius: 8px;
        }
        .detail-label { font-size: 12px; color: var(--text-secondary); margin-bottom: 4px; }
        .detail-value { font-size: 16px; font-weight: 600; }
        
        /* 步骤条 */
        .steps {
            display: flex; align-items: center; padding: 20px 0;
        }
        .step {
            display: flex; align-items: center;
        }
        .step-icon {
            width: 32px; height: 32px; border-radius: 50%;
            background: var(--border); color: #fff;
            display: flex; align-items: center; justify-content: center;
            font-size: 14px;
        }
        .step.active .step-icon { background: var(--primary); }
        .step.completed .step-icon { background: var(--success); }
        .step-content { margin-left: 12px; }
        .step-title { font-size: 14px; font-weight: 500; }
        .step-time { font-size: 12px; color: var(--text-secondary); }
        .step-line { flex: 1; height: 2px; background: var(--border); margin: 0 16px; }
        
        /* 响应式 */
        @media (max-width: 1200px) {
            .stats-grid { grid-template-columns: repeat(3, 1fr); }
            .charts-row { grid-template-columns: 1fr; }
        }
        @media (max-width: 768px) {
            .sidebar { transform: translateX(-100%); }
            .sidebar.show { transform: translateX(0); }
            .main-content { margin-left: 0; }
            .stats-grid { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>
    <!-- 侧边栏 -->
    <aside class="sidebar" id="sidebar">
        <div class="logo">
            <div class="logo-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
                </svg>
            </div>
            <span>陪诊服务平台</span>
        </div>
        <nav class="nav-menu">
            <div class="nav-section">
                <div class="nav-section-title">数据概览</div>
                <div class="nav-item active" onclick="switchPage('dashboard')">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
                        <polyline points="9 22 9 12 15 12 15 22"/>
                    </svg>
                    <span>工作台</span>
                </div>
            </div>
            <div class="nav-section">
                <div class="nav-section-title">系统管理</div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/>
                        <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9c.26.604.852.997 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>
                    </svg>
                    <span>权限管理</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('admin-list'); event.stopPropagation();">管理员列表</div>
                    <div class="nav-item" onclick="switchPage('roles'); event.stopPropagation();">角色配置</div>
                    <div class="nav-item" onclick="switchPage('logs'); event.stopPropagation();">操作日志</div>
                </div>
            </div>
            <div class="nav-section">
                <div class="nav-section-title">用户与陪诊师</div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                        <circle cx="9" cy="7" r="4"/>
                    </svg>
                    <span>客户管理</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('customers'); event.stopPropagation();">客户列表</div>
                    <div class="nav-item" onclick="switchPage('customer-blacklist'); event.stopPropagation();">客户黑名单</div>
                </div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/>
                        <circle cx="9" cy="7" r="4"/>
                        <path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>
                    </svg>
                    <span>陪诊师管理</span>
                    <span class="nav-badge">5</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('companions'); event.stopPropagation();">陪诊师列表</div>
                    <div class="nav-item" onclick="switchPage('companion-approve'); event.stopPropagation();">审核管理</div>
                    <div class="nav-item" onclick="switchPage('companion-evaluate'); event.stopPropagation();">评价管理</div>
                </div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
                        <line x1="4" y1="22" x2="4" y2="15"/>
                    </svg>
                    <span>投诉处理</span>
                    <span class="nav-badge">3</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('complaints'); event.stopPropagation();">投诉列表</div>
                    <div class="nav-item" onclick="switchPage('complaint-stats'); event.stopPropagation();">投诉统计</div>
                </div>
            </div>
            <div class="nav-section">
                <div class="nav-section-title">订单与财务</div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
                        <polyline points="14 2 14 8 20 8"/>
                    </svg>
                    <span>订单管理</span>
                    <span class="nav-badge">12</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('orders'); event.stopPropagation();">订单列表</div>
                    <div class="nav-item" onclick="switchPage('order-filter'); event.stopPropagation();">订单筛选</div>
                    <div class="nav-item" onclick="switchPage('refund'); event.stopPropagation();">退款管理</div>
                </div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <line x1="12" y1="1" x2="12" y2="23"/>
                        <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
                    </svg>
                    <span>财务结算</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('revenue'); event.stopPropagation();">营收统计</div>
                    <div class="nav-item" onclick="switchPage('withdraw'); event.stopPropagation();">提现管理</div>
                    <div class="nav-item" onclick="switchPage('settlement'); event.stopPropagation();">财务报表</div>
                </div>
            </div>
            <div class="nav-section">
                <div class="nav-section-title">服务配置</div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/>
                        <line x1="3" y1="6" x2="21" y2="6"/>
                        <path d="M16 10a4 4 0 0 1-8 0"/>
                    </svg>
                    <span>服务与价格</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('services'); event.stopPropagation();">服务项目管理</div>
                    <div class="nav-item" onclick="switchPage('pricing'); event.stopPropagation();">价格设置</div>
                    <div class="nav-item" onclick="switchPage('hospital'); event.stopPropagation();">医院管理</div>
                </div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="18" cy="5" r="3"/>
                        <circle cx="6" cy="12" r="3"/>
                        <circle cx="18" cy="19" r="3"/>
                        <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/>
                        <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
                    </svg>
                    <span>二级分销</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('distribution'); event.stopPropagation();">分销设置</div>
                    <div class="nav-item" onclick="switchPage('agent-list'); event.stopPropagation();">代理商列表</div>
                </div>
            </div>
            <div class="nav-section">
                <div class="nav-section-title">数据与分析</div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <line x1="18" y1="20" x2="18" y2="10"/>
                        <line x1="12" y1="20" x2="12" y2="4"/>
                        <line x1="6" y1="20" x2="6" y2="14"/>
                    </svg>
                    <span>数据统计</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('statistics'); event.stopPropagation();">数据概览</div>
                    <div class="nav-item" onclick="switchPage('stats-report'); event.stopPropagation();">统计报表</div>
                </div>
            </div>
            <div class="nav-section">
                <div class="nav-section-title">运营管理</div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
                    </svg>
                    <span>消息通知</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('messages'); event.stopPropagation();">消息列表</div>
                    <div class="nav-item" onclick="switchPage('broadcast'); event.stopPropagation();">群发消息</div>
                    <div class="nav-item" onclick="switchPage('notice'); event.stopPropagation();">系统通知</div>
                </div>
                <div class="nav-item has-sub" onclick="toggleSubmenu(this)">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
                        <line x1="3" y1="9" x2="21" y2="9"/>
                        <line x1="9" y1="21" x2="9" y2="9"/>
                    </svg>
                    <span>内容管理</span>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:12px;height:12px;margin-left:auto;transform:rotate(90deg);"><polyline points="9 18 15 12 9 6"/></svg>
                </div>
                <div class="nav-sub">
                    <div class="nav-item" onclick="switchPage('banner'); event.stopPropagation();">Banner管理</div>
                    <div class="nav-item" onclick="switchPage('content'); event.stopPropagation();">文章管理</div>
                </div>
            </div>
        </nav>
    </aside>

    <!-- 主内容区 -->
    <main class="main-content" id="mainContent">
        <!-- 顶部导航 -->
        <header class="header">
            <div class="header-left">
                <button class="toggle-btn" onclick="toggleSidebar()">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <line x1="3" y1="12" x2="21" y2="12"/>
                        <line x1="3" y1="6" x2="21" y2="6"/>
                        <line x1="3" y1="18" x2="21" y2="18"/>
                    </svg>
                </button>
                <div class="breadcrumb">
                    首页 <span>/</span> <span id="currentPage">工作台</span>
                </div>
            </div>
            <div class="header-right">
                <div class="search-box">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                    </svg>
                    <input type="text" placeholder="搜索...">
                </div>
                <button class="header-icon" onclick="toggleNotification()">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/>
                        <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
                    </svg>
                    <span class="badge"></span>
                </button>
                <div class="user-info">
                    <div class="user-avatar">A</div>
                    <span style="font-size: 14px;">Admin</span>
                </div>
            </div>
        </header>

        <!-- 内容区域 -->
        <div class="content">
            <!-- 工作台 -->
            <div id="page-dashboard" class="tab-content active">
                <div class="page-header">
                    <h1 class="page-title">工作台</h1>
                    <div class="page-actions">
                        <button class="btn btn-default">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                            导出数据
                        </button>
                    </div>
                </div>

                <div class="stats-grid">
                    <div class="stat-card" onclick="switchPage('customers')">
                        <div class="stat-header">
                            <div class="stat-icon blue">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
                            </div>
                            <span class="stat-trend up">+12.5%</span>
                        </div>
                        <div class="stat-value">2,846</div>
                        <div class="stat-label">注册用户</div>
                    </div>
                    <div class="stat-card" onclick="switchPage('companions')">
                        <div class="stat-header">
                            <div class="stat-icon green">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                            </div>
                            <span class="stat-trend up">+8</span>
                        </div>
                        <div class="stat-value">128</div>
                        <div class="stat-label">陪诊师数量</div>
                    </div>
                    <div class="stat-card" onclick="switchPage('orders')">
                        <div class="stat-header">
                            <div class="stat-icon orange">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
                            </div>
                            <span class="stat-trend down">-5.2%</span>
                        </div>
                        <div class="stat-value">1,284</div>
                        <div class="stat-label">总订单数</div>
                    </div>
                    <div class="stat-card" onclick="switchPage('orders')">
                        <div class="stat-header">
                            <div class="stat-icon red">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                            </div>
                            <span class="stat-badge warning" style="font-size: 11px; padding: 2px 8px;">进行中</span>
                        </div>
                        <div class="stat-value">32</div>
                        <div class="stat-label">进行中订单</div>
                    </div>
                    <div class="stat-card" onclick="switchPage('settlement')">
                        <div class="stat-header">
                            <div class="stat-icon purple">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
                            </div>
                            <span class="stat-trend up">+15.8%</span>
                        </div>
                        <div class="stat-value">¥58,560</div>
                        <div class="stat-label">本月收入</div>
                    </div>
                </div>

                <div class="charts-row">
                    <div class="chart-card">
                        <div class="chart-header">
                            <h3 class="chart-title">订单趋势</h3>
                            <div class="chart-tabs">
                                <button class="chart-tab active" onclick="setChartPeriod('week')">本周</button>
                                <button class="chart-tab" onclick="setChartPeriod('month')">本月</button>
                                <button class="chart-tab" onclick="setChartPeriod('year')">本年</button>
                            </div>
                        </div>
                        <div class="chart-container" id="barChart"></div>
                    </div>
                    <div class="chart-card">
                        <div class="chart-header">
                            <h3 class="chart-title">服务类型分布</h3>
                        </div>
                        <div class="pie-legend">
                            <div class="legend-item"><span class="legend-dot" style="background: #1890ff;"></span><span>半天陪诊 35%</span></div>
                            <div class="legend-item"><span class="legend-dot" style="background: #52c41a;"></span><span>全天陪诊 40%</span></div>
                            <div class="legend-item"><span class="legend-dot" style="background: #faad14;"></span><span>夜间陪诊 15%</span></div>
                            <div class="legend-item"><span class="legend-dot" style="background: #722ed1;"></span><span>代服务 10%</span></div>
                        </div>
                    </div>
                </div>

                <div class="data-table">
                    <div class="table-header">
                        <h3 class="table-title">待处理事项</h3>
                    </div>
                    <table>
                        <thead>
                            <tr><th>类型</th><th>内容</th><th>提交时间</th><th>状态</th><th>操作</th></tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><span class="status-badge warning">待审核</span></td>
                                <td>陪诊师"张明"提交入驻申请</td>
                                <td>2026-05-15 10:30</td>
                                <td><span class="status-badge warning">待处理</span></td>
                                <td class="table-actions">
                                    <button class="table-btn approve" onclick="approveCompanion('张明')">通过</button>
                                    <button class="table-btn delete" onclick="rejectCompanion('张明')">拒绝</button>
                                </td>
                            </tr>
                            <tr>
                                <td><span class="status-badge info">退款</span></td>
                                <td>订单#ORD2026051501 用户申请退款</td>
                                <td>2026-05-15 09:45</td>
                                <td><span class="status-badge warning">待处理</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewOrderDetail('ORD2026051501')">查看</button>
                                    <button class="table-btn approve" onclick="approveRefund('ORD2026051501')">同意</button>
                                </td>
                            </tr>
                            <tr>
                                <td><span class="status-badge danger">投诉</span></td>
                                <td>用户"李华"投诉陪诊师服务态度差</td>
                                <td>2026-05-15 08:20</td>
                                <td><span class="status-badge warning">待处理</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewComplaint('李华')">处理</button>
                                </td>
                            </tr>
                            <tr>
                                <td><span class="status-badge info">提现</span></td>
                                <td>陪诊师"王美丽"申请提现 ¥2,500</td>
                                <td>2026-05-14 16:30</td>
                                <td><span class="status-badge info">审核中</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewWithdraw('王美丽')">查看</button>
                                    <button class="table-btn approve" onclick="approveWithdraw('王美丽')">通过</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 陪诊师管理 -->
            <div id="page-companions" class="tab-content">
                <div class="page-header">
                    <h1 class="page-title">陪诊师管理</h1>
                    <div class="page-actions">
                        <button class="btn btn-primary" onclick="openModal('addCompanion')">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
                            添加陪诊师
                        </button>
                    </div>
                </div>
                <div class="filter-tabs">
                    <button class="filter-tab active">全部 (128)</button>
                    <button class="filter-tab">待审核 (5)</button>
                    <button class="filter-tab">已通过 (100)</button>
                    <button class="filter-tab">已禁用 (23)</button>
                </div>
                <div class="data-table">
                    <div class="table-header">
                        <h3 class="table-title">陪诊师列表</h3>
                        <div class="table-filters">
                            <input type="text" class="form-input" placeholder="搜索姓名/手机号" style="width: 180px;">
                            <select class="filter-select"><option>全部区域</option><option>朝阳区</option><option>海淀区</option><option>东城区</option></select>
                        </div>
                    </div>
                    <table>
                        <thead>
                            <tr><th>ID</th><th>姓名</th><th>手机号</th><th>服务区域</th><th>评分</th><th>订单数</th><th>状态</th><th>操作</th></tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>C001</td>
                                <td>张明</td>
                                <td>138****8888</td>
                                <td>朝阳区、海淀区</td>
                                <td><span style="color: #faad14;">4.9</span></td>
                                <td>256</td>
                                <td><span class="status-badge success">已认证</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewCompanion('C001')">查看</button>
                                    <button class="table-btn edit" onclick="editCompanion('C001')">编辑</button>
                                    <button class="table-btn delete" onclick="disableCompanion('C001')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>C002</td>
                                <td>李华</td>
                                <td>139****6666</td>
                                <td>东城区、西城区</td>
                                <td><span style="color: #faad14;">4.7</span></td>
                                <td>189</td>
                                <td><span class="status-badge success">已认证</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewCompanion('C002')">查看</button>
                                    <button class="table-btn edit" onclick="editCompanion('C002')">编辑</button>
                                    <button class="table-btn delete" onclick="disableCompanion('C002')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>C003</td>
                                <td>王美丽</td>
                                <td>137****5555</td>
                                <td>朝阳区</td>
                                <td><span style="color: #faad14;">4.8</span></td>
                                <td>312</td>
                                <td><span class="status-badge warning">待审核</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewCompanion('C003')">查看</button>
                                    <button class="table-btn approve" onclick="approveCompanion('C003')">通过</button>
                                    <button class="table-btn delete" onclick="rejectCompanion('C003')">拒绝</button>
                                </td>
                            </tr>
                            <tr>
                                <td>C004</td>
                                <td>赵先生</td>
                                <td>136****4444</td>
                                <td>海淀区、丰台区</td>
                                <td><span style="color: #faad14;">4.5</span></td>
                                <td>98</td>
                                <td><span class="status-badge danger">已禁用</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewCompanion('C004')">查看</button>
                                    <button class="table-btn approve" onclick="enableCompanion('C004')">启用</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="pagination">
                        <span class="pagination-info">显示 1-4 条，共 128 条</span>
                        <div class="pagination-controls">
                            <button class="page-btn" disabled><</button>
                            <button class="page-btn active">1</button>
                            <button class="page-btn">2</button>
                            <button class="page-btn">3</button>
                            <button class="page-btn">></button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 订单管理 -->
            <div id="page-orders" class="tab-content">
                <div class="page-header">
                    <h1 class="page-title">订单管理</h1>
                    <div class="page-actions">
                        <button class="btn btn-default">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                            导出
                        </button>
                    </div>
                </div>
                <div class="stats-grid" style="grid-template-columns: repeat(6, 1fr);">
                    <div class="stat-card"><div class="stat-value" style="font-size: 22px;">1,284</div><div class="stat-label">全部订单</div></div>
                    <div class="stat-card"><div class="stat-value" style="font-size: 22px; color: var(--warning);">32</div><div class="stat-label">待支付</div></div>
                    <div class="stat-card"><div class="stat-value" style="font-size: 22px; color: var(--primary);">28</div><div class="stat-label">已支付</div></div>
                    <div class="stat-card"><div class="stat-value" style="font-size: 22px; color: var(--purple);">45</div><div class="stat-label">服务中</div></div>
                    <div class="stat-card"><div class="stat-value" style="font-size: 22px; color: var(--success);">1,156</div><div class="stat-label">已完成</div></div>
                    <div class="stat-card"><div class="stat-value" style="font-size: 22px; color: var(--danger);">23</div><div class="stat-label">已取消</div></div>
                </div>
                <div class="data-table">
                    <div class="table-header">
                        <h3 class="table-title">订单列表</h3>
                        <div class="table-filters">
                            <input type="text" class="form-input" placeholder="订单号/客户名" style="width: 160px;">
                            <select class="filter-select"><option>全部状态</option><option>待支付</option><option>服务中</option><option>已完成</option></select>
                            <select class="filter-select"><option>全部服务</option><option>半天陪诊</option><option>全天陪诊</option><option>夜间陪诊</option><option>代取药</option></select>
                        </div>
                    </div>
                    <table>
                        <thead>
                            <tr><th>订单号</th><th>客户</th><th>陪诊师</th><th>服务类型</th><th>金额</th><th>订单状态</th><th>下单时间</th><th>操作</th></tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>ORD20260515001</td>
                                <td>陈先生<br><span style="color: var(--text-secondary); font-size: 12px;">138****1234</span></td>
                                <td>张明</td>
                                <td>全天陪诊</td>
                                <td>¥399</td>
                                <td><span class="status-badge info">服务中</span></td>
                                <td>2026-05-15 09:30</td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewOrder('ORD20260515001')">详情</button>
                                    <button class="table-btn edit" onclick="reassignOrder('ORD20260515001')">改派</button>
                                </td>
                            </tr>
                            <tr>
                                <td>ORD20260515002</td>
                                <td>林女士<br><span style="color: var(--text-secondary); font-size: 12px;">139****5678</span></td>
                                <td>李华</td>
                                <td>半天陪诊</td>
                                <td>¥199</td>
                                <td><span class="status-badge warning">待支付</span></td>
                                <td>2026-05-15 08:45</td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewOrder('ORD20260515002')">详情</button>
                                    <button class="table-btn delete" onclick="cancelOrder('ORD20260515002')">取消</button>
                                </td>
                            </tr>
                            <tr>
                                <td>ORD20260514001</td>
                                <td>周先生<br><span style="color: var(--text-secondary); font-size: 12px;">136****9012</span></td>
                                <td>王美丽</td>
                                <td>代取药</td>
                                <td>¥99</td>
                                <td><span class="status-badge success">已完成</span></td>
                                <td>2026-05-14 16:20</td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewOrder('ORD20260514001')">详情</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="pagination">
                        <span class="pagination-info">显示 1-3 条，共 1,284 条</span>
                        <div class="pagination-controls">
                            <button class="page-btn" disabled><</button>
                            <button class="page-btn active">1</button>
                            <button class="page-btn">2</button>
                            <button class="page-btn">3</button>
                            <button class="page-btn">></button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 服务与价格管理 -->
            <div id="page-services" class="tab-content">
                <div class="page-header">
                    <h1 class="page-title">服务与价格管理</h1>
                    <div class="page-actions">
                        <button class="btn btn-default">价格模板</button>
                        <button class="btn btn-primary" onclick="openModal('addService')">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
                            添加服务
                        </button>
                    </div>
                </div>
                <div class="data-table">
                    <div class="table-header">
                        <h3 class="table-title">服务项目列表</h3>
                    </div>
                    <table>
                        <thead>
                            <tr><th>服务编号</th><th>服务名称</th><th>服务类型</th><th>基础价格</th><th>上门费</th><th>状态</th><th>操作</th></tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>S001</td>
                                <td>半天陪诊服务</td>
                                <td><span class="status-badge info">陪诊</span></td>
                                <td>¥199/次</td>
                                <td>¥30</td>
                                <td><span class="status-badge success">启用</span></td>
                                <td class="table-actions">
                                    <button class="table-btn edit" onclick="editService('S001')">编辑</button>
                                    <button class="table-btn delete" onclick="toggleService('S001')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>S002</td>
                                <td>全天陪诊服务</td>
                                <td><span class="status-badge info">陪诊</span></td>
                                <td>¥399/次</td>
                                <td>¥30</td>
                                <td><span class="status-badge success">启用</span></td>
                                <td class="table-actions">
                                    <button class="table-btn edit" onclick="editService('S002')">编辑</button>
                                    <button class="table-btn delete" onclick="toggleService('S002')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>S003</td>
                                <td>夜间陪诊服务</td>
                                <td><span class="status-badge info">陪诊</span></td>
                                <td>¥299/次</td>
                                <td>¥20</td>
                                <td><span class="status-badge success">启用</span></td>
                                <td class="table-actions">
                                    <button class="table-btn edit" onclick="editService('S003')">编辑</button>
                                    <button class="table-btn delete" onclick="toggleService('S003')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>S004</td>
                                <td>代取药服务</td>
                                <td><span class="status-badge purple">代办</span></td>
                                <td>¥99/次</td>
                                <td>-</td>
                                <td><span class="status-badge success">启用</span></td>
                                <td class="table-actions">
                                    <button class="table-btn edit" onclick="editService('S004')">编辑</button>
                                    <button class="table-btn delete" onclick="toggleService('S004')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>S005</td>
                                <td>代取报告</td>
                                <td><span class="status-badge purple">代办</span></td>
                                <td>¥59/次</td>
                                <td>-</td>
                                <td><span class="status-badge success">启用</span></td>
                                <td class="table-actions">
                                    <button class="table-btn edit" onclick="editService('S005')">编辑</button>
                                    <button class="table-btn delete" onclick="toggleService('S005')">禁用</button>
                                </td>
                            </tr>
                            <tr>
<td>S006</td>
                                <td>代办出入院</td>
                                <td><span class="status-badge purple">代办</span></td>
                                <td>¥199/次</td>
                                <td>-</td>
                                <td><span class="status-badge warning">维护中</span></td>
                                <td class="table-actions">
                                    <button class="table-btn edit" onclick="editService('S006')">编辑</button>
                                    <button class="table-btn view" onclick="toggleService('S006')">启用</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 财务结算 -->
            <div id="page-settlement" class="tab-content">
                <div class="page-header">
                    <h1 class="page-title">财务结算</h1>
                    <div class="page-actions">
                        <button class="btn btn-default">结算规则配置</button>
                        <button class="btn btn-default">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                            导出报表
                        </button>
                    </div>
                </div>
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon green"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div>
                        </div>
                        <div class="stat-value">¥58,560</div>
                        <div class="stat-label">本月收入</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon blue"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 1 0 7h5a3.5 3.5 0 0 0 0 7H6"/></svg></div>
                        </div>
                        <div class="stat-value">¥28,450</div>
                        <div class="stat-label">陪诊师提成</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon orange"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg></div>
                        </div>
                        <div class="stat-value">¥8,560</div>
                        <div class="stat-label">待提现金额</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon red"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 1 0 7H6"/></svg></div>
                        </div>
                        <div class="stat-value">¥12,500</div>
                        <div class="stat-label">本月支出</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-header">
                            <div class="stat-icon purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
                        </div>
                        <div class="stat-value">¥30,110</div>
                        <div class="stat-label">净利润</div>
                    </div>
                </div>
                <div class="filter-tabs">
                    <button class="filter-tab active">全部流水</button>
                    <button class="filter-tab">收入记录</button>
                    <button class="filter-tab">支出记录</button>
                    <button class="filter-tab">提现申请</button>
                </div>
                <div class="data-table">
                    <table>
                        <thead>
                            <tr><th>流水号</th><th>类型</th><th>金额</th><th>关联订单</th><th>账户</th><th>状态</th><th>时间</th></tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>F20260515001</td>
                                <td><span class="status-badge success">收入</span></td>
                                <td style="color: var(--success); font-weight: 600;">+¥399</td>
                                <td>ORD20260515001</td>
                                <td>平台账户</td>
                                <td><span class="status-badge success">已到账</span></td>
                                <td>2026-05-15 09:30</td>
                            </tr>
                            <tr>
                                <td>F20260515002</td>
                                <td><span class="status-badge info">提成支出</span></td>
                                <td style="color: var(--danger); font-weight: 600;">-¥160</td>
                                <td>ORD20260515001</td>
                                <td>陪诊师张明</td>
                                <td><span class="status-badge success">已结算</span></td>
                                <td>2026-05-15 10:00</td>
                            </tr>
                            <tr>
                                <td>F20260515003</td>
                                <td><span class="status-badge warning">提现</span></td>
                                <td style="color: var(--danger); font-weight: 600;">-¥2,500</td>
                                <td>-</td>
                                <td>陪诊师王美丽</td>
                                <td><span class="status-badge info">审核中</span></td>
                                <td>2026-05-14 16:30</td>
                            </tr>
                            <tr>
                                <td>F20260514001</td>
                                <td><span class="status-badge success">收入</span></td>
                                <td style="color: var(--success); font-weight: 600;">+¥199</td>
                                <td>ORD20260514002</td>
                                <td>平台账户</td>
                                <td><span class="status-badge success">已到账</span></td>
                                <td>2026-05-14 14:20</td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="pagination">
                        <span class="pagination-info">显示 1-4 条，共 892 条</span>
                        <div class="pagination-controls">
                            <button class="page-btn" disabled><</button>
                            <button class="page-btn active">1</button>
                            <button class="page-btn">2</button>
                            <button class="page-btn">></button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 客户管理 -->
            <div id="page-customers" class="tab-content">
                <div class="page-header">
                    <h1 class="page-title">客户管理</h1>
                </div>
                <div class="data-table">
                    <div class="table-header">
                        <div class="table-filters">
                            <input type="text" class="form-input" placeholder="搜索姓名/手机号" style="width: 180px;">
                            <select class="filter-select"><option>全部状态</option><option>启用</option><option>禁用</option></select>
                        </div>
                    </div>
                    <table>
                        <thead>
                            <tr><th>客户ID</th><th>姓名</th><th>手机号</th><th>注册时间</th><th>订单数</th><th>消费金额</th><th>状态</th><th>操作</th></tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>U001</td>
                                <td>陈先生</td>
                                <td>138****1234</td>
                                <td>2026-01-15</td>
                                <td>12</td>
                                <td>¥4,580</td>
                                <td><span class="status-badge success">正常</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewCustomer('U001')">查看</button>
                                    <button class="table-btn delete" onclick="disableCustomer('U001')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>U002</td>
                                <td>林女士</td>
                                <td>139****5678</td>
                                <td>2026-02-20</td>
                                <td>8</td>
                                <td>¥3,200</td>
                                <td><span class="status-badge success">正常</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewCustomer('U002')">查看</button>
                                    <button class="table-btn delete" onclick="disableCustomer('U002')">禁用</button>
                                </td>
                            </tr>
                            <tr>
                                <td>U003</td>
                                <td>周先生</td>
                                <td>136****9012</td>
                                <td>2026-03-10</td>
                                <td>5</td>
                                <td>¥1,990</td>
                                <td><span class="status-badge danger">禁用</span></td>
                                <td class="table-actions">
                                    <button class="table-btn view" onclick="viewCustomer('U003')">查看</button>
                                    <button class="table-btn approve" onclick="enableCustomer('U003')">启用</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="pagination">
                        <span class="pagination-info">显示 1-3 条，共 2,846 条</span>
                        <div class="pagination-controls">
                            <button class="page-btn" disabled><</button>
                            <button class="page-btn active">1</button>
                            <button class="page-btn">2</button>
                            <button class="page-btn">3</button>
                            <button class="page-btn">></button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 数据统计 -->
            <div id="page-statistics" class="tab-content">
                <div class="page-header">
                    <h1 class="page-title">数据统计</h1>
                    <div class="page-actions">
                        <select class="filter-select"><option>近30天</option><option>近90天</option><option>近一年</option></select>
                    </div>
                </div>
                <div class="stats-grid">
                    <div class="stat-card"><div class="stat-value">3,568</div><div class="stat-label">总订单量</div></div>
                    <div class="stat-card"><div class="stat-value">+15.8%</div><div class="stat-label">订单增长</div></div>
                    <div class="stat-card"><div class="stat-value">2,846</div><div class="stat-label">总用户数</div></div>
                    <div class="stat-card"><div class="stat-value">+12.5%</div><div class="stat-label">用户增长</div></div>
                </div>
                <div class="charts-row">
                    <div class="chart-card">
                        <div class="chart-header"><h3 class="chart-title">订单量趋势</h3></div>
                        <div class="chart-container" id="lineChartContainer"></div>
                    </div>
                    <div class="chart-card">
                        <div class="chart-header"><h3 class="chart-title">用户增长趋势</h3></div>
                        <div class="chart-container" id="userChartContainer"></div>
                    </div>
                </div>
                <div class="data-table" style="margin-top: 20px;">
                    <div class="table-header"><h3 class="table-title">服务类型订单排行</h3></div>
                    <table>
                        <thead><tr><th>排名</th><th>服务类型</th><th>订单数</th><th>收入金额</th><th>占比</th></tr></thead>
                        <tbody>
                            <tr><td><span style="background: #ffd700; padding: 2px 8px; border-radius: 10px; color: #fff; font-weight: bold;">1</span></td><td>全天陪诊</td><td>856</td><td>¥341,544</td><td>40%</td></tr>
                            <tr><td><span style="background: #c0c0c0; padding: 2px 8px; border-radius: 10px; color: #fff; font-weight: bold;">2</span></td><td>半天陪诊</td><td>712</td><td>¥141,688</td><td>35%</td></tr>
                            <tr><td><span style="background: #cd7f32; padding: 2px 8px; border-radius: 10px; color: #fff; font-weight: bold;">3</span></td><td>夜间陪诊</td><td>428</td><td>¥127,972</td><td>15%</td></tr>
                            <tr><td>4</td><td>代取药</td><td>356</td><td>¥35,244</td><td>10%</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 投诉处理 -->
            <div id="page-complaints" class="tab-content">
                <div class="page-header"><h1 class="page-title">投诉处理</h1></div>
                <div class="filter-tabs">
                    <button class="filter-tab active">全部 (23)</button>
                    <button class="filter-tab">待处理 (3)</button>
                    <button class="filter-tab">处理中 (5)</button>
                    <button class="filter-tab">已处理 (15)</button>
                </div>
                <div class="data-table">
                    <table>
                        <thead><tr><th>投诉编号</th><th>类型</th><th>投诉人</th><th>被投诉方</th><th>内容摘要</th><th>状态</th><th>时间</th><th>操作</th></tr></thead>
                        <tbody>
                            <tr>
                                <td>CT2026051501</td>
                                <td><span class="status-badge danger">服务态度</span></td>
                                <td>李华</td>
                                <td>陪诊师张明</td>
                                <td>陪诊师服务态度恶劣...</td>
                                <td><span class="status-badge warning">待处理</span></td>
                                <td>2026-05-15 08:20</td>
                                <td class="table-actions"><button class="table-btn edit" onclick="handleComplaint('CT2026051501')">处理</button></td>
                            </tr>
                            <tr>
                                <td>CT2026051401</td>
                                <td><span class="status-badge danger">迟到</span></td>
                                <td>陈先生</td>
                                <td>陪诊师李华</td>
                                <td>陪诊师迟到30分钟...</td>
                                <td><span class="status-badge info">处理中</span></td>
                                <td>2026-05-14 16:30</td>
                                <td class="table-actions"><button class="table-btn view" onclick="handleComplaint('CT2026051401')">查看</button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 管理员列表 -->
            <div id="page-admin-list" class="tab-content">
                <div class="page-header">
                    <h1 class="page-title">管理员列表</h1>
                    <div class="page-actions"><button class="btn btn-primary" onclick="openModal('addAdmin')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>添加管理员</button></div>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>ID</th><th>姓名</th><th>账号</th><th>角色</th><th>手机号</th><th>最后登录</th><th>状态</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>A001</td><td>系统管理员</td><td>admin</td><td><span class="status-badge purple">超级管理员</span></td><td>138****0001</td><td>2026-05-15 13:00</td><td><span class="status-badge success">正常</span></td><td class="table-actions"><button class="table-btn edit">编辑</button><button class="table-btn view">重置密码</button></td></tr>
                        <tr><td>A002</td><td>张运营</td><td>zhangyun</td><td><span class="status-badge info">运营主管</span></td><td>139****1002</td><td>2026-05-15 12:30</td><td><span class="status-badge success">正常</span></td><td class="table-actions"><button class="table-btn edit">编辑</button><button class="table-btn delete">禁用</button></td></tr>
                        <tr><td>A003</td><td>李财务</td><td>lica Wu</td><td><span class="status-badge info">财务</span></td><td>137****1003</td><td>2026-05-15 11:45</td><td><span class="status-badge success">正常</span></td><td class="table-actions"><button class="table-btn edit">编辑</button><button class="table-btn delete">禁用</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 角色配置 -->
            <div id="page-roles" class="tab-content">
                <div class="page-header"><h1 class="page-title">角色配置</h1><div class="page-actions"><button class="btn btn-primary">添加角色</button></div></div>
                <div class="detail-grid" style="margin-bottom: 24px;">
                    <div class="detail-item"><div class="detail-label">超级管理员</div><div class="detail-value">全部权限</div></div>
                    <div class="detail-item"><div class="detail-label">运营主管</div><div class="detail-value">用户/订单/数据</div></div>
                    <div class="detail-item"><div class="detail-label">财务</div><div class="detail-value">财务/结算</div></div>
                    <div class="detail-item"><div class="detail-label">客服</div><div class="detail-value">订单/投诉</div></div>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>角色名称</th><th>权限说明</th><th>管理员数量</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td><span class="status-badge purple">超级管理员</span></td><td>系统全部权限</td><td>1</td><td class="table-actions"><button class="table-btn view">编辑</button></td></tr>
                        <tr><td><span class="status-badge info">运营主管</span></td><td>用户管理、订单管理、数据统计</td><td>3</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td><span class="status-badge success">财务</span></td><td>财务结算、提现管理、报表查看</td><td>2</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td><span class="status-badge warning">客服</span></td><td>订单查询、投诉处理、消息回复</td><td>5</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 操作日志 -->
            <div id="page-logs" class="tab-content">
                <div class="page-header"><h1 class="page-title">操作日志</h1></div>
                <div class="table-filters" style="margin-bottom: 16px; display: flex; gap: 12px;">
                    <select class="filter-select"><option>全部操作</option><option>登录</option><option>添加</option><option>编辑</option><option>删除</option></select>
                    <input type="text" class="form-input" placeholder="操作人" style="width: 150px;">
                    <input type="date" class="form-input" style="width: 150px;">
                </div>
                <div class="data-table">
                    <table><thead><tr><th>时间</th><th>操作人</th><th>操作类型</th><th>操作内容</th><th>IP地址</th></tr></thead>
                    <tbody>
                        <tr><td>2026-05-15 13:05:23</td><td>系统管理员</td><td><span class="status-badge info">登录</span></td><td>后台登录成功</td><td>192.168.1.100</td></tr>
                        <tr><td>2026-05-15 12:30:15</td><td>张运营</td><td><span class="status-badge success">添加</span></td><td>添加陪诊师：张明</td><td>192.168.1.101</td></tr>
                        <tr><td>2026-05-15 11:45:30</td><td>李财务</td><td><span class="status-badge warning">编辑</span></td><td>修改服务价格：全天陪诊</td><td>192.168.1.102</td></tr>
                        <tr><td>2026-05-15 10:20:10</td><td>系统管理员</td><td><span class="status-badge danger">删除</span></td><td>删除Banner：首页轮播图2</td><td>192.168.1.100</td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 客户黑名单 -->
            <div id="page-customer-blacklist" class="tab-content">
                <div class="page-header"><h1 class="page-title">客户黑名单</h1></div>
                <div class="stats-grid" style="grid-template-columns: repeat(3, 1fr); margin-bottom: 24px;">
                    <div class="stat-card"><div class="stat-value">28</div><div class="stat-label">黑名单客户</div></div>
                    <div class="stat-card"><div class="stat-value">15</div><div class="stat-label">本月新增</div></div>
                    <div class="stat-card"><div class="stat-value">3</div><div class="stat-label">已解除</div></div>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>客户</th><th>手机号</th><th>加入原因</th><th>加入时间</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>周先生</td><td>136****9012</td><td>恶意退款3次</td><td>2026-05-10</td><td class="table-actions"><button class="table-btn approve">解除</button><button class="table-btn view">详情</button></td></tr>
                        <tr><td>吴女士</td><td>135****7890</td><td>恶意差评骚扰</td><td>2026-05-08</td><td class="table-actions"><button class="table-btn approve">解除</button><button class="table-btn view">详情</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 审核管理 -->
            <div id="page-companion-approve" class="tab-content">
                <div class="page-header"><h1 class="page-title">审核管理</h1></div>
                <div class="filter-tabs">
                    <button class="filter-tab active">全部 (12)</button>
                    <button class="filter-tab">待审核 (5)</button>
                    <button class="filter-tab">已通过 (6)</button>
                    <button class="filter-tab">已拒绝 (1)</button>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>申请ID</th><th>姓名</th><th>手机号</th><th>上传资质</th><th>申请时间</th><th>状态</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>P001</td><td>王美丽</td><td>137****5555</td><td><button class="table-btn view">查看</button></td><td>2026-05-15 09:00</td><td><span class="status-badge warning">待审核</span></td><td class="table-actions"><button class="table-btn approve">通过</button><button class="table-btn delete">拒绝</button></td></tr>
                        <tr><td>P002</td><td>赵先生</td><td>136****4444</td><td><button class="table-btn view">查看</button></td><td>2026-05-15 08:30</td><td><span class="status-badge warning">待审核</span></td><td class="table-actions"><button class="table-btn approve">通过</button><button class="table-btn delete">拒绝</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 评价管理 -->
            <div id="page-companion-evaluate" class="tab-content">
                <div class="page-header"><h1 class="page-title">评价管理</h1></div>
                <div class="stats-grid" style="grid-template-columns: repeat(4, 1fr); margin-bottom: 24px;">
                    <div class="stat-card"><div class="stat-value">4.8</div><div class="stat-label">平均评分</div></div>
                    <div class="stat-card"><div class="stat-value">1,256</div><div class="stat-label">总评价数</div></div>
                    <div class="stat-card"><div class="stat-value">98%</div><div class="stat-label">好评率</div></div>
                    <div class="stat-card"><div class="stat-value">15</div><div class="stat-label">差评数</div></div>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>订单号</th><th>客户</th><th>陪诊师</th><th>评分</th><th>评价内容</th><th>时间</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>ORD20260515001</td><td>陈先生</td><td>张明</td><td><span style="color: #faad14;">★★★★★</span></td><td>服务很专业，准时到达，耐心陪伴</td><td>2026-05-15</td><td class="table-actions"><button class="table-btn view">查看</button></td></tr>
                        <tr><td>ORD20260514003</td><td>林女士</td><td>李华</td><td><span style="color: #faad14;">★★★★</span></td><td>态度很好，但迟到了一点</td><td>2026-05-14</td><td class="table-actions"><button class="table-btn view">查看</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 投诉统计 -->
            <div id="page-complaint-stats" class="tab-content">
                <div class="page-header"><h1 class="page-title">投诉统计</h1></div>
                <div class="stats-grid" style="grid-template-columns: repeat(4, 1fr); margin-bottom: 24px;">
                    <div class="stat-card"><div class="stat-value">23</div><div class="stat-label">本月投诉</div></div>
                    <div class="stat-card"><div class="stat-value" style="color: var(--warning);">3</div><div class="stat-label">待处理</div></div>
                    <div class="stat-card"><div class="stat-value">5</div><div class="stat-label">处理中</div></div>
                    <div class="stat-card"><div class="stat-value" style="color: var(--success);">15</div><div class="stat-label">已处理</div></div>
                </div>
                <div class="charts-row">
                    <div class="chart-card">
                        <div class="chart-header"><h3 class="chart-title">投诉类型分布</h3></div>
                        <div class="pie-legend">
                            <div class="legend-item"><span class="legend-dot" style="background: #ff4d4f;"></span><span>服务态度 45%</span></div>
                            <div class="legend-item"><span class="legend-dot" style="background: #faad14;"></span><span>迟到 25%</span></div>
                            <div class="legend-item"><span class="legend-dot" style="background: #1890ff;"></span><span>乱收费 15%</span></div>
                            <div class="legend-item"><span class="legend-dot" style="background: #722ed1;"></span><span>其他 15%</span></div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 订单筛选 -->
            <div id="page-order-filter" class="tab-content">
                <div class="page-header"><h1 class="page-title">订单筛选</h1></div>
                <div class="filter-tabs" style="margin-bottom: 16px;">
                    <button class="filter-tab">全部订单</button>
                    <button class="filter-tab">今天</button>
                    <button class="filter-tab">本周</button>
                    <button class="filter-tab">本月</button>
                </div>
                <div class="data-table">
                    <div class="table-header">
                        <div class="table-filters">
                            <select class="filter-select"><option>服务类型</option><option>半天陪诊</option><option>全天陪诊</option></select>
                            <select class="filter-select"><option>医院</option><option>北京协和医院</option><option>301医院</option></select>
                            <input type="text" class="form-input" placeholder="订单号/客户名" style="width: 160px;">
                        </div>
                    </div>
                    <table><thead><tr><th>订单号</th><th>客户</th><th>陪诊师</th><th>医院</th><th>服务类型</th><th>金额</th><th>状态</th></tr></thead>
                    <tbody>
                        <tr><td>ORD20260515001</td><td>陈先生</td><td>张明</td><td>北京协和医院</td><td>全天陪诊</td><td>¥399</td><td><span class="status-badge info">服务中</span></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 退款管理 -->
            <div id="page-refund" class="tab-content">
                <div class="page-header"><h1 class="page-title">退款管理</h1></div>
                <div class="stats-grid" style="grid-template-columns: repeat(3, 1fr); margin-bottom: 24px;">
                    <div class="stat-card"><div class="stat-value">8</div><div class="stat-label">待处理</div></div>
                    <div class="stat-card"><div class="stat-value">¥2,560</div><div class="stat-label">待退款金额</div></div>
                    <div class="stat-card"><div class="stat-value">45</div><div class="stat-label">本月退款数</div></div>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>订单号</th><th>客户</th><th>金额</th><th>退款原因</th><th>申请时间</th><th>状态</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>ORD2026051501</td><td>陈先生</td><td>¥399</td><td>临时有事无法就诊</td><td>2026-05-15 09:45</td><td><span class="status-badge warning">待处理</span></td><td class="table-actions"><button class="table-btn approve">同意</button><button class="table-btn delete">拒绝</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 营收统计 -->
            <div id="page-revenue" class="tab-content">
                <div class="page-header"><h1 class="page-title">营收统计</h1></div>
                <div class="stats-grid" style="grid-template-columns: repeat(4, 1fr); margin-bottom: 24px;">
                    <div class="stat-card"><div class="stat-icon blue"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div><div class="stat-value">¥856,400</div><div class="stat-label">总收入</div></div>
                    <div class="stat-card"><div class="stat-icon green"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div><div class="stat-value">¥58,560</div><div class="stat-label">本月收入</div></div>
                    <div class="stat-card"><div class="stat-icon orange"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div><div class="stat-value">¥428,200</div><div class="stat-label">平台佣金</div></div>
                    <div class="stat-card"><div class="stat-icon purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div><div class="stat-value">¥369,748</div><div class="stat-label">陪诊师收入</div></div>
                </div>
                <div class="charts-row">
                    <div class="chart-card"><div class="chart-header"><h3 class="chart-title">月度营收趋势</h3></div><div id="revenueChart" class="chart-container"></div></div>
                    <div class="chart-card"><div class="chart-header"><h3 class="chart-title">收入来源</h3></div><div class="pie-legend"><div class="legend-item"><span class="legend-dot" style="background: #1890ff;"></span><span>陪诊服务 75%</span></div><div class="legend-item"><span class="legend-dot" style="background: #52c41a;"></span><span>代办服务 15%</span></div><div class="legend-item"><span class="legend-dot" style="background: #faad14;"></span><span>其他 10%</span></div></div></div>
                </div>
            </div>

            <!-- 提现管理 -->
            <div id="page-withdraw" class="tab-content">
                <div class="page-header"><h1 class="page-title">提现管理</h1></div>
                <div class="stats-grid" style="grid-template-columns: repeat(4, 1fr); margin-bottom: 24px;">
                    <div class="stat-card"><div class="stat-value">3</div><div class="stat-label">待审核</div></div>
                    <div class="stat-card"><div class="stat-value">¥8,500</div><div class="stat-label">待打款金额</div></div>
                    <div class="stat-card"><div class="stat-value">156</div><div class="stat-label">本月提现</div></div>
                    <div class="stat-card"><div class="stat-value">¥128,600</div><div class="stat-label">已打款金额</div></div>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>申请单号</th><th>陪诊师</th><th>银行/账号</th><th>金额</th><th>申请时间</th><th>状态</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>W20260515001</td><td>王美丽</td><td>工商银行 ****4567</td><td>¥2,500</td><td>2026-05-14 16:30</td><td><span class="status-badge info">审核中</span></td><td class="table-actions"><button class="table-btn approve">通过</button><button class="table-btn delete">拒绝</button></td></tr>
                        <tr><td>W20260515002</td><td>张明</td><td>农业银行 ****8901</td><td>¥1,800</td><td>2026-05-14 15:00</td><td><span class="status-badge info">审核中</span></td><td class="table-actions"><button class="table-btn approve">通过</button><button class="table-btn delete">拒绝</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 价格设置 -->
            <div id="page-pricing" class="tab-content">
                <div class="page-header"><h1 class="page-title">价格设置</h1></div>
                <div class="data-table">
                    <div class="table-header"><h3 class="table-title">基础价格配置</h3></div>
                    <table><thead><tr><th>服务类型</th><th>基础价格</th><th>上门费</th><th>夜间加价</th><th>节假日加价</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>半天陪诊</td><td>¥199</td><td>¥30</td><td>+20%</td><td>+30%</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td>全天陪诊</td><td>¥399</td><td>¥50</td><td>+20%</td><td>+30%</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td>夜间陪诊</td><td>¥299</td><td>¥30</td><td>-</td><td>+30%</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td>代取药</td><td>¥80</td><td>¥20</td><td>-</td><td>+20%</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td>代挂号</td><td>¥100</td><td>¥20</td><td>-</td><td>+20%</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 医院管理 -->
            <div id="page-hospital" class="tab-content">
                <div class="page-header"><h1 class="page-title">医院管理</h1><div class="page-actions"><button class="btn btn-primary">添加医院</button></div></div>
                <div class="data-table">
                    <table><thead><tr><th>医院名称</th><th>地址</th><th>陪诊师数量</th><th>订单数</th><th>评分</th><th>状态</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>北京协和医院</td><td>北京市东城区帅府园1号</td><td>25</td><td>456</td><td><span style="color: #faad14;">4.9</span></td><td><span class="status-badge success">启用</span></td><td class="table-actions"><button class="table-btn edit">编辑</button><button class="table-btn delete">禁用</button></td></tr>
                        <tr><td>301医院</td><td>北京市海淀区复兴路28号</td><td>20</td><td>380</td><td><span style="color: #faad14;">4.8</span></td><td><span class="status-badge success">启用</span></td><td class="table-actions"><button class="table-btn edit">编辑</button><button class="table-btn delete">禁用</button></td></tr>
                        <tr><td>北京大学第一医院</td><td>北京市西城区西安门大街1号</td><td>18</td><td>320</td><td><span style="color: #faad14;">4.7</span></td><td><span class="status-badge success">启用</span></td><td class="table-actions"><button class="table-btn edit">编辑</button><button class="table-btn delete">禁用</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 分销设置 -->
            <div id="page-distribution" class="tab-content">
                <div class="page-header"><h1 class="page-title">分销设置</h1></div>
                <div class="data-table">
                    <div class="table-header"><h3 class="table-title">分销规则配置</h3></div>
                    <div style="padding: 20px;">
                        <div class="detail-grid" style="grid-template-columns: repeat(3, 1fr); margin-bottom: 24px;">
                            <div class="detail-item"><div class="detail-label">一级分销比例</div><div class="detail-value">8%</div></div>
                            <div class="detail-item"><div class="detail-label">二级分销比例</div><div class="detail-value">5%</div></div>
                            <div class="detail-item"><div class="detail-label">最高佣金上限</div><div class="detail-value">¥500/单</div></div>
                        </div>
                        <table><thead><tr><th>等级</th><th>成为条件</th><th>佣金比例</th><th>人数</th><th>操作</th></tr></thead>
                        <tbody>
                            <tr><td><span class="status-badge warning">金牌代理商</span></td><td>累计订单≥100单 或 累计佣金≥¥10,000</td><td>8%</td><td>12</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                            <tr><td><span class="status-badge info">银牌代理商</span></td><td>累计订单≥50单 或 累计佣金≥¥5,000</td><td>5%</td><td>28</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                            <tr><td><span class="status-badge success">普通代理商</span></td><td>完成注册即可</td><td>3%</td><td>156</td><td class="table-actions"><button class="table-btn edit">编辑</button></td></tr>
                        </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 消息列表 -->
            <div id="page-messages" class="tab-content">
                <div class="page-header"><h1 class="page-title">消息列表</h1><div class="page-actions"><button class="btn btn-primary">发送消息</button></div></div>
                <div class="filter-tabs">
                    <button class="filter-tab active">全部消息</button>
                    <button class="filter-tab">系统通知</button>
                    <button class="filter-tab">订单通知</button>
                    <button class="filter-tab">活动通知</button>
                </div>
                <div class="data-table">
                    <table><thead><tr><th>消息ID</th><th>标题</th><th>类型</th><th>发送对象</th><th>发送时间</th><th>阅读量</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>M001</td><td>新订单提醒：您有新陪诊订单</td><td><span class="status-badge warning">订单</span></td><td>全部陪诊师</td><td>2026-05-15 13:00</td><td>128/156</td><td class="table-actions"><button class="table-btn view">查看</button></td></tr>
                        <tr><td>M002</td><td>系统升级通知</td><td><span class="status-badge info">系统</span></td><td>全部用户</td><td>2026-05-10 10:00</td><td>2,456/2,846</td><td class="table-actions"><button class="table-btn view">查看</button></td></tr>
                        <tr><td>M003</td><td>端午节优惠活动公告</td><td><span class="status-badge success">活动</span></td><td>全部用户</td><td>2026-05-08 15:00</td><td>1,890/2,846</td><td class="table-actions"><button class="table-btn view">查看</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 文章管理 -->
            <div id="page-content" class="tab-content">
                <div class="page-header"><h1 class="page-title">文章管理</h1><div class="page-actions"><button class="btn btn-primary">发布文章</button></div></div>
                <div class="data-table">
                    <table><thead><tr><th>文章ID</th><th>标题</th><th>分类</th><th>作者</th><th>发布时间</th><th>阅读量</th><th>状态</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>A001</td><td>陪诊服务详解：什么是专业陪诊？</td><td><span class="status-badge info">科普</span></td><td>运营部</td><td>2026-05-12</td><td>1,256</td><td><span class="status-badge success">已发布</span></td><td class="table-actions"><button class="table-btn view">查看</button><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td>A002</td><td>如何选择合适的陪诊师</td><td><span class="status-badge info">科普</span></td><td>运营部</td><td>2026-05-10</td><td>985</td><td><span class="status-badge success">已发布</span></td><td class="table-actions"><button class="table-btn view">查看</button><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td>A003</td><td>新手陪诊师培训指南（草稿）</td><td><span class="status-badge warning">培训</span></td><td>培训部</td><td>-</td><td>0</td><td><span class="status-badge warning">待发布</span></td><td class="table-actions"><button class="table-btn view">查看</button><button class="table-btn edit">编辑</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 代理商列表 -->
            <div id="page-agent-list" class="tab-content">
                <div class="page-header"><h1 class="page-title">代理商列表</h1></div>
                <div class="data-table">
                    <table><thead><tr><th>代理商ID</th><th>姓名</th><th>手机号</th><th>代理区域</th><th>下级数量</th><th>累计收益</th><th>状态</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>AG001</td><td>刘总代</td><td>138****8888</td><td>朝阳区</td><td>15</td><td>¥156,800</td><td><span class="status-badge success">正常</span></td><td class="table-actions"><button class="table-btn view">查看</button><button class="table-btn edit">编辑</button></td></tr>
                        <tr><td>AG002</td><td>陈总代</td><td>139****6666</td><td>海淀区</td><td>12</td><td>¥128,500</td><td><span class="status-badge success">正常</span></td><td class="table-actions"><button class="table-btn view">查看</button><button class="table-btn edit">编辑</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 统计报表 -->
            <div id="page-stats-report" class="tab-content">
                <div class="page-header"><h1 class="page-title">统计报表</h1><div class="page-actions"><button class="btn btn-default"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>导出报表</button></div></div>
                <div class="detail-grid" style="margin-bottom: 24px;">
                    <div class="detail-item"><div class="detail-label">本月新增用户</div><div class="detail-value">356</div></div>
                    <div class="detail-item"><div class="detail-label">本月新增陪诊师</div><div class="detail-value">28</div></div>
                    <div class="detail-item"><div class="detail-label">本月完成订单</div><div class="detail-value">1,256</div></div>
                    <div class="detail-item"><div class="detail-label">本月收入</div><div class="detail-value">¥58,560</div></div>
                </div>
                <div class="data-table">
                    <div class="table-header"><h3 class="table-title">月度数据汇总</h3></div>
                    <table><thead><tr><th>月份</th><th>用户数</th><th>陪诊师数</th><th>订单数</th><th>收入</th><th>操作</th></tr></thead>
                    <tbody>
                        <tr><td>2026年5月</td><td>2,846</td><td>128</td><td>1,284</td><td>¥58,560</td><td><button class="table-btn view">详情</button></td></tr>
                        <tr><td>2026年4月</td><td>2,650</td><td>120</td><td>1,156</td><td>¥52,800</td><td><button class="table-btn view">详情</button></td></tr>
                    </tbody>
                    </table>
                </div>
            </div>

            <!-- 群发消息 -->
            <div id="page-broadcast" class="tab-content">
                <div class="page-header"><h1 class="page-title">群发消息</h1></div>
                <div class="data-table">
                    <div class="modal-body">
                        <div class="form-group"><label class="form-label">发送对象</label><select class="form-input"><option>全部用户</option><option>全部陪诊师</option><option>指定用户</option></select></div>
                        <div class="form-group"><label class="form-label">消息标题</label><input type="text" class="form-input" placeholder="请输入消息标题"></div>
                        <div class="form-group"><label class="form-label">消息内容</label><textarea class="form-input" rows="5" placeholder="请输入消息内容">
Banner图	标题	链接类型	排序	状态	操作
	新用户专享福利	活动页面	1	显示
	陪诊师招募中	招募页面	2	显示
通知标题	类型	发布时间	状态	操作
系统升级通知	公告	2026-05-10	已发布
端午节放假安排	提醒	2026-05-08	已发布