<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>宝贝,因“喂”爱你</title>
        <link rel="stylesheet" href="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/activity.css">
        <link rel="stylesheet" href="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/toast.css">
        <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotosjs/js/jquery-3.4.1.min.js"></script>
        <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/html2Json.js"></script>
        <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/pageJson/userJson.js"></script>
        <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/modalJson/shareModal.js"></script>
        <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/modalJson/voteModal.js"></script>
        <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/autoFontsize.min.js"></script>
        <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
        <script type="text/javascript">
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                appId: '${appId!}', // 必填,公众号的唯一标识
                timestamp:'${timestamp!}', // 必填,生成签名的时间戳
                nonceStr: '${noncestr!}', // 必填,生成签名的随机串
                signature: '${signature!}',// 必填,签名,见附录1
                jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','startRecord','stopRecord','onVoiceRecordEnd','playVoice','pauseVoice','stopVoice','onVoicePlayEnd'
                            ,'uploadVoice','downloadVoice','chooseImage','previewImage','uploadImage','downloadImage','translateVoice','openLocation'
                            ,'getLocation','hideOptionMenu','showOptionMenu','hideMenuItems','showMenuItems','scanQRCode','chooseWXPay','addCard','chooseCard','openCard'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
            });
        </script>
    </head>
    <body>
        
    </body>
</html>
<script type="text/javascript">

    // 公共变量
    var xtoken = "123123";
    var activityCode = "hdtbsztest1";
    var pageNumber = "1";
    var baseUrl = "http://space-api.check.icaremgt.com";
    
    $('body').prepend(json2html(userObj));
    $('body').prepend(json2html(shareModal));
    $('body').prepend(json2html(voteModal));
    $('#html-template-4').addClass('global-none')
    $('#html-template-8').addClass('global-none')
    $(function(){
        btnBindClick();// 绑定点击事件
        userCountDown(10,$('#act31142119991744 span'));  //倒计时
        userTabInfo();
        wxpermission();
    });

    // 微信鉴权
    function wxpermission() {
        wx.ready(function(){
            var shareData = {
                title: "",
                imgUrl: "",
                desc: "",
                link: ""
            }
            /**
             *分享给朋友
            */
            wx.onMenuShareAppMessage({
                title: shareData.title, // 分享标题
                desc: shareData.desc, // 分享描述
                link: shareData.link, // 分享链接
                imgUrl: shareData.imgUrl, // 分享图标
                type: 'link', // 分享类型,music、video或link,不填默认为link
                dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            /**
             *分享到朋友圈
            */
            wx.onMenuShareTimeline({
                title: shareData.title, // 分享标题
                desc: shareData.desc, // 分享描述
                link: shareData.link, // 分享链接
                imgUrl: shareData.imgUrl, // 分享图标
                success: function () {
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        });
    }

    // 元素点击事件绑定
    function btnBindClick() {
        // 返回首页
        $("#act3110143885264").off("click").on("click",function(){
            window.location.href = '/index.html'
        });
        // 拉票
        $('#act31119351441050').off("click").on("click",function(){
            $('#html-template-8').removeClass('global-none')
        });
        // 分享弹框关闭
        $(document).on('click','#html-template-8 .modal-close',function(){
            $('#html-template-8').addClass('global-none')
        });
        // 投票
        $('#act31119414834381').off("click").on("click",function(){
            $('#html-template-4').removeClass('global-none')
        });
        // 我要拉票
        $('#act2172989331265').off("click").on("click",function(){
            $('#html-template-8').removeClass('global-none')
        });
        // 继续投票
        $('#act21728433893489').off("click").on("click",function(){
            
        });
        // 投票弹框关闭
        $(document).on('click','#html-template-4 .modal-close',function(){
            $('#html-template-4').addClass('global-none')
        });

        // 排行榜
        $("#act41612547506702").off('click').on("click", function(){
            window.location.href = '/index.html'
        });

        // 选手主页    
        $("#act4161336684689").off("click").on("click", function(){
            window.location.href = '/user.html'
        });

        // 活动秘籍    
        $("#act41613113951133").off("click").on("click", function(){
            $('#html-template-8').removeClass('global-none')
        });
    }
    // 倒计时
    function userCountDown(times,ids){
      var timer=null;
      var self = this
      var times = times
      timer=setInterval(function(){
        var day=0,
          hour=0,
          minute=0,
          second=0;//时间默认值
        if(times > 0){
          day = Math.floor(times / (60 * 60 * 24));
          hour = Math.floor(times / (60 * 60)) - (day * 24);
          minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
          second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
        }
        if (day <= 9) day = '0' + day;
        if (hour <= 9) hour = '0' + hour;
        if (minute <= 9) minute = '0' + minute;
        if (second <= 9) second = '0' + second;
        ids.html((day != 00 ? day + "天" : '')+hour+"时"+minute+"分"+second+"秒")
        times--;
        if(times<0){
            clearInterval(timer);
            ids.parent().addClass('global-none')
          }
      },1000);
    }

    function userTabInfo() {
        var userInfoObj = {
            userImg: 'http://qnfile.icareyou.net/e1e347fa1d3a4eb79839e40c6ba312531560307520219.jpg',
            userName: '小米',
            userNo: '2939393',
            userRank: '29',
            userVoteNum: '200',
            userState: '拉票宣言',
            showImg: 'http://qnfile.icareyou.net/e1e347fa1d3a4eb79839e40c6ba312531560307520219.jpg'
        }
        $('#act3932189955 .user-info .inner-pic').attr('src',userInfoObj.userImg);
        var innerInfo = $('#act3932189955 .user-info .inner-info')
        innerInfo.find('.userName span').text(userInfoObj.userName)
        innerInfo.find('.userNo span').text(userInfoObj.userNo)
        innerInfo.find('.userRank span').text(userInfoObj.userRank)
        innerInfo.find('.userVoteNum span').text(userInfoObj.userVoteNum)
        $('#act3932189955 .userState').val(userInfoObj.userState)
        $('#act3932189955 .user-info .inner-pic').attr('src',userInfoObj.userImg);
        $('#act3932189955 .show-pic').attr('src',userInfoObj.showImg);
    }    
    // 页面跳转
    function transPage(_pageNumber,_activityCode, _token, _urlParam){
        var url = ''
        if(typeof _urlParam !=='undefined' && _urlParam !== ''){
            url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber + '?' + _urlParam;
        }else {
            url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber;
        }

        var _form = document.createElement('form');
        _form.action = url;
        _form.method = "post";
        _form.style.display = "none";
        
        var inputToken = document.createElement('input');
        inputToken.value = _token;
        inputToken.name = 'x-token';
        _form.appendChild(inputToken);
        document.body.appendChild(_form);
        _form.submit();
    }       
</script>