wutt
/
manHourHousekeeper


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="image/favicon.png">
    <title>工时管家</title>
    <link rel="stylesheet" href="./css/homemovement/normalize.css" />
    <!-- 先引入css文件 放到自己css文件的上面 -->
    <link rel="stylesheet" href="./css/homemovement/swiper.min.css" />
    <link rel="stylesheet" href="./css/homemovement/homemovement.css" />
    <script src="js/jquery1.42.min.js"></script>
</head>
<body>
    <section class="warp">
        <!-- 头部 -->
        <div class="header">
            <div class="header_logo"><img src="./image/logo.jpg" alt=""></div>
            <div class="header_qiyeweix"><a href="https://open.work.weixin.qq.com" target="_blank"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=isp&c=white&s=medium" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=isp&c=white&s=medium@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a></div>
            <div class="header_qw"><a href="javascript:;" id="zhuce"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=register&c=white&s=large" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=register&c=white&s=large@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a></div>
            <div class="header_qx"><a href="javascript:;" id="anqiye"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=install&c=white&s=large" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=install&c=white&s=large@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a></div>
        </div>

        <div class="homepage">
            <div class="homepage_img">
                <img src="./image/bannar9.gif" alt="">
            </div>
            <div class="homepage_gsLogo">
                <img src="./image/gsgj.png" alt="">
            </div>
            <div class="homepage_title">工时管家</div>
        </div>

        <div class="reduction">
            <div class="reduction_img">
                <img src="./image/huajian.png" alt="">
            </div>
        </div>

        <div class="examination">
            <div class="examination_title">填报、审批、统计分分钟搞定</div>
            <div class="examination_img"><img src="./image/fill.jpg" alt=""></div>
            <div class="get_job_focus">
              <!-- Swiper -->
              <div class="swiper-container get_job_fo">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="./image/yidong/xmcj.png" alt="" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./image/yidong/ygtb.png" alt="" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./image/yidong/xmjlsh.png" alt="" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./image/yidong/hzsj.png" alt="" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./image/yidong/sctjb.png" alt="" />
                  </div>
                </div>
              </div>
              <!-- Add Arrows 根据需求这个代码放到 container外面 添加左右箭头-->
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
        </div>

        <div class="management">
            <div class="management_title">强大的功能，轻松的管理</div>
            <div class="management_tex">提供便捷且全面的工时填报、审核和统计功能，围绕企业成本管理提供一站式解决方案</div>

            <div class="swiper-container study_fo">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="./image/gs1.jpg" alt="" />
                  <p>工时填报</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs2.jpg" alt="" />
                  <p>报告查看</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs3.jpg" alt="" />
                  <p>工时审批</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs4.jpg" alt="" />
                  <p>项目管理</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs5.jpg" alt="" />
                  <p>成本统计</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs6.jpg" alt="" />
                  <p>财务核算</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs7.jpg" alt="" />
                  <p>客户管理</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs8.jpg" alt="" />
                  <p>费用报销</p>
                </div>
                <div class="swiper-slide">
                  <img src="./image/gs9.jpg" alt="" />
                  <p>工程管理</p>
                </div>
                <div class="swiper-slide">
                    <img src="./image/gs10.jpg" alt="" />
                    <p>审批流</p>
                </div>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
            </div>
        </div>

        <div class="customer">
            <div class="customer_title">来自客户的认可</div>
            <div class="swiper-container customer_fo">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg0.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg1.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg2.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg3.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg4.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg5.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg6.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg7.png" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="./image/yidong/ggg8.png" alt="" />
                </div>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
            </div>
        </div>

        <div class="foots">
            <div class="erweima">
                <img src="./image/gzh.jpg" alt="">
            </div>
            <div class="erweima_text">工时管家官方客服</div>
            <div class="erweima_haoma">Copyright©2016 南京火石闪信网络科技有限公司     苏ICP备18064522号-1</div>
        </div>
    </section>
</body>
<script src="./js/homemovement/flexible.js"></script>
<!-- 比如引入js文件 -->
<script src="./js/homemovement/swiper.min.js"></script>
<script>
    // 第一个函数里面是 就业指导轮播图
    (function () {
      var swiper = new Swiper(".get_job_fo", {
        // 能够显示的 slider的个数
        slidesPerView: 2,
        // 每一个slide之间的距离
        spaceBetween: 30,
        centeredSlides: true,
        loop: true,
        // 添加左右箭头
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });
    })();
    // 第二个函数的轮播图
    (function () {
      //  如果有多个轮播图最好修改下 swiper-container
      var swiper = new Swiper(".study_fo", {
        // 我们可以可以看看到的是 2个半
        slidesPerView: 1,
        spaceBetween: 20,
      });
    })();
    // 第三个函数的轮播图
    (function () {
      //  如果有多个轮播图最好修改下 swiper-container
      var swiper = new Swiper(".customer_fo", {
        // 我们可以可以看看到的是 2个半
        slidesPerView: 2.2,
        spaceBetween: 20,
      });
    })();
  </script>
  <script>
    $('#anqiye').click(function() {
        console.log('我被点击率')
        // $.ajax({
        //     type : "GET",
        //     // url : "http://192.168.2.97:10010/wxcorp/getPreAuthCode",
        //     url : "http://worktime.ttkuaiban.com/api/wxcorp/getPreAuthCode",
        //     dataType : "jsonp",
        //     jsonp: "jsoncallback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
        //     jsonpCallback:"jsoncallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
        //     success : function(data){
        //         console.log(data);
        //     },
        //     error:function(){
        //         alert('请求失败');
        //     }
        // });
        // function jsoncallback(data) {
        //     console.log(data)
        // }

        $.ajax({
            type : "GET",
            url : "https://worktime.ttkuaiban.com/api/wxcorp/getPreAuthCode",
            success : function(data){
                let suiteId = 'ww4e237fd6abb635af'
                let huidiao = 'https://worktime.ttkuaiban.com/api/wxcorp/installFromWebsite'
                let url = `https://open.work.weixin.qq.com/3rdapp/install?suite_id=${suiteId}&pre_auth_code=${data.data.code}&redirect_uri=${huidiao}&state=4`
                window.location.href = url
            },
            error:function(){
                alert('请求失败');
            }
        });

    })

    $('#zhuce').click(function() {
        $.ajax({
            type : "GET",
            url : "https://worktime.ttkuaiban.com/api/wxcorp/getRegisterCode",
            success : function(data){
                if(data.code == 'ok') {
                    let url = `https://open.work.weixin.qq.com/3rdservice/wework/register?register_code=${data.data.code}`
                    if(data.data.code != undefined  && data.data.code != 'undefined') {
                        window.location.href = url
                    }
                } else {
                    console.log(data)
                    alert(data.msg)
                }
            },
            error:function(){
                alert('请求失败');
            }
        });

    })
</script>
</html>