quyueting
/
manHourHousekeeper


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="工时管家个人版,免费工时管理,兼职工时记录,小时工管理,车间人员工时,个人工时统计" />
    <meta name="description" content="工时管家个人版是完全免费的工时管理工具，专为兼职、小时工和车间人员设计。轻松记录工时，自动计算收入，让每一分钟都有价值。"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>工时管家个人版 - 免费工时管理工具，兼职、小时工、车间人员专属</title>
	<link href="css/styles.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
    <link rel="stylesheet" href="css/personal.css">
    <script src="js/jquery1.42.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.3.js"></script>
</head>

<body data-spy="scroll" data-target=".fixed-top" id="body">
    <div class="spinner-wrapper">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>

    <!-- 头部 -->
    <iframe id="headerIframe" src="./moduleView/header.html" class="iframeClass" onLoad="reinitIframe();"></iframe>

    <!-- 咨询客服 -->
    <div class="zhixun" id="zhixun" style="display: none">
        <p>微信扫码咨询</p>
        <img src="./image/codecopy.jpg" alt="">
        <p><span style="color: #595959;">联系电话：</span>15895914665</p>
    </div>

    <!-- 咨询的图标 -->
    <div class="consulting" id="consulting">
        <img id="consultigImg" src="./image/ions/kefu2.png" alt="">
    </div>

    <!-- 主横幅区域 -->
    <div class="personal-banner">
        <div class="personal-banner-content">
            <div class="personal-banner-left">
                <div class="personal-logo">
                    <img src="./image/ions/1.png" alt="工时管家个人版">
                    <span>工时管家个人版</span>
                </div>
                <h1 class="personal-title">
                    免费工时管理工具，<br>
                    兼职、小时工、车间人员专属
                </h1>
                <p class="personal-subtitle">
                    完全免费的工时管家个人版，专为兼职、小时工和车间人员设计，轻松记录工时，自动计算收入，让每一分钟都有价值。
                </p>
                <div class="personal-download">
                    <a href="#" class="download-btn">下载手机版</a>
                </div>
            </div>
            <div class="personal-banner-right">
                <img src="./image/gs1.jpg" alt="工时管家个人版界面" class="dashboard-img">
            </div>
        </div>
    </div>

    <!-- 为什么选择工时管家个人版 -->
    <div class="why-choose-section">
        <div class="container">
            <div class="section-header">
                <p class="section-tag">完全免费 · 专为兼职/小时工/车间人员设计</p>
                <h2>为什么选择工时管家个人版</h2>
                <p class="section-desc">专为自由职业者和小时工设计的工时管理工具，让你的每一分钟都有价值</p>
            </div>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">
                        <img src="./image/ions/1.png" alt="便捷记录">
                    </div>
                    <h3>便捷记录</h3>
                    <p>支持快速、按时间段填报工时方式，灵活记录不同工作任务，随时随地记录工时。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <img src="./image/ions/2.png" alt="智能统计">
                    </div>
                    <h3>智能统计</h3>
                    <p>自动生成月、月工时与收入分析，直观呈现工时数据变化，帮你掌握工作收入情况。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <img src="./image/ions/5.png" alt="精准计算">
                    </div>
                    <h3>精准计算</h3>
                    <p>自定义时薪标准，实时核算收入，基础薪资等多种计费方式，确保每分钟都有价值。</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <img src="./image/ions/6.png" alt="数据安全">
                    </div>
                    <h3>数据安全</h3>
                    <p>登录保护数据，支持数据导出，保障个人工时与收入信息安全，让你使用更放心。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 强大功能，简单操作 -->
    <div class="powerful-features-section">
        <div class="container">
            <div class="section-header">
                <p class="section-tag">完全免费使用</p>
                <h2>强大功能，简单操作</h2>
                <p class="section-desc">日历工时填报入口 | 可视化统计分析 | 数据设置与导出</p>
            </div>
        </div>
    </div>

    <!-- 工时记录功能 -->
    <div class="feature-detail-section">
        <div class="container">
            <div class="feature-detail-row">
                <div class="feature-detail-left">
                    <h3>工时记录</h3>
                    <p class="feature-desc">轻松记录每日工作时间，支持日历视图填报工时，满足不同工作模式需求。</p>
                    <ul class="feature-list">
                        <li>日历视图直观显示工时，支持快速填报和修改</li>
                        <li>预设输入方式：按时间段填报或按项目填报时间</li>
                        <li>支持自定义时薪标准，实时计算工作收入</li>
                        <li>可添加备注信息，记录工作详情</li>
                    </ul>
                </div>
                <div class="feature-detail-right">
                    <img src="./image/gs2.jpg" alt="工时记录界面" class="feature-img">
                </div>
            </div>
        </div>
    </div>

    <!-- 统计分析功能 -->
    <div class="feature-detail-section feature-detail-reverse">
        <div class="container">
            <div class="feature-detail-row">
                <div class="feature-detail-left">
                    <img src="./image/gs3.jpg" alt="统计分析界面" class="feature-img">
                </div>
                <div class="feature-detail-right">
                    <h3>统计分析</h3>
                    <p class="feature-desc">智能分析你的工时数据，提供多维度统计和可视化图表，帮你更好地掌握工作情况。</p>
                    <ul class="feature-list">
                        <li>支持日、月度等时间维度工时与收入数据</li>
                        <li>核心数据对比：总工时、总收入、工作天数、平均时薪</li>
                        <li>收入趋势分析显示工时与收入变化</li>
                        <li>数据可视化图表，直观掌握工作规律</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 我的设置功能 -->
    <div class="feature-detail-section">
        <div class="container">
            <div class="feature-detail-row">
                <div class="feature-detail-left">
                    <h3>我的设置</h3>
                    <p class="feature-desc">个性化设置工时管理标准，配置账号与信息，录入方式和标准设置。</p>
                    <ul class="feature-list">
                        <li>账号管理：登录状态查看与账号信息</li>
                        <li>工时录入配置：选择按小时或按项目的时间录入</li>
                        <li>薪资标准设置：自定义时薪标准</li>
                        <li>数据导出：支持Excel/CSV格式导出工时与收入数据</li>
                    </ul>
                </div>
                <div class="feature-detail-right">
                    <img src="./image/gs4.jpg" alt="我的设置界面" class="feature-img">
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn"></iframe>
    
    <script>
        // 简化的iframe处理
        function reinitIframe() {
            // 简化处理，避免跨域问题
        }
        
        // 页面加载完成后隐藏加载动画
        window.addEventListener('load', function() {
            const spinner = document.querySelector('.spinner-wrapper');
            if (spinner) {
                spinner.style.display = 'none';
            }
        });
    </script>
    <script>
        // 咨询客服功能
        $('#consulting').click(function() {
            if($('#zhixun').is(':hidden')) {
                $('#zhixun').show();
            } else {
                $('#zhixun').hide();
            }
        });

        // 点击其他地方隐藏咨询框
        $(document).click(function(e) {
            if(!$(e.target).closest('#consulting, #zhixun').length) {
                $('#zhixun').hide();
            }
        });
    </script>
</body>
</html>