编辑页面

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-color: #1890ff;
            --success-color: #52c41a;
            --warning-color: #faad14;
            --danger-color: #ff4d4f;
            --bg-color: #f0f2f5;
            --sidebar-bg: #001529;
            --sidebar-width: 220px;
            --header-height: 60px;
        }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background: var(--bg-color);
            min-height: 100vh;
        }
        
        /* 侧边栏 */
        .sidebar {
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            width: var(--sidebar-width);
            background: var(--sidebar-bg);
            color: #fff;
            overflow-y: auto;
            z-index: 100;
            transition: transform 0.3s;
        }
        
        .sidebar.collapsed {
            transform: translateX(-100%);
        }
        
        .logo {
            height: var(--header-height);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: bold;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);
        }
        
        .menu {
            padding: 10px 0;
        }
        
        .menu-item {
            position: relative;
        }
        
        .menu-title {
            padding: 12px 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: background 0.3s;
        }
        
        .menu-title:hover {
            background: rgba(255,255,255,0.1);
        }
        
        .menu-title.active {
            background: var(--primary-color);
        }
        
        .menu-title svg {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            flex-shrink: 0;
        }
        
        .menu-title span {
            flex: 1;
        }
        
        .menu-title .arrow {
            transition: transform 0.3s;
        }
        
        .menu-item.open > .menu-title .arrow {
            transform: rotate(180deg);
        }
        
        .submenu {
            display: none;
            background: rgba(0,0,0,0.2);
        }
        
        .menu-item.open > .submenu {
            display: block;
        }
        
        .submenu-item {
            padding: 10px 20px 10px 50px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
            display: flex;
            align-items: center;
        }
        
        .submenu-item:hover {
            background: rgba(255,255,255,0.1);
            color: var(--primary-color);
        }
        
        .submenu-item.active {
            background: rgba(24, 144, 255, 0.2);
            color: var(--primary-color);
            border-right: 3px solid var(--primary-color);
        }
        
        /* 主内容区 */
        .main {
            margin-left: var(--sidebar-width);
            transition: margin-left 0.3s;
        }
        
        .main.expanded {
            margin-left: 0;
        }
        
        /* 头部 */
        .header {
            height: var(--header-height);
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            box-shadow: 0 1px 4px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 50;
        }
        
        .header-left {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .toggle-btn {
            width: 36px;
            height: 36px;
            border: none;
            background: #f0f2f5;
            border-radius: 6px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        
        .toggle-btn:hover {
            background: #e6e8eb;
        }
        
        .toggle-btn svg {
            width: 20px;
            height: 20px;
        }
        
        .breadcrumb {
            color: #666;
            font-size: 14px;
        }
        
        .header-right {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .header-user {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            padding: 5px 10px;
            border-radius: 6px;
            transition: background 0.3s;
        }
        
        .header-user:hover {
            background: #f0f2f5;
        }
        
        .avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--primary-color);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }
        
        .user-info {
            text-align: left;
        }
        
        .user-name {
            font-weight: 500;
            color: #333;
        }
        
        .user-role {
            font-size: 12px;
            color: #999;
        }
        
        /* 内容区域 */
        .content {
            padding: 20px;
        }
        
        .page {
            display: none;
            animation: fadeIn 0.3s;
        }
        
        .page.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* 卡片 */
        .card {
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        
        .card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #f0f2f5;
        }
        
        .card-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
        }
        
        /* 统计卡片 */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
            margin-bottom: 20px;
        }
        
        .stat-card {
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            display: flex;
            align-items: center;
            gap: 15px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        
        .stat-icon {
            width: 50px;
            height: 50px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .stat-icon.blue { background: rgba(24, 144, 255, 0.1); color: var(--primary-color); }
        .stat-icon.green { background: rgba(82, 196, 26, 0.1); color: var(--success-color); }
        .stat-icon.orange { background: rgba(250, 173, 20, 0.1); color: var(--warning-color); }
        .stat-icon.red { background: rgba(255, 77, 79, 0.1); color: var(--danger-color); }
        
        .stat-icon svg {
            width: 24px;
            height: 24px;
        }
        
        .stat-content h3 {
            font-size: 24px;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
        }
        
        .stat-content p {
            font-size: 14px;
            color: #999;
        }
        
        /* 表格 */
        .table-wrapper {
            overflow-x: auto;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
        }
        
        th, td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #f0f2f5;
        }
        
        th {
            background: #fafafa;
            font-weight: 600;
            color: #333;
            white-space: nowrap;
        }
        
        tr:hover {
            background: #fafafa;
        }
        
        /* 按钮 */
        .btn {
            padding: 8px 16px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        
        .btn svg {
            width: 16px;
            height: 16px;
        }
        
        .btn-primary {
            background: var(--primary-color);
            color: #fff;
        }
        
        .btn-primary:hover {
            background:#40a9ff;
        }
        
        .btn-success {
            background: var(--success-color);
            color: #fff;
        }
        
        .btn-success:hover {
            background: #73d13d;
        }
        
        .btn-warning {
            background: var(--warning-color);
            color: #fff;
        }
        
        .btn-warning:hover {
            background: #ffc53d;
        }
        
        .btn-danger {
            background: var(--danger-color);
            color: #fff;
        }
        
        .btn-danger:hover {
            background: #ff7875;
        }
        
        .btn-default {
            background: #f0f2f5;
            color: #666;
        }
        
        .btn-default:hover {
            background: #d9d9d9;
        }
        
        .btn-sm {
            padding: 5px 12px;
            font-size: 12px;
        }
        
        /* 表单 */
        .form-group {
            margin-bottom: 15px;
        }
        
        .form-label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #333;
        }
        
        .form-input {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            font-size: 14px;
            transition: border-color 0.3s;
        }
        
        .form-input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
        }
        
        select.form-input {
            cursor: pointer;
        }
        
        /* 搜索栏 */
        .search-bar {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            margin-bottom: 20px;
            align-items: center;
        }
        
        .search-input {
            position: relative;
            flex: 1;
            min-width: 200px;
        }
        
        .search-input input {
            width: 100%;
            padding: 10px 12px 10px 35px;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            font-size: 14px;
        }
        
        .search-input svg {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 18px;
            height: 18px;
            color: #999;
        }
        
        /* 标签/状态徽章 */
        .badge {
            padding: 4px 10px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        
        .badge-success { background: rgba(82, 196, 26, 0.1); color: var(--success-color); }
        .badge-warning { background: rgba(250, 173, 20, 0.1); color: var(--warning-color); }
        .badge-danger { background: rgba(255, 77, 79, 0.1); color: var(--danger-color); }
        .badge-info { background: rgba(24, 144, 255, 0.1); color: var(--primary-color); }
        .badge-default { background: #f0f2f5; color: #666; }
        
        /* 分页 */
        .pagination {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #f0f2f5;
        }
        
        .pagination-info {
            color: #666;
            font-size: 14px;
        }
        
        .pagination-buttons {
            display: flex;
            gap: 5px;
        }
        
        .page-btn {
            min-width: 32px;
            height: 32px;
            border: 1px solid #d9d9d9;
            background: #fff;
            border-radius: 6px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            transition: all 0.3s;
        }
        
        .page-btn:hover {
            border-color: var(--primary-color);
            color: var(--primary-color);
        }
        
        .page-btn.active {
            background: var(--primary-color);
            border-color: var(--primary-color);
            color: #fff;
        }
        
        .page-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        
        /* 模态框 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }
        
        .modal-overlay.show {
            display: flex;
        }
        
        .modal {
            background: #fff;
            border-radius: 8px;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow: auto;
            animation: modalIn 0.3s;
        }
        
        @keyframes modalIn {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }
        
        .modal-header {
            padding: 20px;
            border-bottom: 1px solid #f0f2f5;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .modal-title {
            font-size: 18px;
            font-weight: 600;
        }
        
        .modal-close {
            width: 32px;
            height: 32px;
            border: none;
            background: none;
            cursor: pointer;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s;
        }
        
        .modal-close:hover {
            background: #f0f2f5;
        }
        
        .modal-body {
            padding: 20px;
        }
        
        .modal-footer {
            padding: 20px;
            border-top: 1px solid #f0f2f5;
            display: flex;
            justify-content: flex-end;
            gap: 10px;
        }
        
        /* 详情页 */
        .detail-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
        
        .detail-item {
            display: flex;
            border-bottom: 1px solid #f0f2f5;
            padding: 10px 0;
        }
        
        .detail-label {
            width: 120px;
            color: #999;
            flex-shrink: 0;
        }
        
        .detail-value {
            color: #333;
            font-weight: 500;
        }
        
        /* 图表容器 */
        .chart-container {
            height: 300px;
            background: #fafafa;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            position: relative;
        }
        
        .chart-placeholder {
            text-align: center;
        }
        
        .chart-placeholder svg {
            width: 48px;
            height: 48px;
            margin-bottom: 10px;
            color: #d9d9d9;
        }
        
        /* 标签页 */
        .tabs {
            display: flex;
            border-bottom: 1px solid #f0f2f5;
            margin-bottom: 20px;
        }
        
        .tab-item {
            padding: 12px 20px;
            cursor: pointer;
            border-bottom: 2px solid transparent;
            color: #666;
            transition: all 0.3s;
        }
        
        .tab-item:hover {
            color: var(--primary-color);
        }
        
        .tab-item.active {
            color: var(--primary-color);
            border-bottom-color: var(--primary-color);
        }
        
        /* 操作按钮组 */
        .action-group {
            display: flex;
            gap: 8px;
        }
        
        /* 空状态 */
        .empty-state {
            text-align: center;
            padding: 60px 20px;
            color: #999;
        }
        
        .empty-state svg {
            width: 64px;
            height: 64px;
            margin-bottom: 15px;
            color: #d9d9d9;
        }
        
        /* 响应式 */
        @media (max-width: 768px) {
            .sidebar {
                transform: translateX(-100%);
            }
            
            .sidebar.open {
                transform: translateX(0);
            }
            
            .main {
                margin-left: 0;
            }
            
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .search-bar {
                flex-direction: column;
            }
            
            .search-input {
                width: 100%;
            }
        }
        
        /* 通知提示 */
        .toast {
            position: fixed;
            top: 80px;
            right: 20px;
            background: #fff;
            padding: 15px 20px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            display: none;
            align-items: center;
            gap: 10px;
            z-index: 2000;
            animation: toastIn 0.3s;
        }
        
        .toast.show {
            display: flex;
        }
        
        @keyframes toastIn {
            from { opacity: 0; transform: translateX(20px); }
            to { opacity: 1; transform: translateX(0); }
        }
        
        .toast.success { border-left: 4px solid var(--success-color); }
        .toast.error { border-left: 4px solid var(--danger-color); }
        .toast.warning { border-left: 4px solid var(--warning-color); }
        
        .toast svg {
            width: 20px;
            height: 20px;
        }
        
        .toast.success svg { color: var(--success-color); }
        .toast.error svg { color: var(--danger-color); }
        .toast.warning svg { color: var(--warning-color); }
        
        /* 步骤条 */
        .steps {
            display: flex;
            justify-content: space-between;
            margin: 30px 0;
        }
        
        .step {
            flex: 1;
            text-align: center;
            position: relative;
        }
        
        .step::before {
            content: '';
            position: absolute;
            top: 15px;
            left: 50%;
            width: 100%;
            height: 2px;
            background: #e8e8e8;
        }
        
        .step:last-child::before {
            display: none;
        }
        
        .step-num {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #e8e8e8;
            color: #999;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            position: relative;
            z-index: 1;
        }
        
        .step.active .step-num {
            background: var(--primary-color);
            color: #fff;
        }
        
        .step.done .step-num {
            background: var(--success-color);
            color: #fff;
        }
        
        .step-label {
            margin-top: 10px;
            color: #999;
            font-size: 14px;
        }
        
        .step.active .step-label {
            color: var(--primary-color);
            font-weight: 500;
        }
        
        .step.done .step-label {
            color: var(--success-color);
        }
        
        /* 两列布局 */
        .row {
            display: flex;
            gap: 20px;
        }
        
        .col {
            flex: 1;
        }
        
        /* 列表样式 */
        .list-item {
            padding: 15px;
            border: 1px solid #f0f2f5;
            border-radius: 8px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.3s;
        }
        
        .list-item:hover {
            border-color: var(--primary-color);
            box-shadow: 0 2px 8px rgba(24, 144, 255, 0.1);
        }
        
        .list-item-info {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .list-item-icon {
            width: 40px;
            height: 40px;
            background: rgba(24, 144, 255, 0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-color);
        }
        
        .list-item-icon svg {
            width: 20px;
            height: 20px;
        }
        
        .list-item-title {
            font-weight: 500;
            color: #333;
            margin-bottom: 3px;
        }
        
        .list-item-desc {
            font-size: 12px;
            color: #999;
        }
    </style>
</head>
<body>
    <!-- 侧边栏 -->
    <aside class="sidebar" id="sidebar">
        <div class="logo">
            <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor" style="margin-right:8px">
                <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
            </svg>
            灵活用工平台
        </div>
        <nav class="menu">
            <div class="menu-item open">
                <div class="menu-title active" onclick="toggleMenu(this)">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/>
                            <rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/>
                        </svg>
                        <span>工作台</span>
                    </span>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <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"/>
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                        </svg>
                        <span>用户管理</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('user-list')">用户列表</div>
                    <div class="submenu-item" onclick="navigateTo('user-auth')">实名认证审核</div>
                    <div class="submenu-item" onclick="navigateTo('user-cert')">资格证审核</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
                            <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
                        </svg>
                        <span>商家管理</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('merchant-list')">商家列表</div>
                    <div class="submenu-item" onclick="navigateTo('merchant-audit')">商家审核</div>
                    <div class="submenu-item" onclick="navigateTo('merchant-bond')">保证金管理</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <circle cx="12" cy="12" r="10"/>
                            <path d="M12 6v6l4 2"/>
                        </svg>
                        <span>中介管理</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('agent-list')">中介列表</div>
                    <div class="submenu-item" onclick="navigateTo('agent-commission')">佣金结算管理</div>
                    <div class="submenu-item" onclick="navigateTo('agent-ratio')">佣金比例配置</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <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"/>
                            <line x1="16" y1="13" x2="8" y2="13"/>
                            <line x1="16" y1="17" x2="8" y2="17"/>
                        </svg>
                        <span>岗位/需求审核</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('job-audit')">岗位审核</div>
                    <div class="submenu-item" onclick="navigateTo('demand-audit')">需求发布审核</div>
                    <div class="submenu-item" onclick="navigateTo('audit-records')">审核记录</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <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>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('order-monitor')">实时订单监控</div>
                    <div class="submenu-item" onclick="navigateTo('order-exception')">异常订单处理</div>
                    <div class="submenu-item" onclick="navigateTo('order-stats')">订单统计</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <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>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('fund-escrow')">资金托管管理</div>
                    <div class="submenu-item" onclick="navigateTo('withdraw-audit')">提现审核</div>
                    <div class="submenu-item" onclick="navigateTo('service-fee')">服务费管理</div>
                    <div class="submenu-item" onclick="navigateTo('fund-pool')">资金池管理</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                        </svg>
                        <span>保险管理</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('insurance-product')">保险产品管理</div>
                    <div class="submenu-item" onclick="navigateTo('insurance-policy')">保单管理</div>
                    <div class="submenu-item" onclick="navigateTo('insurance-claim')">理赔审核</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/>
                            <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/>
                        </svg>
                        <span>商城管理</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('mall-product')">商品审核</div>
                    <div class="submenu-item" onclick="navigateTo('mall-category')">商品分类管理</div>
                    <div class="submenu-item" onclick="navigateTo('mall-coupon')">优惠券管理</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
                        </svg>
                        <span>会员管理</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('vip-package')">会员套餐配置</div>
                    <div class="submenu-item" onclick="navigateTo('vip-rights')">会员权益配置</div>
                    <div class="submenu-item" onclick="navigateTo('vip-stats')">会员数据统计</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <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>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('data-user')">用户增长分析</div>
                    <div class="submenu-item" onclick="navigateTo('data-order')">订单量分析</div>
                    <div class="submenu-item" onclick="navigateTo('data-revenue')">营收分析</div>
                </div>
            </div>
            <div class="menu-item">
                <div class="menu-title" onclick="toggleMenu(this)">
                    <span>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-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 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>
                        </svg>
                        <span>系统设置</span>
                    </span>
                    <svg class="arrow" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2">
                        <polyline points="6 9 12 15 18 9"/>
                    </svg>
                </div>
                <div class="submenu">
                    <div class="submenu-item" onclick="navigateTo('system-permission')">权限配置</div>
                    <div class="submenu-item" onclick="navigateTo('system-notice')">公告发布</div>
                    <div class="submenu-item" onclick="navigateTo('system-config')">系统参数配置</div>
                </div>
            </div>
        </nav>
    </aside>

    <!-- 主内容区 -->
    <main class="main" id="main">
        <!-- 头部 -->
        <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>
                <span class="breadcrumb" id="breadcrumb">工作台</span>
            </div>
            <div class="header-right">
                <div class="header-user">
                    <div class="avatar">管</div>
                    <div class="user-info">
                        <div class="user-name">管理员</div>
                        <div class="user-role">超级管理员</div>
                    </div>
                </div>
            </div>
        </header>

        <!-- 内容区域 -->
        <div class="content">
            <!-- 工作台 -->
            <div class="page active" id="page-dashboard">
                <div class="stats-grid">
                    <div class="stat-card">
                        <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>
                        <div class="stat-content">
                            <h3>12,586</h3>
                            <p>注册用户</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon green">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
                                <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>328</h3>
                            <p>入驻商家</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon orange">
                            <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"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>5,842</h3>
                            <p>今日订单</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon red">
                            <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-content">
                            <h3>¥286.5万</h3>
                            <p>今日交易额</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col">
                        <div class="card">
                            <div class="card-header">
                                <span class="card-title">待处理事项</span>
                            </div>
                            <div class="list-item" onclick="navigateTo('user-auth')" style="cursor:pointer">
                                <div class="list-item-info">
                                    <div class="list-item-icon">
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                            <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                                            <circle cx="8.5" cy="7" r="4"/><polyline points="17 11 19 13 23 9"/>
                                        </svg>
                                    </div>
                                    <div>
                                        <div class="list-item-title">实名认证待审核</div>
                                        <div class="list-item-desc">有 15 条新的实名认证申请</div>
                                    </div>
                                </div>
                                <span class="badge badge-danger">15</span>
                            </div>
                            <div class="list-item" onclick="navigateTo('merchant-audit')" style="cursor:pointer">
                                <div class="list-item-info">
                                    <div class="list-item-icon">
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                            <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
                                            <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
                                        </svg>
                                    </div>
                                    <div>
                                        <div class="list-item-title">商家入驻待审核</div>
                                        <div class="list-item-desc">有 8 条新的商家入驻申请</div>
                                    </div>
                                </div>
                                <span class="badge badge-warning">8</span>
                            </div>
                            <div class="list-item" onclick="navigateTo('withdraw-audit')" style="cursor:pointer">
                                <div class="list-item-info">
                                    <div class="list-item-icon">
                                        <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="list-item-title">提现申请待处理</div>
                                        <div class="list-item-desc">有 23 笔提现申请待审核</div>
                                    </div>
                                </div>
                                <span class="badge badge-danger">23</span>
                            </div>
                            <div class="list-item" onclick="navigateTo('job-audit')" style="cursor:pointer">
                                <div class="list-item-info">
                                    <div class="list-item-icon">
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                            <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
                                            <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"/>
                                        </svg>
                                    </div>
                                    <div>
                                        <div class="list-item-title">岗位发布待审核</div>
                                        <div class="list-item-desc">有 42 个新岗位待审核</div>
                                    </div>
                                </div>
                                <span class="badge badge-warning">42</span>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-header">
                                <span class="card-title">数据概览</span>
                            </div>
                            <div class="chart-container">
                                <div class="chart-placeholder">
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                                        <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>
                                    <p>数据可视化图表区域</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <span class="card-title">最近订单</span>
                        <button class="btn btn-default btn-sm" onclick="navigateTo('order-monitor')">查看全部</button>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>订单编号</th>
                                    <th>用户</th>
                                    <th>商家</th>
                                    <th>金额</th>
                                    <th>状态</th>
                                    <th>时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DD20260511001</td>
                                    <td>张明</td>
                                    <td>北京劳务公司</td>
                                    <td>¥580.00</td>
                                    <td><span class="badge badge-success">已完成</span></td>
                                    <td>2025-05-11 13:25</td>
                                </tr>
                                <tr>
                                    <td>DD20260511002</td>
                                    <td>李华</td>
                                    <td>上海人力资源</td>
                                    <td>¥420.00</td>
                                    <td><span class="badge badge-info">进行中</span></td>
                                    <td>2025-05-11 13:18</td>
                                </tr>
                                <tr>
                                    <td>DD20260511003</td>
                                    <td>王芳</td>
                                    <td>广州劳务派遣</td>
                                    <td>¥750.00</td>
                                    <td><span class="badge badge-warning">待付款</span></td>
                                    <td>2025-05-11 13:10</td>
                                </tr>
                                <tr>
                                    <td>DD20260511004</td>
                                    <td>赵强</td>
                                    <td>深圳人才服务</td>
                                    <td>¥360.00</td>
                                    <td><span class="badge badge-danger">已取消</span></td>
                                    <td>2025-05-11 13:05</td>
                                </tr>
                                <tr>
                                    <td>DD20260511005</td>
                                    <td>陈静</td>
                                    <td>成都劳务公司</td>
                                    <td>¥890.00</td>
                                    <td><span class="badge badge-success">已完成</span></td>
                                    <td>2025-05-11 12:58</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 用户列表 -->
            <div class="page" id="page-user-list">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">用户列表</span>
                        <button class="btn btn-primary" onclick="showToast('导出成功', 'success')">
                            <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 class="search-bar">
                        <div class="search-input">
                            <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>
                        <select class="form-input" style="width:auto">
                            <option>全部状态</option>
                            <option>正常</option>
                            <option>已封禁</option>
                        </select>
                        <select class="form-input" style="width:auto">
                            <option>全部认证</option>
                            <option>已实名</option>
                            <option>未实名</option>
                        </select>
                        <button class="btn btn-primary">搜索</button>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>用户ID</th>
                                    <th>用户名</th>
                                    <th>手机号</th>
                                    <th>实名状态</th>
                                    <th>会员等级</th>
                                    <th>状态</th>
                                    <th>注册时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
<td>10001</td>
                                    <td>张明</td>
                                    <td>138****1234</td>
                                    <td><span class="badge badge-success">已实名</span></td>
                                    <td><span class="badge badge-info">黄金会员</span></td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td>2025-01-15</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showUserDetail('10001')">详情</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('用户已封禁', 'warning')">封禁</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10002</td>
                                    <td>李华</td>
                                    <td>139****5678</td>
                                    <td><span class="badge badge-success">已实名</span></td>
                                    <td><span class="badge badge-default">普通用户</span></td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td>2025-02-20</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showUserDetail('10002')">详情</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('用户已封禁', 'warning')">封禁</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10003</td>
                                    <td>王芳</td>
                                    <td>137****9012</td>
                                    <td><span class="badge badge-warning">审核中</span></td>
                                    <td><span class="badge badge-default">普通用户</span></td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td>2025-03-10</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showUserDetail('10003')">详情</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('用户已封禁', 'warning')">封禁</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10004</td>
                                    <td>赵强</td>
                                    <td>136****3456</td>
                                    <td><span class="badge badge-success">已实名</span></td>
                                    <td><span class="badge badge-info">钻石会员</span></td>
                                    <td><span class="badge badge-danger">已封禁</span></td>
                                    <td>2025-01-05</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showUserDetail('10004')">详情</button>
                                            <button class="btn btn-success btn-sm" onclick="showToast('用户已解封', 'success')">解封</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10005</td>
                                    <td>陈静</td>
                                    <td>135****7890</td>
                                    <td><span class="badge badge-success">已实名</span></td>
                                    <td><span class="badge badge-info">黄金会员</span></td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td>2025-04-12</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm" onclick="showUserDetail('10005')">详情</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('用户已封禁', 'warning')">封禁</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="pagination">
                        <div class="pagination-info">共 12,586 条记录，每页 10 条</div>
                        <div class="pagination-buttons">
                            <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>
                            <button class="page-btn">1259</button>
                            <button class="page-btn">下一页</button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 实名认证审核 -->
            <div class="page" id="page-user-auth">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">实名认证审核</span>
                    </div>
                    <div class="table-wrapper">
                        <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>AUTH001</td>
                                    <td>王芳</td>
                                    <td>137****9012</td>
                                    <td>110***********1234</td>
                                    <td><button class="btn btn-default btn-sm">查看证件</button></td>
                                    <td>2025-05-11 12:30</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-success btn-sm" onclick="showToast('认证已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝认证', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>AUTH002</td>
                                    <td>刘伟</td>
                                    <td>158****2345</td>
                                    <td>120***********5678</td>
                                    <td><button class="btn btn-default btn-sm">查看证件</button></td>
                                    <td>2025-05-11 11:45</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-success btn-sm" onclick="showToast('认证已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝认证', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>AUTH003</td>
                                    <td>周婷</td>
                                    <td>186****6789</td>
                                    <td>310***********9012</td>
                                    <td><button class="btn btn-default btn-sm">查看证件</button></td>
                                    <td>2025-05-11 10:20</td>
                                    <td><span class="badge badge-success">已通过</span></td>
                                    <td>-</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 资格证审核 -->
            <div class="page" id="page-user-cert">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">特种作业资格证审核</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>申请ID</th>
                                    <th>用户</th>
                                    <th>证书类型</th>
                                    <th>证书编号</th>
                                    <th>有效期</th>
                                    <th>证书图片</th>
                                    <th>申请时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>CERT001</td>
                                    <td>张三</td>
                                    <td>电工证</td>
                                    <td>DG123456789</td>
                                    <td>2025-08-01</td>
                                    <td><button class="btn btn-default btn-sm">查看证书</button></td>
                                    <td>2025-05-11 09:30</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-success btn-sm" onclick="showToast('证书已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝证书', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>CERT002</td>
                                    <td>李四</td>
                                    <td>焊工证</td>
                                    <td>HG987654321</td>
                                    <td>2026-03-15</td>
                                    <td><button class="btn btn-default btn-sm">查看证书</button></td>
                                    <td>2025-05-10 16:20</td>
                                    <td><span class="badge badge-success">已通过</span></td>
                                    <td>-</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 商家列表 -->
            <div class="page" id="page-merchant-list">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">商家列表</span>
                        <button class="btn btn-primary" onclick="showToast('导出成功', 'success')">导出</button>
                    </div>
                    <div class="search-bar">
                        <div class="search-input">
                            <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>
                        <select class="form-input" style="width:auto">
                            <option>全部状态</option>
                            <option>营业中</option>
                            <option>已封禁</option>
                        </select>
                        <button class="btn btn-primary">搜索</button>
                    </div>
                    <div class="table-wrapper">
                        <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>M001</td>
                                    <td>北京劳务公司</td>
                                    <td>王建国</td>
                                    <td>010-****1234</td>
                                    <td>¥50,000</td>
                                    <td><span class="badge badge-success">营业中</span></td>
                                    <td>2024-06-15</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">详情</button>
                                            <button class="btn btn-danger btn-sm">封禁</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>M002</td>
                                    <td>上海人力资源</td>
                                    <td>李明</td>
                                    <td>021-****5678</td>
                                    <td>¥30,000</td>
                                    <td><span class="badge badge-success">营业中</span></td>
                                    <td>2024-08-20</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">详情</button>
                                            <button class="btn btn-danger btn-sm">封禁</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>M003</td>
                                    <td>广州劳务派遣</td>
                                    <td>陈强</td>
                                    <td>020-****9012</td>
                                    <td>¥20,000</td>
                                    <td><span class="badge badge-warning">审核中</span></td>
                                    <td>2025-05-10</td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">详情</button>
                                            <button class="btn btn-success btn-sm">通过</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 商家审核 -->
            <div class="page" id="page-merchant-audit">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">商家入驻审核</span>
                    </div>
                    <div class="table-wrapper">
                        <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>AUD001</td>
                                    <td>深圳人才服务</td>
                                    <td><button class="btn btn-default btn-sm">查看</button></td>
                                    <td><button class="btn btn-default btn-sm">查看</button></td>
                                    <td>张伟</td>
                                    <td>2025-05-11 10:00</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-success btn-sm" onclick="showToast('审核已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 保证金管理 -->
            <div class="page" id="page-merchant-bond">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">保证金管理</span>
                    </div>
                    <div class="stats-grid">
                        <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-content">
                                <h3>¥580万</h3>
                                <p>保证金总额</p>
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-icon orange">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
                                    <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
                                </svg>
                            </div>
                            <div class="stat-content">
                                <h3>¥120万</h3>
                                <p>冻结金额</p>
                            </div>
                        </div>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>商家</th>
                                    <th>缴纳金额</th>
                                    <th>缴纳时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>北京劳务公司</td>
                                    <td>¥50,000</td>
                                    <td>2024-06-15</td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td><button class="btn btn-default btn-sm">详情</button></td>
                                </tr>
                                <tr>
                                    <td>上海人力资源</td>
                                    <td>¥30,000</td>
                                    <td>2024-08-20</td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td><button class="btn btn-default btn-sm">详情</button></td>
                                </tr>
                                <tr>
                                    <td>杭州人才市场</td>
                                    <td>¥40,000</td>
                                    <td>2024-10-05</td>
                                    <td><span class="badge badge-warning">冻结中</span></td>
                                    <td><button class="btn btn-default btn-sm">解冻</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 中介列表 -->
            <div class="page" id="page-agent-list">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">中介列表</span>
                    </div>
                    <div class="table-wrapper">
                        <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>赵经理</td>
                                    <td>138****1111</td>
                                    <td>5%</td>
                                    <td>¥28,500</td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td><button class="btn btn-default btn-sm">详情</button></td>
                                </tr>
                                <tr>
                                    <td>AG002</td>
                                    <td>上海好工作</td>
                                    <td>钱经理</td>
                                    <td>139****2222</td>
                                    <td>6%</td>
                                    <td>¥35,200</td>
                                    <td><span class="badge badge-success">正常</span></td>
                                    <td><button class="btn btn-default btn-sm">详情</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 佣金结算管理 -->
            <div class="page" id="page-agent-commission">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">佣金结算管理</span>
                        <button class="btn btn-primary" onclick="showToast('发起结算成功', 'success')">批量结算</button>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>结算单号</th>
                                    <th>中介</th>
                                    <th>订单笔数</th>
                                    <th>佣金金额</th>
                                    <th>结算状态</th>
                                    <th>生成时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>COMM001</td>
                                    <td>北京无忧职介</td>
                                    <td>156</td>
                                    <td>¥8,520</td>
                                    <td><span class="badge badge-warning">待结算</span></td>
                                    <td>2025-05-11</td>
                                    <td><button class="btn btn-success btn-sm" onclick="showToast('已确认结算', 'success')">确认结算</button></td>
                                </tr>
                                <tr>
                                    <td>COMM002</td>
                                    <td>上海好工作</td>
                                    <td>203</td>
                                    <td>¥12,180</td>
                                    <td><span class="badge badge-success">已结算</span></td>
                                    <td>2025-05-10</td>
                                    <td>-</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 佣金比例配置 -->
            <div class="page" id="page-agent-ratio">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">佣金比例配置</span>
                    </div>
                    <div class="detail-grid">
                        <div class="form-group">
                            <label class="form-label">默认佣金比例</label>
                            <input type="number" class="form-input" value="5" style="width:200px"> %
                        </div>
                        <div class="form-group">
                            <label class="form-label">VIP商家比例</label>
                            <input type="number" class="form-input" value="4" style="width:200px"> %
                        </div>
                        <div class="form-group">
                            <label class="form-label">钻石商家比例</label>
                            <input type="number" class="form-input" value="3" style="width:200px"> %
                        </div>
                    </div>
                    <button class="btn btn-primary" onclick="showToast('配置已保存', 'success')">保存配置</button>
                </div>
            </div>

            <!-- 岗位审核 -->
            <div class="page" id="page-job-audit">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">岗位审核</span>
                    </div>
                    <div class="table-wrapper">
                        <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>JOB001</td>
                                    <td>工厂普工</td>
                                    <td>北京劳务公司</td>
                                    <td>¥5000-7000</td>
                                    <td>50</td>
                                    <td>2025-05-11 11:00</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">查看</button>
                                            <button class="btn btn-success btn-sm" onclick="showToast('已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>JOB002</td>
                                    <td>快递分拣员</td>
                                    <td>上海人力资源</td>
                                    <td>¥4500-6000</td>
                                    <td>30</td>
                                    <td>2025-05-11 10:30</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">查看</button>
                                            <button class="btn btn-success btn-sm" onclick="showToast('已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 需求发布审核 -->
            <div class="page" id="page-demand-audit">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">需求发布审核</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>需求ID</th>
                                    <th>需求标题</th>
                                    <th>发布方</th>
                                    <th>需求类型</th>
                                    <th>发布时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DEM001</td>
                                    <td>急需50名临时工</td>
                                    <td>某大型制造企业</td>
                                    <td>紧急招聘</td>
                                    <td>2025-05-11 09:00</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">查看</button>
                                            <button class="btn btn-success btn-sm" onclick="showToast('已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 审核记录 -->
            <div class="page" id="page-audit-records">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">审核记录</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>记录ID</th>
                                    <th>审核类型</th>
                                    <th>审核对象</th>
                                    <th>审核结果</th>
                                    <th>审核人</th>
                                    <th>审核时间</th>
                                    <th>备注</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>REC001</td>
                                    <td>商家入驻</td>
                                    <td>深圳人才服务</td>
                                    <td><span class="badge badge-success">通过</span></td>
                                    <td>管理员</td>
                                    <td>2025-05-10 16:00</td>
                                    <td>资质齐全</td>
                                </tr>
                                <tr>
                                    <td>REC002</td>
                                    <td>岗位发布</td>
                                    <td>车间操作工</td>
                                    <td><span class="badge badge-danger">拒绝</span></td>
                                    <td>管理员</td>
                                    <td>2025-05-10 15:30</td>
                                    <td>薪资信息不实</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 实时订单监控 -->
            <div class="page" id="page-order-monitor">
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon blue">
                            <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"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>5,842</h3>
                            <p>今日订单总数</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon green">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <polyline points="20 6 9 17 4 12"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>5,126</h3>
                            <p>已完成订单</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon orange">
                            <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 class="stat-content">
                            <h3>516</h3>
                            <p>进行中订单</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <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"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>200</h3>
                            <p>异常订单</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">实时订单列表</span>
                        <div class="search-bar" style="margin:0">
                            <input type="text" placeholder="订单号/用户名" style="padding:8px 12px;width:200px">
                            <select class="form-input" style="width:auto;padding:8px 12px">
                                <option>全部状态</option>
                                <option>已完成</option>
                                <option>进行中</option>
                                <option>异常</option>
                            </select>
                        </div>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>订单号</th>
                                    <th>用户</th>
                                    <th>商家</th>
                                    <th>岗位</th>
                                    <th>金额</th>
                                    <th>状态</th>
                                    <th>时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DD20260511001</td>
                                    <td>张明</td>
                                    <td>北京劳务公司</td>
                                    <td>工厂普工</td>
                                    <td>¥580</td>
                                    <td><span class="badge badge-success">已完成</span></td>
                                    <td>13:25:30</td>
                                </tr>
                                <tr>
                                    <td>DD20260511002</td>
                                    <td>李华</td>
                                    <td>上海人力资源</td>
                                    <td>快递分拣员</td>
                                    <td>¥420</td>
                                    <td><span class="badge badge-info">进行中</span></td>
                                    <td>13:25:15</td>
                                </tr>
                                <tr>
                                    <td>DD20260511003</td>
                                    <td>王芳</td>
                                    <td>广州劳务派遣</td>
                                    <td>仓库管理员</td>
                                    <td>¥750</td>
                                    <td><span class="badge badge-warning">待付款</span></td>
                                    <td>13:24:50</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 异常订单处理 -->
            <div class="page" id="page-order-exception">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">异常订单处理</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>订单号</th>
                                    <th>用户</th>
                                    <th>商家</th>
                                    <th>异常类型</th>
                                    <th>描述</th>
                                    <th>时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DD20260510089</td>
                                    <td>陈某</td>
                                    <td>杭州人才市场</td>
                                    <td><span class="badge badge-danger">退款申请</span></td>
                                    <td>工作内容与描述不符</td>
                                    <td>2025-05-10 16:30</td>
                                    <td><span class="badge badge-warning">待处理</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-success btn-sm" onclick="showToast('已处理', 'success')">同意退款</button>
                                            <button class="btn btn-default btn-sm">驳回</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>DD20260510076</td>
                                    <td>李某</td>
                                    <td>成都劳务公司</td>
                                    <td><span class="badge badge-warning">投诉</span></td>
                                    <td>工资结算争议</td>
                                    <td>2025-05-10 14:20</td>
                                    <td><span class="badge badge-info">处理中</span></td>
                                    <td><button class="btn btn-default btn-sm">查看详情</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 订单统计 -->
            <div class="page" id="page-order-stats">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">订单统计</span>
                        <select class="form-input" style="width:auto">
                            <option>近7天</option>
                            <option>近30天</option>
                            <option>本月</option>
                        </select>
                    </div>
                    <div class="chart-container" style="height:400px">
                        <div class="chart-placeholder">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                                <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>
                            <p>订单量趋势图</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 资金托管管理 -->
            <div class="page" id="page-fund-escrow">
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon blue">
                            <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 class="stat-content">
                            <h3>¥1,280万</h3>
                            <p>托管总额</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon orange">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
                                <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥156万</h3>
                            <p>冻结金额</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon green">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <polyline points="20 6 9 17 4 12"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥1,124万</h3>
                            <p>已分账金额</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">资金流水</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>流水号</th>
                                    <th>订单号</th>
                                    <th>类型</th>
                                    <th>金额</th>
                                    <th>状态</th>
                                    <th>时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>FLOW001</td>
                                    <td>DD20260511001</td>
                                    <td><span class="badge badge-info">托管</span></td>
                                    <td>¥580</td>
                                    <td><span class="badge badge-success">已完成</span></td>
                                    <td>2025-05-11 13:25</td>
                                </tr>
                                <tr>
                                    <td>FLOW002</td>
                                    <td>DD20260511001</td>
                                    <td><span class="badge badge-success">分账</span></td>
                                    <td>¥522</td>
                                    <td><span class="badge badge-success">已完成</span></td>
                                    <td>2025-05-11 13:30</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 提现审核 -->
            <div class="page" id="page-withdraw-audit">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">提现申请审核</span>
                    </div>
                    <div class="table-wrapper">
                        <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>WD001</td>
                                    <td>张明</td>
                                    <td><span class="badge badge-info">工人</span></td>
                                    <td>¥5,800</td>
                                    <td>****1234</td>
                                    <td>2025-05-11 12:00</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-success btn-sm" onclick="showToast('已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>WD002</td>
                                    <td>北京劳务公司</td>
                                    <td><span class="badge badge-info">商家</span></td>
                                    <td>¥28,500</td>
                                    <td>****5678</td>
                                    <td>2025-05-11 11:30</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-success btn-sm" onclick="showToast('已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>WD003</td>
                                    <td>中国人寿保险</td>
                                    <td><span class="badge badge-info">保险公司</span></td>
                                    <td>¥56,000</td>
                                    <td>****9012</td>
                                    <td>2025-05-11 10:00</td>
                                    <td><span class="badge badge-success">已打款</span></td>
                                    <td>-</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 服务费管理 -->
            <div class="page" id="page-service-fee">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">服务费比例配置</span>
                    </div>
                    <div class="detail-grid">
                        <div class="form-group">
                            <label class="form-label">平台服务费比例</label>
                            <input type="number" class="form-input" value="8" style="width:200px"> %
                        </div>
                        <div class="form-group">
                            <label class="form-label">保险服务费比例</label>
                            <input type="number" class="form-input" value="15" style="width:200px"> %
                        </div>
                    </div>
                    <button class="btn btn-primary" onclick="showToast('配置已保存', 'success')">保存配置</button>
                </div>
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">服务费明细</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>日期</th>
                                    <th>订单笔数</th>
                                    <th>订单总额</th>
                                    <th>服务费收入</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>2025-05-11</td>
                                    <td>5,842</td>
                                    <td>¥286.5万</td>
                                    <td>¥22.9万</td>
                                </tr>
                                <tr>
                                    <td>2025-05-10</td>
                                    <td>6,125</td>
                                    <td>¥302.8万</td>
                                    <td>¥24.2万</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 资金池管理 -->
            <div class="page" id="page-fund-pool">
                <div class="stats-grid">
                    <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"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥580万</h3>
                            <p>平台资金账户</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon green">
                            <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"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥1,280万</h3>
                            <p>用户资金账户</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 保险产品管理 -->
            <div class="page" id="page-insurance-product">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">保险产品列表</span>
                        <button class="btn btn-primary" onclick="showToast('产品已上架', 'success')">添加产品</button>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>产品ID</th>
                                    <th>产品名称</th>
                                    <th>保险公司</th>
                                    <th>保费</th>
                                    <th>保额</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>INS001</td>
                                    <td>意外伤害险</td>
                                    <td>中国人寿</td>
                                    <td>¥30/月</td>
                                    <td>¥50万</td>
                                    <td><span class="badge badge-success">上架中</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-warning btn-sm" onclick="showToast('已下架', 'warning')">下架</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>INS002</td>
                                    <td>工伤保险</td>
                                    <td>平安保险</td>
                                    <td>¥50/月</td>
                                    <td>¥80万</td>
                                    <td><span class="badge badge-success">上架中</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-warning btn-sm" onclick="showToast('已下架', 'warning')">下架</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 保单管理 -->
            <div class="page" id="page-insurance-policy">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">保单管理</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>保单号</th>
                                    <th>用户</th>
                                    <th>产品</th>
                                    <th>保费</th>
                                    <th>生效日期</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>POL001</td>
                                    <td>张明</td>
                                    <td>意外伤害险</td>
                                    <td>¥30</td>
                                    <td>2025-05-01</td>
                                    <td><span class="badge badge-success">生效中</span></td>
                                    <td><button class="btn btn-default btn-sm">详情</button></td>
                                </tr>
                                <tr>
                                    <td>POL002</td>
                                    <td>李华</td>
                                    <td>工伤保险</td>
                                    <td>¥50</td>
                                    <td>2025-05-10</td>
                                    <td><span class="badge badge-success">生效中</span></td>
                                    <td><button class="btn btn-default btn-sm">详情</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 理赔审核 -->
            <div class="page" id="page-insurance-claim">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">理赔申请审核</span>
                    </div>
                    <div class="table-wrapper">
                        <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>CLM001</td>
                                    <td>王五</td>
                                    <td>POL001</td>
                                    <td>意外医疗</td>
                                    <td>¥5,000</td>
                                    <td>2025-05-10</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">详情</button>
                                            <button class="btn btn-success btn-sm" onclick="showToast('已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 商品审核 -->
            <div class="page" id="page-mall-product">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">商品审核</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>商品ID</th>
                                    <th>商品名称</th>
                                    <th>商家</th>
                                    <th>价格</th>
                                    <th>提交时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>PRD001</td>
                                    <td>安全头盔</td>
                                    <td>北京劳务公司</td>
                                    <td>¥89</td>
                                    <td>2025-05-11 10:00</td>
                                    <td><span class="badge badge-warning">待审核</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">查看</button>
                                            <button class="btn btn-success btn-sm" onclick="showToast('已通过', 'success')">通过</button>
                                            <button class="btn btn-danger btn-sm" onclick="showToast('已拒绝', 'error')">拒绝</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 商品分类管理 -->
            <div class="page" id="page-mall-category">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">商品分类管理</span>
                        <button class="btn btn-primary" onclick="showToast('分类已添加', 'success')">添加分类</button>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>分类ID</th>
                                    <th>分类名称</th>
                                    <th>商品数量</th>
                                    <th>排序</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>CAT001</td>
                                    <td>劳保用品</td>
                                    <td>156</td>
                                    <td>1</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-warning btn-sm" onclick="showToast('已禁用', 'warning')">禁用</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>CAT002</td>
                                    <td>工具设备</td>
                                    <td>89</td>
                                    <td>2</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-warning btn-sm" onclick="showToast('已禁用', 'warning')">禁用</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 优惠券管理 -->
            <div class="page" id="page-mall-coupon">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">优惠券管理</span>
                        <button class="btn btn-primary" onclick="showToast('优惠券已创建', 'success')">创建优惠券</button>
                    </div>
                    <div class="table-wrapper">
                        <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>CPN001</td>
                                    <td>新人专享券</td>
                                    <td><span class="badge badge-info">满减券</span></td>
                                    <td>¥20</td>
                                    <td>1000</td>
                                    <td>2025-05-01 至 2025-05-31</td>
                                    <td><span class="badge badge-success">进行中</span></td>
                                    <td>
                                        <div class="action-group">
                                            <button class="btn btn-default btn-sm">编辑</button>
                                            <button class="btn btn-warning btn-sm" onclick="showToast('已暂停', 'warning')">暂停</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 会员套餐配置 -->
            <div class="page" id="page-vip-package">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">会员套餐配置</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>套餐名称</th>
                                    <th>时长</th>
                                    <th>价格</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>月度会员</td>
                                    <td>1个月</td>
                                    <td>¥99</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td><button class="btn btn-default btn-sm">编辑</button></td>
                                </tr>
                                <tr>
                                    <td>季度会员</td>
                                    <td>3个月</td>
                                    <td>¥269</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td><button class="btn btn-default btn-sm">编辑</button></td>
                                </tr>
                                <tr>
                                    <td>年度会员</td>
                                    <td>12个月</td>
                                    <td>¥899</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td><button class="btn btn-default btn-sm">编辑</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 会员权益配置 -->
            <div class="page" id="page-vip-rights">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">会员权益配置</span>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>权益项</th>
                                    <th>普通用户</th>
                                    <th>黄金会员</th>
                                    <th>钻石会员</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>免费投递次数</td>
                                    <td>5次/天</td>
                                    <td>20次/天</td>
                                    <td>无限次</td>
                                </tr>
                                <tr>
                                    <td>优先推荐</td>
                                    <td><span class="badge badge-danger">×</span></td>
                                    <td><span class="badge badge-success">✓</span></td>
                                    <td><span class="badge badge-success">✓</span></td>
                                </tr>
                                <tr>
                                    <td>专属客服</td>
                                    <td><span class="badge badge-danger">×</span></td>
                                    <td><span class="badge badge-danger">×</span></td>
                                    <td><span class="badge badge-success">✓</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <button class="btn btn-primary" style="margin-top:20px" onclick="showToast('配置已保存', 'success')">保存配置</button>
                </div>
            </div>

            <!-- 会员数据统计 -->
            <div class="page" id="page-vip-stats">
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon blue">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>3,256</h3>
                            <p>会员总数</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon green">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>25.8%</h3>
                            <p>会员转化率</p>
                        </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"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥58.6万</h3>
                            <p>会员收入</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 用户增长分析 -->
            <div class="page" id="page-data-user">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">用户增长分析</span>
                        <select class="form-input" style="width:auto">
                            <option>近7天</option>
                            <option>近30天</option>
                            <option>本月</option>
                        </select>
                    </div>
                    <div class="chart-container" style="height:350px">
                        <div class="chart-placeholder">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                                <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>
                            <p>用户增长趋势图</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 订单量分析 -->
            <div class="page" id="page-data-order">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">订单量分析</span>
                    </div>
                    <div class="chart-container" style="height:350px">
                        <div class="chart-placeholder">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                                <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>
                            <p>订单量分布图</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 营收分析 -->
            <div class="page" id="page-data-revenue">
                <div class="stats-grid">
                    <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"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥2,865万</h3>
                            <p>本月交易额</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon green">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <polyline points="20 6 9 17 4 12"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥229万</h3>
                            <p>平台服务费收入</p>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon orange">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <circle cx="12" cy="12" r="10"/>
                            </svg>
                        </div>
                        <div class="stat-content">
                            <h3>¥85万</h3>
                            <p>中介佣金支出</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">营收趋势</span>
                    </div>
                    <div class="chart-container" style="height:300px">
                        <div class="chart-placeholder">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                                <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>
                            <p>营收趋势图</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 权限配置 -->
            <div class="page" id="page-system-permission">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">角色与权限管理</span>
                        <button class="btn btn-primary" onclick="showToast('角色已添加', 'success')">添加角色</button>
                    </div>
                    <div class="table-wrapper">
                        <table>
                            <thead>
                                <tr>
                                    <th>角色ID</th>
                                    <th>角色名称</th>
                                    <th>描述</th>
                                    <th>成员数</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>ROLE001</td>
                                    <td>超级管理员</td>
                                    <td>拥有系统所有权限</td>
                                    <td>2</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td><button class="btn btn-default btn-sm">编辑</button></td>
                                </tr>
                                <tr>
                                    <td>ROLE002</td>
                                    <td>运营主管</td>
                                    <td>负责日常运营管理</td>
                                    <td>5</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td><button class="btn btn-default btn-sm">编辑</button></td>
                                </tr>
                                <tr>
                                    <td>ROLE003</td>
                                    <td>财务专员</td>
                                    <td>财务相关操作权限</td>
                                    <td>3</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td><button class="btn btn-default btn-sm">编辑</button></td>
                                </tr>
                                <tr>
                                    <td>ROLE004</td>
                                    <td>审核专员</td>
                                    <td>负责各类审核工作</td>
                                    <td>8</td>
                                    <td><span class="badge badge-success">启用</span></td>
                                    <td><button class="btn btn-default btn-sm">编辑</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 公告发布 -->
            <div class="page" id="page-system-notice">
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">发布公告</span>
                    </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="6" placeholder="请输入公告内容">
时间	操作类型	详情
2025-05-10 15:30	订单创建	订单号：DD20260510089
2025-05-08 09:15	会员升级	升级为黄金会员
编辑页面

操作记录
