编辑页面

HTML内容
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>灵活用工平台 - 商家端管理后台</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f5f7fa; color: #333; min-height: 100vh; }
        
        /* 顶部导航 */
        .header { background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); color: white; padding: 0 24px; height: 60px; display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
        .header-left { display: flex; align-items: center; gap: 12px; }
        .logo { width: 36px; height: 36px; background: white; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #1890ff; font-size: 18px; }
        .header-title { font-size: 18px; font-weight: 500; }
        .header-right { display: flex; align-items: center; gap: 20px; }
        .header-user { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 6px 12px; border-radius: 4px; transition: background 0.2s; }
        .header-user:hover { background: rgba(255,255,255,0.1); }
        .header-icon { width: 32px; height: 32px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        
        /* 主布局 */
        .main-container { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); }
        
        /* 左侧菜单 */
        .sidebar { width: 220px; background: white; border-right: 1px solid #e8e8e8; position: fixed; top: 60px; left: 0; bottom: 0; overflow-y: auto; }
        .menu-section { padding: 16px 0; }
        .menu-title { padding: 8px 20px; font-size: 12px; color: #999; text-transform: uppercase; letter-spacing: 1px; }
        .menu-item { display: flex; align-items: center; gap: 12px; padding: 12px 20px; cursor: pointer; transition: all 0.2s; border-left: 3px solid transparent; color: #666; }
        .menu-item:hover { background: #f0f7ff; color: #1890ff; }
        .menu-item.active { background: #e6f7ff; color: #1890ff; border-left-color: #1890ff; font-weight: 500; }
        .menu-icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
        .menu-badge { background: #ff4d4f; color: white; font-size: 11px; padding: 2px 6px; border-radius: 10px; min-width: 18px; text-align: center; }
        
        /* 内容区 */
        .content { flex: 1; margin-left: 220px; padding: 24px; }
        
        /* 页面标题 */
        .page-header { background: white; padding: 20px 24px; border-radius: 8px; margin-bottom: 24px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
        .page-title { font-size: 20px; font-weight: 600; color: #262626; }
        .page-breadcrumb { font-size: 13px; color: #999; margin-top: 4px; }
        .page-breadcrumb span { color: #1890ff; cursor: pointer; }
        
        /* 卡片组件 */
        .card { background: white; border-radius: 8px; padding: 24px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
        .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; }
        .card-title { font-size: 16px; font-weight: 600; color: #262626; }
        .card-action { color: #1890ff; cursor: pointer; font-size: 14px; }
        .card-action:hover { color: #40a9ff; }
        
        /* 统计卡片 */
        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 24px; }
        .stat-card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
        .stat-icon { width: 48px; height: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 12px; }
        .stat-icon.blue { background: #e6f7ff; color: #1890ff; }
        .stat-icon.green { background: #f6ffed; color: #52c41a; }
        .stat-icon.orange { background: #fff7e6; color: #fa8c16; }
        .stat-icon.red { background: #fff1f0; color: #ff4d4f; }
        .stat-value { font-size: 28px; font-weight: 600; color: #262626; }
        .stat-label { font-size: 14px; color: #999; margin-top: 4px; }
        .stat-trend { font-size: 13px; margin-top: 8px; }
        .stat-trend.up { color: #52c41a; }
        .stat-trend.down { color: #ff4d4f; }
        
        /* 表格 */
        .table { width: 100%; border-collapse: collapse; }
        .table th { background: #fafafa; padding: 12px 16px; text-align: left; font-weight: 500; color: #666; font-size: 14px; border-bottom: 1px solid #f0f0f0; }
        .table td { padding: 14px 16px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
        .table tr:hover { background: #fafafa; }
        .table-img { width: 48px; height: 48px; border-radius: 4px; object-fit: cover; background: #f0f0f0; }
        
        /* 标签 */
        .tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 12px; }
        .tag-success { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
        .tag-warning { background: #fffbe6; color: #faad14; border: 1px solid #ffe58f; }
        .tag-error { background: #fff1f0; color: #ff4d4f; border: 1px solid #ffccc7; }
        .tag-info { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
        .tag-default { background: #f5f5f5; color: #666; border: 1px solid #d9d9d9; }
        
        /* 按钮 */
        .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all 0.2s; border: 1px solid transparent; }
        .btn-primary { background: #1890ff; color: white; border-color: #1890ff; }
        .btn-primary:hover { background: #40a9ff; border-color: #40a9ff; }
        .btn-default { background: white; color: #666; border-color: #d9d9d9; }
        .btn-default:hover { color: #1890ff; border-color: #1890ff; }
        .btn-success { background: #52c41a; color: white; }
        .btn-success:hover { background: #73d13d; }
        .btn-sm { padding: 4px 12px; font-size: 13px; }
        
        /* 搜索栏 */
        .search-bar { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
        .search-input { display: flex; align-items: center; gap: 8px; }
        .search-input input { padding: 8px 12px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; width: 200px; outline: none; }
        .search-input input:focus { border-color: #1890ff; box-shadow: 0 0 0 2px rgba(24,144,255,0.1); }
        .search-select { padding: 8px 12px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; outline: none; min-width: 120px; }
        
        /* 分页 */
        .pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
        .pagination-info { font-size: 14px; color: #666; }
        .pagination-btns { display: flex; gap: 8px; }
        .pagination-btn { padding: 6px 12px; border: 1px solid #d9d9d9; border-radius: 4px; background: white; cursor: pointer; font-size: 14px; }
        .pagination-btn:hover { color: #1890ff; border-color: #1890ff; }
        .pagination-btn.active { background: #1890ff; color: white; border-color: #1890ff; }
        
        /* 表单 */
        .form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; }
        .form-group { margin-bottom: 16px; }
        .form-label { display: block; font-size: 14px; color: #666; margin-bottom: 8px; }
        .form-input { width: 100%; padding: 10px 12px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; outline: none; }
        .form-input:focus { border-color: #1890ff; box-shadow: 0 0 0 2px rgba(24,144,255,0.1); }
        .form-textarea { width: 100%; padding: 10px 12px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; outline: none; resize: vertical; min-height: 100px; }
        
        /* 模态框 */
        .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 2000; opacity: 0; visibility: hidden; transition: all 0.3s; }
        .modal-overlay.show { opacity: 1; visibility: visible; }
        .modal { background: white; border-radius: 8px; width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; transform: scale(0.9); transition: transform 0.3s; }
        .modal-overlay.show .modal { transform: scale(1); }
        .modal-header { padding: 20px 24px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; }
        .modal-title { font-size: 18px; font-weight: 600; }
        .modal-close { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; transition: background 0.2s; }
        .modal-close:hover { background: #f0f0f0; }
        .modal-body { padding: 24px; }
        .modal-footer { padding: 16px 24px; border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end; gap: 12px; }
        
        /* 列表项 */
        .list-item { display: flex; align-items: center; padding: 16px 0; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background 0.2s; }
        .list-item:hover { background: #fafafa; margin: 0 -24px; padding: 16px 24px; }
        .list-item:last-child { border-bottom: none; }
        .list-icon { width: 48px; height: 48px; border-radius: 8px; background: #e6f7ff; color: #1890ff; display: flex; align-items: center; justify-content: center; margin-right: 16px; font-size: 20px; }
        .list-content { flex: 1; }
        .list-title { font-size: 15px; font-weight: 500; color: #262626; margin-bottom: 4px; }
        .list-desc { font-size: 13px; color: #999; }
        .list-extra { text-align: right; color: #999; font-size: 13px; }
        
        /* 步骤条 */
        .steps { display: flex; justify-content: space-between; margin: 30px 0; position: relative; }
        .steps::before { content: ''; position: absolute; top: 20px; left: 10%; right: 10%; height: 2px; background: #e8e8e8; }
        .step { text-align: center; position: relative; z-index: 1; flex: 1; }
        .step-circle { width: 40px; height: 40px; border-radius: 50%; background: #e8e8e8; color: #999; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; font-weight: 500; }
        .step.active .step-circle { background: #1890ff; color: white; }
        .step.done .step-circle { background: #52c41a; color: white; }
        .step-title { font-size: 14px; color: #999; }
        .step.active .step-title { color: #1890ff; font-weight: 500; }
        .step.done .step-title { color: #52c41a; }
        
        /* Tab标签页 */
        .tabs { display: flex; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; }
        .tab { padding: 12px 20px; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.2s; color: #666; }
        .tab:hover { color: #1890ff; }
        .tab.active { color: #1890ff; border-bottom-color: #1890ff; font-weight: 500; }
        
        /* 空状态 */
        .empty-state { text-align: center; padding: 60px 20px; color: #999; }
        .empty-state-icon { font-size: 64px; margin-bottom: 16px; opacity: 0.5; }
        .empty-state-text { font-size: 14px; }
        
        /* 页面隐藏 */
        .page { display: none; }
        .page.active { display: block; }
        
        /* 认证状态 */
        .auth-status { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: #f6ffed; border: 1px solid #b7eb8f; border-radius: 4px; margin-bottom: 20px; }
        .auth-status.warning { background: #fffbe6; border-color: #ffe58f; }
        .auth-status.error { background: #fff1f0; border-color: #ffccc7; }
        
        /* 文件上传 */
        .upload-area { border: 2px dashed #d9d9d9; border-radius: 8px; padding: 40px; text-align: center; cursor: pointer; transition: all 0.2s; }
        .upload-area:hover { border-color: #1890ff; background: #f0f7ff; }
        .upload-icon { font-size: 40px; color: #999; margin-bottom: 12px; }
        .upload-text { color: #666; font-size: 14px; }
        .upload-hint { color: #999; font-size: 12px; margin-top: 8px; }
        
        /* 金额显示 */
        .money { font-weight: 600; color: #ff4d4f; }
        .money-positive { color: #52c41a; }
        
        /* 浮动按钮 */
        .fab { position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; border-radius: 50%; background: #1890ff; color: white; display: flex; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; box-shadow: 0 4px 12px rgba(24,144,255,0.4); transition: all 0.2s; z-index: 100; }
        .fab:hover { background: #40a9ff; transform: scale(1.1); }
        
        /* 通知列表 */
        .notification-item { padding: 16px; border-radius: 8px; margin-bottom: 12px; cursor: pointer; transition: background 0.2s; }
        .notification-item:hover { background: #fafafa; }
        .notification-item.unread { background: #e6f7ff; border-left: 3px solid #1890ff; }
        .notification-title { font-weight: 500; margin-bottom: 4px; }
        .notification-time { font-size: 12px; color: #999; }
        
        /* 图表区域 */
        .chart-placeholder { background: linear-gradient(135deg, #f0f7ff 0%, #e6f7ff 100%); border-radius: 8px; height: 300px; display: flex; align-items: center; justify-content: center; color: #1890ff; font-size: 16px; }
        
        /* 详情布局 */
        .detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
        .detail-item { padding: 16px; background: #fafafa; border-radius: 4px; }
        .detail-label { font-size: 13px; color: #999; margin-bottom: 4px; }
        .detail-value { font-size: 15px; color: #262626; font-weight: 500; }
        
        /* 响应式 */
        @media (max-width: 1024px) {
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
            .sidebar { width: 180px; }
            .content { margin-left: 180px; }
            .form-row { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>
    <!-- 顶部导航 -->
    <header class="header">
        <div class="header-left">
            <div class="logo">灵</div>
            <span class="header-title">灵活用工平台</span>
        </div>
        <div class="header-right">
            <div class="header-user" onclick="showPage('home')">
                <div class="header-icon">🔔</div>
                <span class="menu-badge">3</span>
            </div>
            <div class="header-user" onclick="toggleDropdown()">
                <div class="header-icon">👤</div>
                <span>深圳市XX科技有限公司</span>
                <span>▼</span>
            </div>
        </div>
    </header>

    <div class="main-container">
        <!-- 左侧菜单 -->
        <nav class="sidebar">
            <div class="menu-section">
                <div class="menu-title">工作台</div>
                <div class="menu-item active" onclick="showPage('home')">
                    <span class="menu-icon">📊</span>
                    <span>工作台首页</span>
                </div>
</div>
            <div class="menu-section">
                <div class="menu-title">认证管理</div>
                <div class="menu-item" onclick="showPage('certification')">
                    <span class="menu-icon">📝</span>
                    <span>商家注册与认证</span>
                </div>
            </div>
            <div class="menu-section">
                <div class="menu-title">用工管理</div>
                <div class="menu-item" onclick="showPage('jobs')">
                    <span class="menu-icon">💼</span>
                    <span>岗位/用工需求</span>
                </div>
                <div class="menu-item" onclick="showPage('recruitment')">
                    <span class="menu-icon">👥</span>
                    <span>招聘管理</span>
                </div>
                <div class="menu-item" onclick="showPage('orders')">
                    <span class="menu-icon">📋</span>
                    <span>订单管理</span>
                    <span class="menu-badge">5</span>
                </div>
            </div>
            <div class="menu-section">
                <div class="menu-title">财务管理</div>
                <div class="menu-item" onclick="showPage('finance')">
                    <span class="menu-icon">💰</span>
                    <span>结算与财务</span>
                </div>
            </div>
            <div class="menu-section">
                <div class="menu-title">商品管理</div>
                <div class="menu-item" onclick="showPage('mall')">
                    <span class="menu-icon">🛒</span>
                    <span>商城管理</span>
                </div>
            </div>
            <div class="menu-section">
                <div class="menu-title">其他服务</div>
                <div class="menu-item" onclick="showPage('insurance')">
                    <span class="menu-icon">🛡️</span>
                    <span>保险管理</span>
                </div>
                <div class="menu-item" onclick="showPage('messages')">
                    <span class="menu-icon">🔔</span>
                    <span>消息通知</span>
                    <span class="menu-badge">8</span>
                </div>
                <div class="menu-item" onclick="showPage('member')">
                    <span class="menu-icon">⭐</span>
                    <span>会员管理</span>
                </div>
            </div>
        </nav>

        <!-- 内容区域 -->
        <main class="content">
            <!-- 工作台首页 -->
            <div id="page-home" class="page active">
                <div class="page-header">
                    <h1 class="page-title">工作台首页</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 工作台
                    </div>
                </div>
                
                <div class="auth-status">
                    <span>✅</span>
                    <div>
                        <strong>认证状态：已认证</strong>
                        <div style="font-size: 13px; color: #666;">您已完成企业认证，可正常使用平台全部功能</div>
                    </div>
                </div>
                
                <div class="stats-grid">
                    <div class="stat-card" onclick="showPage('jobs')">
                        <div class="stat-icon blue">💼</div>
                        <div class="stat-value">12</div>
                        <div class="stat-label">在招岗位</div>
                        <div class="stat-trend up">↑ 2 本月新增</div>
                    </div>
                    <div class="stat-card" onclick="showPage('recruitment')">
                        <div class="stat-icon green">👥</div>
                        <div class="stat-value">48</div>
                        <div class="stat-label">待处理简历</div>
                        <div class="stat-trend up">↑ 15 新投递</div>
                    </div>
                    <div class="stat-card" onclick="showPage('orders')">
                        <div class="stat-icon orange">📋</div>
                        <div class="stat-value">156</div>
                        <div class="stat-label">进行中订单</div>
                        <div class="stat-trend down">↓ 3 较上周</div>
                    </div>
                    <div class="stat-card" onclick="showPage('finance')">
                        <div class="stat-value money">¥85,420</div>
                        <div class="stat-label">本月支出</div>
                        <div class="stat-trend up">↑ 12.5%</div>
                    </div>
                </div>
                
                <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 20px;">
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">📈 经营概况</span>
                        </div>
                        <div class="chart-placeholder">
                            <div style="text-align: center;">
                                <div style="font-size: 48px; margin-bottom: 12px;">📊</div>
                                <div>近30天订单趋势图</div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">🔔 待办事项</span>
                        </div>
                        <div class="list-item" onclick="showPage('recruitment')">
                            <div class="list-icon" style="background: #fff1f0; color: #ff4d4f;">👥</div>
                            <div class="list-content">
                                <div class="list-title">待筛选简历</div>
                                <div class="list-desc">5份新投递简历待处理</div>
                            </div>
                        </div>
                        <div class="list-item" onclick="showPage('orders')">
                            <div class="list-icon" style="background: #fffbe6; color: #faad14;">📋</div>
                            <div class="list-content">
                                <div class="list-title">待结算订单</div>
                                <div class="list-desc">3笔订单待确认结算</div>
                            </div>
                        </div>
                        <div class="list-item" onclick="showPage('insurance')">
                            <div class="list-icon" style="background: #e6f7ff; color: #1890ff;">🛡️</div>
                            <div class="list-content">
                                <div class="list-title">保险即将到期</div>
                                <div class="list-desc">2份保单7天内到期</div>
                            </div>
                        </div>
                        <div class="list-item" onclick="showPage('messages')">
                            <div class="list-icon" style="background: #f6ffed; color: #52c41a;">📢</div>
                            <div class="list-content">
                                <div class="list-title">资质审核通知</div>
                                <div class="list-desc">营业执照审核通过</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 商家注册与认证 -->
            <div id="page-certification" class="page">
                <div class="page-header">
                    <h1 class="page-title">商家注册与认证</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 认证管理 / 商家注册与认证
                    </div>
                </div>
                
                <div class="steps">
                    <div class="step done">
                        <div class="step-circle">✓</div>
                        <div class="step-title">填写企业信息</div>
                    </div>
                    <div class="step done">
                        <div class="step-circle">✓</div>
                        <div class="step-title">上传营业执照</div>
                    </div>
                    <div class="step done">
                        <div class="step-circle">✓</div>
                        <div class="step-title">上传资质证书</div>
                    </div>
                    <div class="step active">
                        <div class="step-circle">4</div>
                        <div class="step-title">等待审核</div>
                    </div>
                    <div class="step">
                        <div class="step-circle">5</div>
                        <div class="step-title">认证完成</div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">企业基本信息</span>
                        <span class="card-action">编辑</span>
                    </div>
                    <div class="detail-grid">
                        <div class="detail-item">
                            <div class="detail-label">企业名称</div>
                            <div class="detail-value">深圳市XX科技有限公司</div>
                        </div>
                        <div class="detail-item">
                            <div class="detail-label">统一社会信用代码</div>
                            <div class="detail-value">91440300MA5XXXXXX</div>
                        </div>
                        <div class="detail-item">
                            <div class="detail-label">企业地址</div>
                            <div class="detail-value">广东省深圳市南山区科技园南路XX号</div>
                        </div>
                        <div class="detail-item">
                            <div class="detail-label">联系人</div>
                            <div class="detail-value">张经理 138****8888</div>
                        </div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">资质证书</span>
                    </div>
                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;">
                        <div style="text-align: center;">
                            <div style="background: #f5f5f5; padding: 20px; border-radius: 8px; margin-bottom: 12px;">
                                <div style="font-size: 48px;">📄</div>
                                <div style="margin-top: 8px;">营业执照</div>
                            </div>
                            <span class="tag tag-success">已认证</span>
                        </div>
                        <div style="text-align: center;">
                            <div style="background: #f5f5f5; padding: 20px; border-radius: 8px; margin-bottom: 12px;">
                                <div style="font-size: 48px;">📋</div>
                                <div style="margin-top: 8px;">人力资源许可证</div>
                            </div>
                            <span class="tag tag-success">已认证</span>
                        </div>
                        <div style="text-align: center;">
                            <div style="background: #f5f5f5; padding: 20px; border-radius: 8px; margin-bottom: 12px;">
                                <div style="font-size: 48px;">🏭</div>
                                <div style="margin-top: 8px;">生产许可证</div>
                            </div>
                            <span class="tag tag-warning">待补充</span>
                        </div>
                    </div>
                </div>
                
                <div class="auth-status warning">
                    <span>⏳</span>
                    <div>
                        <strong>审核进度：生产许可证待上传</strong>
                        <div style="font-size: 13px; color: #666;">请补充上传生产许可证以完成企业认证</div>
                    </div>
                    <button class="btn btn-primary" style="margin-left: auto;">立即上传</button>
                </div>
            </div>

            <!-- 岗位/用工需求管理 -->
            <div id="page-jobs" class="page">
                <div class="page-header">
                    <h1 class="page-title">岗位/用工需求管理</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 用工管理 / 岗位/用工需求
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">岗位列表</span>
                        <button class="btn btn-primary" onclick="showModal('publishJobModal')">+ 发布新岗位</button>
                    </div>
                    
                    <div class="search-bar">
                        <div class="search-input">
                            <input type="text" placeholder="搜索岗位名称...">
                        </div>
                        <select class="search-select">
                            <option>全部状态</option>
                            <option>审核中</option>
                            <option>已上线</option>
                            <option>已下架</option>
                        </select>
                        <select class="search-select">
                            <option>全部类型</option>
                            <option>临时工</option>
                            <option>长期工</option>
                        </select>
                    </div>
                    
                    <table class="table">
                        <thead>
                            <tr>
                                <th>岗位信息</th>
                                <th>薪资待遇</th>
                                <th>需求人数</th>
                                <th>工作地点</th>
                                <th>状态</th>
                                <th>发布时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div style="display: flex; align-items: center; gap: 12px;">
                                        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23e6f7ff' width='48' height='48'/%3E%3Ctext x='24' y='28' text-anchor='middle' font-size='20'%3E🏭%3C/text%3E%3C/svg%3E" class="table-img">
                                        <div>
                                            <div style="font-weight: 500;">工厂流水线操作员</div>
                                            <div style="font-size: 12px; color: #999;">临时工</div>
                                        </div>
                                    </div>
                                </td>
                                <td><span class="money">¥200-250</span>/天</td>
                                <td>20人</td>
                                <td>深圳市宝安区</td>
                                <td><span class="tag tag-success">已上线</span></td>
                                <td>2024-01-15</td>
                                <td>
                                    <span class="card-action" style="margin-right: 12px;">编辑</span>
                                    <span class="card-action" style="color: #ff4d4f;">下架</span>
</td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="display: flex; align-items: center; gap: 12px;">
                                        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23fff1f0' width='48' height='48'/%3E%3Ctext x='24' y='28' text-anchor='middle' font-size='20'%3E📦%3C/text%3E%3C/svg%3E" class="table-img">
                                        <div>
                                            <div style="font-weight: 500;">仓库分拣员</div>
                                            <div style="font-size: 12px; color: #999;">临时工</div>
                                        </div>
                                    </div>
                                </td>
                                <td><span class="money">¥180-220</span>/天</td>
                                <td>15人</td>
                                <td>深圳市龙岗区</td>
                                <td><span class="tag tag-warning">审核中</span></td>
                                <td>2024-01-18</td>
                                <td>
                                    <span class="card-action">查看</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="display: flex; align-items: center; gap: 12px;">
                                        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect fill='%23f6ffed' width='48' height='48'/%3E%3Ctext x='24' y='28' text-anchor='middle' font-size='20'%3E🚚%3C/text%3E%3C/svg%3E" class="table-img">
                                        <div>
                                            <div style="font-weight: 500;">配送司机</div>
                                            <div style="font-size: 12px; color: #999;">长期工</div>
                                        </div>
                                    </div>
                                </td>
                                <td><span class="money">¥6000-8000</span>/月</td>
                                <td>5人</td>
                                <td>深圳市福田区</td>
                                <td><span class="tag tag-success">已上线</span></td>
                                <td>2024-01-10</td>
                                <td>
                                    <span class="card-action" style="margin-right: 12px;">编辑</span>
                                    <span class="card-action" style="color: #ff4d4f;">下架</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    
                    <div class="pagination">
                        <div class="pagination-info">共 12 条记录，第 1/2 页</div>
                        <div class="pagination-btns">
                            <button class="pagination-btn">上一页</button>
                            <button class="pagination-btn active">1</button>
                            <button class="pagination-btn">2</button>
                            <button class="pagination-btn">下一页</button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 招聘管理 -->
            <div id="page-recruitment" class="page">
                <div class="page-header">
                    <h1 class="page-title">招聘管理</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 用工管理 / 招聘管理
                    </div>
                </div>
                
                <div class="card">
                    <div class="tabs">
                        <div class="tab active">候选人列表</div>
                        <div class="tab">已沟通</div>
                        <div class="tab">已录用</div>
                        <div class="tab">已拒绝</div>
                    </div>
                    
                    <table class="table">
                        <thead>
                            <tr>
                                <th>候选人信息</th>
                                <th>应聘岗位</th>
                                <th>工作经历</th>
                                <th>技能特长</th>
                                <th>投递时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div style="display: flex; align-items: center; gap: 12px;">
                                        <div style="width: 40px; height: 40px; background: #1890ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 500;">李</div>
                                        <div>
                                            <div style="font-weight: 500;">李明</div>
                                            <div style="font-size: 12px; color: #999;">男 | 28岁 | 138****1234</div>
                                        </div>
                                    </div>
                                </td>
                                <td>工厂流水线操作员</td>
                                <td>3年工厂经验</td>
                                <td>叉车证、焊接</td>
                                <td>2024-01-18</td>
                                <td><span class="tag tag-info">新投递</span></td>
                                <td>
                                    <button class="btn btn-default btn-sm" style="margin-right: 8px;">查看简历</button>
                                    <button class="btn btn-success btn-sm">联系</button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="display: flex; align-items: center; gap: 12px;">
                                        <div style="width: 40px; height: 40px; background: #52c41a; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 500;">王</div>
                                        <div>
                                            <div style="font-weight: 500;">王芳</div>
                                            <div style="font-size: 12px; color: #999;">女 | 32岁 | 139****5678</div>
                                        </div>
                                    </div>
                                </td>
                                <td>仓库分拣员</td>
                                <td>5年仓储经验</td>
                                <td>ERP系统操作</td>
                                <td>2024-01-17</td>
                                <td><span class="tag tag-warning">待沟通</span></td>
                                <td>
                                    <button class="btn btn-default btn-sm" style="margin-right: 8px;">查看简历</button>
                                    <button class="btn btn-success btn-sm">联系</button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="display: flex; align-items: center; gap: 12px;">
                                        <div style="width: 40px; height: 40px; background: #fa8c16; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 500;">张</div>
                                        <div>
                                            <div style="font-weight: 500;">张伟</div>
                                            <div style="font-size: 12px; color: #999;">男 | 25岁 | 137****9012</div>
                                        </div>
                                    </div>
                                </td>
                                <td>配送司机</td>
                                <td>2年驾龄</td>
                                <td>C1驾照、无事故</td>
                                <td>2024-01-16</td>
                                <td><span class="tag tag-success">已录用</span></td>
                                <td>
                                    <button class="btn btn-default btn-sm">详情</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 订单管理 -->
            <div id="page-orders" class="page">
                <div class="page-header">
                    <h1 class="page-title">订单管理</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 用工管理 / 订单管理
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">订单列表</span>
                    </div>
                    
                    <div class="tabs">
                        <div class="tab active">全部订单</div>
                        <div class="tab">待接单 <span class="menu-badge">2</span></div>
                        <div class="tab">服务中 <span class="menu-badge">3</span></div>
                        <div class="tab">待确认</div>
                        <div class="tab">已完成</div>
                        <div class="tab">异常订单</div>
                    </div>
                    
                    <table class="table">
                        <thead>
                            <tr>
                                <th>订单编号</th>
                                <th>岗位/工人</th>
                                <th>用工时间</th>
                                <th>工时</th>
                                <th>金额</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="font-family: monospace;">ORD20240118001</td>
                                <td>
                                    <div>流水线操作员</div>
                                    <div style="font-size: 12px; color: #999;">工人：李明</div>
                                </td>
                                <td>2024-01-18 至 2024-01-20</td>
                                <td>3天</td>
                                <td><span class="money">¥750</span></td>
                                <td><span class="tag tag-info">服务中</span></td>
                                <td>
                                    <span class="card-action" style="margin-right: 12px;">详情</span>
                                    <span class="card-action">确认完成</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-family: monospace;">ORD20240117002</td>
                                <td>
                                    <div>仓库分拣员</div>
                                    <div style="font-size: 12px; color: #999;">工人：王芳</div>
                                </td>
                                <td>2024-01-17 至 2024-01-19</td>
                                <td>3天</td>
                                <td><span class="money">¥660</span></td>
                                <td><span class="tag tag-warning">待确认</span></td>
                                <td>
                                    <span class="card-action" style="margin-right: 12px;">详情</span>
                                    <span class="card-action" style="color: #52c41a;">确认结算</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-family: monospace;">ORD20240115003</td>
                                <td>
                                    <div>配送司机</div>
                                    <div style="font-size: 12px; color: #999;">工人：张伟</div>
                                </td>
                                <td>2024-01-15 至 2024-01-16</td>
                                <td>2天</td>
                                <td><span class="money">¥400</span></td>
                                <td><span class="tag tag-success">已完成</span></td>
                                <td>
                                    <span class="card-action" style="margin-right: 12px;">详情</span>
                                    <span class="card-action">评价</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 结算与财务 -->
            <div id="page-finance" class="page">
                <div class="page-header">
                    <h1 class="page-title">结算与财务</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 财务管理 / 结算与财务
                    </div>
                </div>
                
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon blue">💳</div>
                        <div class="stat-value">¥125,680</div>
                        <div class="stat-label">账户余额</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon orange">📤</div>
                        <div class="stat-value">¥85,420</div>
                        <div class="stat-label">本月支出</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon green">💰</div>
                        <div class="stat-value">¥42,560</div>
                        <div class="stat-label">本月收入</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon red">📉</div>
                        <div class="stat-value">¥8,540</div>
                        <div class="stat-label">服务费/佣金</div>
                    </div>
                </div>
                
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">💳 发起结算</span>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label class="form-label">选择订单</label>
                                <select class="form-input">
                                    <option>ORD20240117002 - 王芳</option>
                                    <option>ORD20240115003 - 张伟</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="form-label">结算金额</label>
                                <input type="text" class="form-input" value="¥660" readonly>
                            </div>
                        </div>
                        <button class="btn btn-primary">提交结算申请</button>
                    </div>
                    
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">💵 提现</span>
                        </div>
                        <div class="form-group">
                            <label class="form-label">可提现金额</label>
                            <div style="font-size: 24px; font-weight: 600; color: #1890ff;">¥125,680</div>
                        </div>
                        <div class="form-group">
                            <label class="form-label">提现金额</label>
                            <input type="text" class="form-input" placeholder="请输入提现金额">
                        </div>
                        <button class="btn btn-success">申请提现</button>
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">💳 费用明细</span>
                    </div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>订单编号</th>
                                <th>订单金额</th>
                                <th>服务费</th>
                                <th>佣金</th>
                                <th>实付金额</th>
                                <th>时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>ORD20240118001</td>
                                <td>¥750</td>
                                <td>¥45</td>
                                <td>¥30</td>
                                <td><span class="money">¥675</span></td>
                                <td>2024-01-18</td>
                            </tr>
                            <tr>
                                <td>ORD20240117002</td>
                                <td>¥660</td>
                                <td>¥40</td>
                                <td>¥26</td>
                                <td><span class="money">¥594</span></td>
                                <td>2024-01-17</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">📊 财务报表</span>
                        <span class="card-action">导出报表</span>
                    </div>
                    <div class="chart-placeholder">
                        <div style="text-align: center;">
                            <div style="font-size: 48px; margin-bottom: 12px;">📈</div>
                            <div>支出/收入/佣金趋势图</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 商城管理 -->
            <div id="page-mall" class="page">
                <div class="page-header">
                    <h1 class="page-title">商城管理</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 商品管理 / 商城管理
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">商品列表</span>
                        <button class="btn btn-primary">+ 添加商品</button>
                    </div>
                    
                    <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;">
                        <div style="border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden;">
                            <div style="height: 160px; background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%); display: flex; align-items: center; justify-content: center; font-size: 48px;">👕</div>
                            <div style="padding: 12px;">
                                <div style="font-weight: 500; margin-bottom: 4px;">工作制服套装</div>
                                <div style="color: #ff4d4f; font-weight: 600;">¥128.00</div>
                                <div style="font-size: 12px; color: #999; margin: 8px 0;">库存：50件 | 已售：128件</div>
                                <span class="tag tag-success">上架中</span>
                            </div>
                        </div>
                        <div style="border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden;">
                            <div style="height: 160px; background: linear-gradient(135deg, #f6ffed 0%, #b7eb8f 100%); display: flex; align-items: center; justify-content: center; font-size: 48px;">🥽</div>
                            <div style="padding: 12px;">
                                <div style="font-weight: 500; margin-bottom: 4px;">防护眼镜</div>
                                <div style="color: #ff4d4f; font-weight: 600;">¥35.00</div>
                                <div style="font-size: 12px; color: #999; margin: 8px 0;">库存：120件 | 已售：86件</div>
                                <span class="tag tag-success">上架中</span>
                            </div>
                        </div>
                        <div style="border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden;">
                            <div style="height: 160px; background: linear-gradient(135deg, #fff7e6 0%, #ffd591 100%); display: flex; align-items: center; justify-content: center; font-size: 48px;">🧤</div>
                            <div style="padding: 12px;">
                                <div style="font-weight: 500; margin-bottom: 4px;">劳保手套</div>
                                <div style="color: #ff4d4f; font-weight: 600;">¥18.00</div>
                                <div style="font-size: 12px; color: #999; margin: 8px 0;">库存：200件 | 已售：156件</div>
                                <span class="tag tag-success">上架中</span>
                            </div>
                        </div>
                        <div style="border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden;">
                            <div style="height: 160px; background: linear-gradient(135deg, #fff1f0 0%, #ffccc7 100%); display: flex; align-items: center; justify-content: center; font-size: 48px;">🥾</div>
                            <div style="padding: 12px;">
                                <div style="font-weight: 500; margin-bottom: 4px;">安全鞋</div>
                                <div style="color: #ff4d4f; font-weight: 600;">¥168.00</div>
                                <div style="font-size: 12px; color: #999; margin: 8px 0;">库存：35件 | 已售：42件</div>
                                <span class="tag tag-default">已下架</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">📦 商品订单</span>
                    </div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>订单编号</th>
                                <th>商品信息</th>
                                <th>买家</th>
                                <th>数量</th>
                                <th>金额</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>MALL2024011801</td>
                                <td>工作制服套装 x1</td>
                                <td>李明</td>
                                <td>1</td>
                                <td><span class="money">¥128</span></td>
                                <td><span class="tag tag-warning">待发货</span></td>
                                <td><span class="card-action" style="color: #1890ff;">发货</span></td>
                            </tr>
                            <tr>
                                <td>MALL2024011702</td>
                                <td>防护眼镜 x2</td>
                                <td>王芳</td>
                                <td>2</td>
                                <td><span class="money">¥70</span></td>
                                <td><span class="tag tag-info">已发货</span></td>
                                <td><span class="card-action">查看物流</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 保险管理 -->
            <div id="page-insurance" class="page">
                <div class="page-header">
                    <h1 class="page-title">保险管理</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 其他服务 / 保险管理
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">为工人购买保险</span>
                        <button class="btn btn-primary">+ 立即投保</button>
                    </div>
                    
                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 24px;">
                        <div style="border: 2px solid #1890ff; border-radius: 8px; padding: 20px; background: #e6f7ff;">
                            <div style="font-size: 14px; color: #1890ff; font-weight: 500; margin-bottom: 8px;">基础版</div>
                            <div style="font-size: 28px; font-weight: 600; color: #262626;">¥5<span style="font-size: 14px; color: #999;">/人/天</span></div>
                            <div style="font-size: 13px; color: #666; margin: 12px 0;">• 意外伤害 10万</div>
                            <div style="font-size: 13px; color: #666;">• 意外医疗 1万</div>
                        </div>
                        <div style="border: 2px solid #52c41a; border-radius: 8px; padding: 20px; position: relative;">
                            <div style="position: absolute; top: -10px; right: 20px; background: #52c41a; color: white; padding: 2px 8px; border-radius: 4px; font-size: 12px;">推荐</div>
                            <div style="font-size: 14px; color: #52c41a; font-weight: 500; margin-bottom: 8px;">标准版</div>
                            <div style="font-size: 28px; font-weight: 600; color: #262626;">¥10<span style="font-size: 14px; color: #999;">/人/天</span></div>
                            <div style="font-size: 13px; color: #666; margin: 12px 0;">• 意外伤害 30万</div>
                            <div style="font-size: 13px; color: #666;">• 意外医疗 3万</div>
                        </div>
                        <div style="border: 2px solid #d9d9d9; border-radius: 8px; padding: 20px;">
                            <div style="font-size: 14px; color: #666; font-weight: 500; margin-bottom: 8px;">高级版</div>
                            <div style="font-size: 28px; font-weight: 600; color: #262626;">¥20<span style="font-size: 14px; color: #999;">/人/天</span></div>
                            <div style="font-size: 13px; color: #666; margin: 12px 0;">• 意外伤害 50万</div>
                            <div style="font-size: 13px; color: #666;">• 意外医疗 5万</div>
                        </div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">🛡️ 保单管理</span>
                    </div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>保单号</th>
                                <th>保险类型</th>
                                <th>被保人</th>
                                <th>投保时间</th>
                                <th>到期时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="font-family: monospace;">INS20240118001</td>
                                <td>标准版</td>
                                <td>李明</td>
                                <td>2024-01-18</td>
                                <td>2024-01-20</td>
                                <td><span class="tag tag-success">生效中</span></td>
                                <td><span class="card-action">查看详情</span></td>
                            </tr>
                            <tr>
                                <td style="font-family: monospace;">INS20240117002</td>
                                <td>基础版</td>
                                <td>王芳</td>
                                <td>2024-01-17</td>
                                <td>2024-01-19</td>
                                <td><span class="tag tag-warning">即将到期</span></td>
                                <td><span class="card-action">续保</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">📋 理赔管理</span>
                    </div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>理赔单号</th>
                                <th>保单号</th>
                                <th>被保人</th>
                                <th>理赔类型</th>
                                <th>申请金额</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="font-family: monospace;">CLM2024011001</td>
                                <td>INS20240108001</td>
                                <td>张伟</td>
                                <td>意外医疗</td>
                                <td><span class="money">¥2,500</span></td>
                                <td><span class="tag tag-warning">审核中</span></td>
                                <td><span class="card-action">查看进度</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 消息通知 -->
            <div id="page-messages" class="page">
                <div class="page-header">
                    <h1 class="page-title">消息通知</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 其他服务 / 消息通知
                    </div>
                </div>
                
                <div style="display: grid; grid-template-columns: 240px 1fr; gap: 20px;">
                    <div class="card" style="padding: 0;">
<div class="menu-item active">
                            <span class="menu-icon">📮</span>
                            <span>全部消息</span>
                            <span class="menu-badge">8</span>
                        </div>
                        <div class="menu-item">
                            <span class="menu-icon">📋</span>
                            <span>订单通知</span>
                            <span class="menu-badge">3</span>
                        </div>
                        <div class="menu-item">
                            <span class="menu-icon">✅</span>
                            <span>审核通知</span>
                            <span class="menu-badge">2</span>
                        </div>
                        <div class="menu-item">
                            <span class="menu-icon">📢</span>
                            <span>系统消息</span>
                            <span class="menu-badge">3</span>
                        </div>
                    </div>
                    
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">消息列表</span>
                            <span class="card-action">全部已读</span>
                        </div>
                        
                        <div class="notification-item unread">
                            <div style="display: flex; justify-content: space-between;">
                                <div class="notification-title">📋 新订单待处理</div>
                                <div class="notification-time">2024-01-18 14:30</div>
                            </div>
                            <div style="font-size: 14px; color: #666; margin-top: 4px;">工人李明已接单，请确认用工安排。</div>
                        </div>
                        
                        <div class="notification-item unread">
<div style="display: flex; justify-content: space-between;">
                                <div class="notification-title">✅ 营业执照审核通过</div>
                                <div class="notification-time">2024-01-18 10:15</div>
                            </div>
                            <div style="font-size: 14px; color: #666; margin-top: 4px;">您提交的营业执照已审核通过，企业认证状态已更新。</div>
                        </div>
                        
                        <div class="notification-item unread">
                            <div style="display: flex; justify-content: space-between;">
                                <div class="notification-title">💰 结算已完成</div>
                                <div class="notification-time">2024-01-17 16:45</div>
                            </div>
                            <div style="font-size: 14px; color: #666; margin-top: 4px;">订单ORD20240115003结算完成，金额¥400已支付给工人张伟。</div>
                        </div>
                        
                        <div class="notification-item">
                            <div style="display: flex; justify-content: space-between;">
                                <div class="notification-title">📢 系统公告</div>
                                <div class="notification-time">2024-01-16 09:00</div>
                            </div>
                            <div style="font-size: 14px; color: #666; margin-top: 4px;">平台将于1月20日凌晨2:00-4:00进行系统升级维护。</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 会员管理 -->
            <div id="page-member" class="page">
                <div class="page-header">
                    <h1 class="page-title">会员管理</h1>
                    <div class="page-breadcrumb">
                        <span onclick="showPage('home')">首页</span> / 其他服务 / 会员管理
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">🌟 会员等级</span>
                    </div>
                    
                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 24px;">
                        <div style="border: 2px solid #d9d9d9; border-radius: 8px; padding: 20px; opacity: 0.6;">
                            <div style="font-size: 14px; color: #666; font-weight: 500; margin-bottom: 8px;">免费版</div>
                            <div style="font-size: 28px; font-weight: 600; color: #262626;">¥0</div>
                            <div style="font-size: 12px; color: #999; margin: 12px 0;">• 最多发布3个岗位</div>
                            <div style="font-size: 12px; color: #999;">• 查看前10份简历</div>
                        </div>
                        <div style="border: 2px solid #1890ff; border-radius: 8px; padding: 20px; position: relative;">
                            <div style="position: absolute; top: -10px; right: 20px; background: #1890ff; color: white; padding: 2px 8px; border-radius: 4px; font-size: 12px;">当前</div>
                            <div style="font-size: 14px; color: #1890ff; font-weight: 500; margin-bottom: 8px;">专业版</div>
                            <div style="font-size: 28px; font-weight: 600; color: #262626;">¥999<span style="font-size: 14px; color: #999;">/月</span></div>
                            <div style="font-size: 12px; color: #666; margin: 12px 0;">• 无限发布岗位</div>
                            <div style="font-size: 12px; color: #666;">• 优先推送候选人</div>
                            <div style="font-size: 12px; color: #666;">• 无限查看简历</div>
                        </div>
                        <div style="border: 2px solid #d9d9d9; border-radius: 8px; padding: 20px;">
                            <div style="font-size: 14px; color: #666; font-weight: 500; margin-bottom: 8px;">企业版</div>
                            <div style="font-size: 28px; font-weight: 600; color: #262626;">¥2999<span style="font-size: 14px; color: #999;">/月</span></div>
                            <div style="font-size: 12px; color: #666; margin: 12px 0;">• 专业版全部权益</div>
                            <div style="font-size: 12px; color: #666;">• 联系电话直显</div>
                            <div style="font-size: 12px; color: #666;">• 专属客服支持</div>
                            <div style="font-size: 12px; color: #666;">• 批量导入候选人</div>
                        </div>
                    </div>
                    
                    <div style="background: #fafafa; padding: 16px; border-radius: 8px;">
                        <div style="display: flex; justify-content: space-between; align-items: center;">
                            <div>
                                <div style="font-weight: 500;">当前会员：专业版</div>
                                <div style="font-size: 13px; color: #666; margin-top: 4px;">到期时间：2024-02-15</div>
                            </div>
                            <button class="btn btn-primary">续费会员</button>
                        </div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-header">
                        <span class="card-title">⭐ 会员权益说明</span>
                    </div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>权益项目</th>
                                <th>免费版</th>
                                <th>专业版</th>
                                <th>企业版</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>发布岗位数量</td>
                                <td>3个</td>
                                <td>不限</td>
                                <td>不限</td>
                            </tr>
                            <tr>
                                <td>查看简历次数</td>
                                <td>10份/月</td>
                                <td>不限</td>
                                <td>不限</td>
                            </tr>
                            <tr>
                                <td>候选人推送</td>
                                <td>—</td>
                                <td>优先推送</td>
                                <td>优先推送</td>
                            </tr>
                            <tr>
                                <td>联系电话显示</td>
                                <td>—</td>
                                <td>—</td>
                                <td>✓</td>
                            </tr>
                            <tr>
                                <td>专属客服</td>
                                <td>—</td>
                                <td>—</td>
                                <td>✓</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </main>
    </div>

    <!-- 发布岗位模态框 -->
    <div class="modal-overlay" id="publishJobModal">
        <div class="modal">
            <div class="modal-header">
                <span class="modal-title">发布新岗位</span>
                <div class="modal-close" onclick="hideModal('publishJobModal')">✕</div>
            </div>
            <div class="modal-body">
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">岗位名称 <span style="color: #ff4d4f;">*</span></label>
                        <input type="text" class="form-input" placeholder="请输入岗位名称">
                    </div>
                    <div class="form-group">
                        <label class="form-label">岗位类型 <span style="color: #ff4d4f;">*</span></label>
                        <select class="form-input">
                            <option>请选择</option>
                            <option>临时工</option>
                            <option>长期工</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">薪资待遇 <span style="color: #ff4d4f;">*</span></label>
                        <div style="display: flex; gap: 8px;">
                            <input type="text" class="form-input" placeholder="最低">
                            <span style="line-height: 40px;">-</span>
                            <input type="text" class="form-input" placeholder="最高">
                            <select class="form-input" style="width: 100px;">
                                <option>元/天</option>
                                <option>元/月</option>
                                <option>元/小时</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-label">需求人数 <span style="color: #ff4d4f;">*</span></label>
                        <input type="number" class="form-input" placeholder="请输入需求人数">
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">工作地点 <span style="color: #ff4d4f;">*</span></label>
                    <input type="text" class="form-input" placeholder="请输入详细工作地址">
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">用工开始时间 <span style="color: #ff4d4f;">*</span></label>
                        <input type="date" class="form-input">
                    </div>
                    <div class="form-group">
                        <label class="form-label">预计持续时长</label>
                        <select class="form-input">
                            <option>1-3天</option>
                            <option>3-7天</option>
                            <option>7-30天</option>
                            <option>30天以上</option>
                            <option>长期</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">岗位描述</label>
                    <textarea class="form-textarea" placeholder="请输入岗位要求、工作内容等详细信息...">