liuq
/
simple_navigation_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
							<!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, #f093fb 0%, #f5576c 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, #f093fb 0%, #f5576c 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: #f5576c;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid #f5576c;
        }

        .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, #ffeef1 0%, #ffe0e5 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(245, 87, 108, 0.3);
        }

        .feature-card h3 {
            font-size: 24px;
            color: #f5576c;
            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, #f093fb 0%, #f5576c 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(245, 87, 108, 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>多级审核机制，支持薪资数据的复核和审批，确保薪资发放的准确性和安全性。</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>