<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="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/activity.css">
        <link rel="stylesheet" href="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/toast.css">
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/jquery-3.4.1.min.js"></script>
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/toast.js"></script>
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/exif.js"></script>
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/html2Json.js"></script>
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/pageJson/signupJson.js"></script>
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/modalJson/shareModal.js"></script>
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/removeAttr.js"></script>
        <script type="text/javascript" src="https://space-api.check.icaremgt.com/ACTIVITY/gitlab-static?url=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>
            <!-- <img class="test1" style="width: 100%" src="images/test.jpeg" /> -->
    </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(signupObj));
    $('body').prepend(json2html(shareModal));
    $('#html-template-8').addClass('global-none')
    $(function(){
        removeAttr();
        btnBindClick();// 绑定点击事件
        $('#act11739232574395').attr({'readonly':'readonly'});
        wxpermission();
        // selectFileImage()
    })

    // 微信鉴权
    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() {
        // 返回首页
        $("#act11534485971254").off("click").on("click",function(){
            window.location.href = '/index.html'
        });
        // 排行榜
        $("#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')
        });
        // 分享弹框关闭
        $(document).on('click','#html-template-8 .modal-close',function(){
            $('#html-template-8').addClass('global-none')
        });

        // 上传图片
        $("#uploadImage").on('change',function() {
            var formData = new FormData()
            formData.append('file',this.files[0])
            selectFileImage(this)
            $.ajax({
                type:'POST',
                url:'http://api-admin-manage.check.icaremgt.com/system/components/upload',
                headers:{'x-token':'admin.725.b9d085900b8546fcb26e1683e8f4e7bb'},
                data:formData,
                contentType:false,
                processData:false,
                success:function(data) {
                    $("#act31419345204861").removeClass('global-none')
                },
                error: function() {
                    showMessage('上传失败!',3000,true);
                }
            })
        })

        // 确认提交    
        $("#act21359468086634").off("click").on("click", function(){
            var userName = $('#act11738585285947')
            var phonenum = $('#act11739141518360')
            var introDuce = $('#act11739381874636')
            var signInput = $('.sign-form .form-input-group input[c_validate="idcard"]')
            var uploadImg = $('#act31419345204861 img')
            // 验证用户名
            if(userName.attr('c_validateempty') == 'yes') {
                var userNameVal = userName.val()
                var userNameLen = userName.attr('c_len')
                if(userNameVal == '') {
                    showMessage('请输入参与者姓名',3000,true);
                    return false
                }else if(userNameVal.length > userNameLen) {
                    showMessage('参与者姓名不能超过'+userNameLen+'个字',3000,true);
                    return false
                }
            }
            // 验证手机号
            if(phonenum.attr('c_validateempty') == 'yes') {
                var reg = /^1[3456789]\d{9}$/
                var phonenumVal = phonenum.val()
                var phonenumLen = phonenum.attr('c_len')
                if(phonenumVal == '') {
                    showMessage('请输入参与者手机号码',3000,true);
                    return false
                }else if(phonenumVal.length > phonenumLen){
                    showMessage('参与者手机号码不能超过'+phonenumLen+'个字',3000,true);
                    return false
                }else if(!reg.test(phonenumVal)) {
                    showMessage('请输入正确的参与者手机号码',3000,true);
                    return false
                }
            }
            // 验证活动宣言
            if(introDuce.attr('c_validateempty') == 'yes') {
                var introDuceVal = introDuce.val()
                var introDuceLen = introDuce.attr('c_len')
                var introDuceName = introDuce.attr('c_name')
                if(introDuceVal == '') {
                    showMessage('请输入'+introDuceName,3000,true);
                    return false
                }else if(introDuceVal.length > introDuceLen) {
                    showMessage(introDuceName+'不能超过'+introDuceLen+'个字',3000,true);
                    return false
                }
            }
            // 验证身份证
            if(signInput.attr('c_validateempty') == 'yes') {
                var signInputVal = signInput.val()
                var signInputName = signInput.attr('c_name')
                var signInputLen = signInput.attr('c_len')
                if(signInputVal == '') {
                    showMessage('请输入'+signInputName,3000,true);
                    return false
                }else if(signInputVal.length > signInputLen) {
                    showMessage(signInputName+'不能超过'+signInputLen+'个字',3000,true);
                    return false
                }else if(!validateIDNumber(signInputVal)) {
                    showMessage('请输入正确的'+signInputName,3000,true);
                    return false
                }
            }
            // 验证上传图片
            if(uploadImg.attr('src') == '') {
                showMessage('请上传一张照片',3000,true);
                return false
            }
        });
    }

    function selectFileImage(fileObj) {  
        var file = fileObj.files['0'];  
        //图片方向角 added by lzk  
        var Orientation = null;  
        
        if (file) {  
            console.log("正在上传,请稍后...");  
            var rFilter = /^(image\/jpeg|image\/png|image\/jpg|image\/gif)$/i; // 检查图片格式  
            if (!rFilter.test(file.type)) { 
                showMessage('请选择jpeg/jpg/gif/png格式的图片',3000,true); 
                return;  
            }  
            //获取照片方向角属性,用户旋转控制  
            EXIF.getData(file, function() {  
                EXIF.getAllTags(this);   
                Orientation = EXIF.getTag(this, 'Orientation');  
                //return;  
            });  
            
            var oReader = new FileReader();  
            oReader.onload = function(e) {  
                //var blob = URL.createObjectURL(file);  
                //_compress(blob, file, basePath);  
                var image = new Image();  
                image.src = e.target.result;  
                image.onload = function() {  
                    var expectWidth = this.naturalWidth;  
                    var expectHeight = this.naturalHeight;  
                    
                    if (this.naturalWidth > this.naturalHeight && this.naturalWidth > 800) {  
                        expectWidth = 800;  
                        expectHeight = expectWidth * this.naturalHeight / this.naturalWidth;  
                    } else if (this.naturalHeight > this.naturalWidth && this.naturalHeight > 1200) {  
                        expectHeight = 1200;  
                        expectWidth = expectHeight * this.naturalWidth / this.naturalHeight;  
                    }  
                    var canvas = document.createElement("canvas");  
                    var ctx = canvas.getContext("2d");  
                    canvas.width = expectWidth;  
                    canvas.height = expectHeight;  
                    ctx.drawImage(this, 0, 0, expectWidth, expectHeight);  
                    var base64 = null;  
                    //修复ios  
                    if (navigator.userAgent.match(/iphone/i)) {  
                        //如果方向角不为1,都需要进行旋转  
                        if(Orientation != "" && Orientation != 1){  
                            switch(Orientation){  
                                case 6://需要顺时针(向左)90度旋转    
                                    rotateImg(this,'left',canvas);  
                                    break;  
                                case 8://需要逆时针(向右)90度旋转   
                                    rotateImg(this,'right',canvas);  
                                    break;  
                                case 3://需要180度旋转  
                                    rotateImg(this,'right',canvas);//转两次  
                                    rotateImg(this,'right',canvas);  
                                    break;  
                            }         
                        }  
                        base64 = canvas.toDataURL("image/jpeg", 0.8);  
                    }else if (navigator.userAgent.match(/Android/i)) {// 修复android  
                        var encoder = new JPEGEncoder();  
                        base64 = encoder.encode(ctx.getImageData(0, 0, expectWidth, expectHeight), 80);  
                    }else{    
                        if(Orientation != "" && Orientation != 1){   
                            switch(Orientation){  
                                case 6://需要顺时针(向左)90度旋转    
                                    rotateImg(this,'left',canvas);  
                                    break;  
                                case 8://需要逆时针(向右)90度旋转 
                                    rotateImg(this,'right',canvas);  
                                    break;  
                                case 3://需要180度旋转  
                                    rotateImg(this,'right',canvas);//转两次  
                                    rotateImg(this,'right',canvas);  
                                    break;  
                            }         
                        }  
                        
                        base64 = canvas.toDataURL("image/jpeg", 0.8);  
                    } 
                    $("#act31419345204861 img").attr("src", base64);  
                };  
            };  
            oReader.readAsDataURL(file);  
        }  
    }  
  
    //对图片旋转处理 
    function rotateImg(img, direction,canvas) {    
        //最小与最大旋转方向,图片旋转4次后回到原方向    
        var min_step = 0;    
        var max_step = 3;    
        //var img = document.getElementById(pid);    
        if (img == null)return;    
        //img的高度和宽度不能在img元素隐藏后获取,否则会出错    
        var height = img.height;    
        var width = img.width;    
        //var step = img.getAttribute('step');    
        var step = 2;    
        if (step == null) {    
            step = min_step;    
        }    
        if (direction == 'right') {    
            step++;    
            //旋转到原位置,即超过最大值    
            step > max_step && (step = min_step);    
        } else {    
            step--;    
            step < min_step && (step = max_step);    
        }
        //旋转角度以弧度值为参数    
        var degree = step * 90 * Math.PI / 180;    
        var ctx = canvas.getContext('2d');    
        switch (step) {    
            case 0:    
                canvas.width = width;    
                canvas.height = height;    
                ctx.drawImage(img, 0, 0);    
                break;    
            case 1:    
                canvas.width = height;    
                canvas.height = width;    
                ctx.rotate(degree);    
                ctx.drawImage(img, 0, -height);    
                break;    
            case 2:    
                canvas.width = width;    
                canvas.height = height;    
                ctx.rotate(degree);    
                ctx.drawImage(img, -width, -height);    
                break;    
            case 3:    
                canvas.width = height;    
                canvas.height = width;    
                ctx.rotate(degree);    
                ctx.drawImage(img, -width, 0);    
                break;    
        }    
    }

    // 验证身份证
    function validateIDNumber(card) {
        var vcity = {
            11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古',
            21: '辽宁', 22: '吉林', 23: '黑龙江', 31: '上海', 32: '江苏',
            33: '浙江', 34: '安徽', 35: '福建', 36: '江西', 37: '山东', 41: '河南',
            42: '湖北', 43: '湖南', 44: '广东', 45: '广西', 46: '海南', 50: '重庆',
            51: '四川', 52: '贵州', 53: '云南', 54: '西藏', 61: '陕西', 62: '甘肃',
            63: '青海', 64: '宁夏', 65: '新疆', 71: '台湾', 81: '香港', 82: '澳门', 91: '国外'
        }
        // 检查号码是否符合规范,包括长度,类型
        function isCardNo(card) {
            // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X
            var reg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/
            if (reg.test(card) === false) {
                return false
            }

            return true
        }
        // 取身份证前两位,校验省份
        function checkProvince(card) {
            var province = card.substr(0, 2)
            if (vcity[province] == undefined) {
                return false
            }
            return true
        }
        // 检查生日是否正确
        function checkBirthday(card) {
            var len = card.length
            // 身份证15位时,次序为省(3位)市(3位)年(2位)月(2位)日(2位)校验位(3位),皆为数字
            if (len == '15') {
                var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/
                var arr_data = card.match(re_fifteen)
                var year = arr_data[2]
                var month = arr_data[3]
                var day = arr_data[4]
                var birthday = new Date('19' + year + '/' + month + '/' + day)
                return verifyBirthday('19' + year, month, day, birthday)
            }
            // 身份证18位时,次序为省(3位)市(3位)年(4位)月(2位)日(2位)校验位(4位),校验位末尾可能为X
            if (len == '18') {
                var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X|x)$/
                var arr_data = card.match(re_eighteen)
                var year = arr_data[2]
                var month = arr_data[3]
                var day = arr_data[4]
                var birthday = new Date(year + '/' + month + '/' + day)
                return verifyBirthday(year, month, day, birthday)
            }
            return false
        }
        // 校验日期
        function verifyBirthday(year, month, day, birthday) {
            var now = new Date()
            var now_year = now.getFullYear()
            // 年月日是否合理
            if (birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day) {
                // 判断年份的范围(0岁到130岁之间)
                var time = now_year - year
                if (time >= 0 && time <= 130) {
                return true
                }
                return false
            }
            return false
        }
        // 校验位的检测
        function checkParity(card) {
            // 15位转18位
            card = changeFivteenToEighteen(card)
            var len = card.length
            if (len == '18') {
                var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
                var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
                var cardTemp = 0, i, valnum
                for (i = 0; i < 17; i++) {
                cardTemp += card.substr(i, 1) * arrInt[i]
                }
                valnum = arrCh[cardTemp % 11]
                if (valnum == card.substr(17, 1).toUpperCase()) {
                return true
                }
                return false
            }
            return false
        }
        // 15位转18位身份证号
        function changeFivteenToEighteen(card) {
            if (card.length == '15') {
                var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2)
                var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2')
                var cardTemp = 0, i
                card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6)
                for (i = 0; i < 17; i++) {
                cardTemp += card.substr(i, 1) * arrInt[i]
                }
                card += arrCh[cardTemp % 11]
                return card
            }
            return card
        }
        // 是否为空
        if (card === '') {
            // alert('请输入身份证号,身份证号不能为空')
            return false
        }
        // 校验长度,类型
        if (isCardNo(card) === false) {
            // alert('您输入的身份证号码不正确,请重新输入')
            return false
        }
        // 检查省份
        if (checkProvince(card) === false) {
            // alert('您输入的身份证号码不正确,请重新输入')
            return false
        }
        // 校验生日
        if (checkBirthday(card) === false) {
            // alert('您输入的身份证号码生日不正确,请重新输入')
            return false
        }
        // 检验位的检测
        if (checkParity(card) === false) {
            // alert('您的身份证校验位不正确,请重新输入')
            return false
        }
        return true
    }

    // 页面跳转
    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>