liuq
/
simple_navigation_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
							<!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', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
            color: #333;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            overflow: hidden;
        }

        .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 60px 40px;
            text-align: center;
        }

        .header h1 {
            font-size: 48px;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .header p {
            font-size: 20px;
            opacity: 0.95;
        }

        .content {
            padding: 50px 40px;
        }

        .section {
            margin-bottom: 50px;
        }

        .section h2 {
            font-size: 32px;
            color: #667eea;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid #667eea;
        }

        .section p {
            font-size: 18px;
            line-height: 1.8;
            color: #555;
            margin-bottom: 20px;
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .feature-card {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            padding: 30px;
            border-radius: 15px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
        }

        .feature-card h3 {
            font-size: 24px;
            color: #667eea;
            margin-bottom: 15px;
        }

        .feature-card p {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
        }

        .back-button {
            display: inline-block;
            margin-top: 30px;
            padding: 15px 40px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-size: 18px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .back-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
        }

        .icon {
            font-size: 40px;
            margin-bottom: 15px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>👥 人力资源管理系统</h1>
            <p>员工信息、招聘、绩效管理</p>
        </div>
        
        <div class="content">
            <div class="section">
                <h2>系统简介</h2>
                <p>
                    人力资源管理系统是一套完整的企业人力资源管理解决方案，旨在帮助企业高效管理员工信息、优化招聘流程、提升绩效管理水平。
                    系统采用现代化的技术架构，提供直观易用的操作界面，助力企业实现人力资源管理的数字化转型。
                </p>
            </div>

            <div class="section">
                <h2>核心功能</h2>
                <div class="features">
                    <div class="feature-card">
                        <div class="icon">📋</div>
                        <h3>员工信息管理</h3>
                        <p>集中管理员工基本信息、合同档案、考勤记录等，支持多维度查询和统计分析，实现员工信息的全生命周期管理。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">🎯</div>
                        <h3>招聘管理</h3>
                        <p>从职位发布、简历筛选、面试安排到录用决策，全程数字化管理招聘流程，提升招聘效率和质量。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📊</div>
                        <h3>绩效管理</h3>
                        <p>支持多种绩效评估模式，包括KPI考核、360度评估等，提供绩效数据分析，帮助管理者做出科学决策。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📈</div>
                        <h3>组织架构管理</h3>
                        <p>可视化组织架构图，灵活调整部门设置和岗位配置，支持多层级组织架构管理。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📅</div>
                        <h3>考勤管理</h3>
                        <p>集成多种考勤方式，自动统计考勤数据，支持请假、加班、调休等各类考勤业务处理。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📑</div>
                        <h3>档案管理</h3>
                        <p>电子化员工档案管理，支持合同管理、证书管理、培训记录等各类档案的存储和查询。</p>
                    </div>
                </div>
            </div>

            <div class="section">
                <h2>系统优势</h2>
                <p>
                    • <strong>数据安全</strong>：采用多重加密技术，确保员工信息安全，符合数据保护法规要求<br>
                    • <strong>操作便捷</strong>：直观的用户界面设计，降低学习成本，提升工作效率<br>
                    • <strong>灵活配置</strong>：支持自定义流程和表单，适应不同企业的管理需求<br>
                    • <strong>数据分析</strong>：强大的数据统计和分析功能，为管理决策提供数据支持<br>
                    • <strong>移动办公</strong>：支持移动端访问，随时随地处理人力资源相关事务
                </p>
            </div>

            <a href="javascript:history.back()" class="back-button">← 返回导航</a>
        </div>
    </div>
</body>
</html>