togroup.html 10.4 KB
<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>{$tpshop_config['shop_info_store_title']}</title>
    <link rel="stylesheet" href="__STATIC__/css/giftuser/common_new.css?v3" />
    <link rel="stylesheet" href="__STATIC__/css/giftuser/receive_gift_new.css?v3" />
</head>

<body>
<div id="qr_code" class="qr_code_none">
    <div>
        <span><img src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket={$ticket}" /></span>
        <p>长按二维码,识别图中二维码<strong>关注我们</strong></p>
    </div>
</div>
<div id="win" class="win_none" onClick="document.getElementById('win').className='win_none'">
    <div class="tips3">
    </div>
</div>
<a href="javascript:void(0);" class="btn paper-airplane">炫耀一下</a>
<div class="layout">
    <!--成功领取start!-->
    <div class="Giftbox">
        <span class="boximg"><img src="__STATIC__/images/giftuser/01.jpg" /></span>

     <h1>您已领取一份</h1><a id="share" href="javascript:void(0);" class="btn">炫耀一下</a>

    </div>
    <!--成功领取end!-->
    <!--未领到start!-->

    <!--未领到end!-->
    <!--领取状态star!-->
    <div class="layout_Receiving_state">
        <div class="Receiving_state">
            <span>领取状态</span>

            <span>2份礼品已被2人领完</span>
        </div>
        <ul class="list_Receiving">


            <li><span class="img"><img src="http://thirdwx.qlogo.cn/mmopen/vi_32/CpK8F54ibkpKBmYp3ibIbN4W2zQDYQoPTVDW4esfQJvss7XmacPECJWK9v5KtbcdpCXicDFRyv2LsuRKd6VegBpaw/132"></span><ul><li><span>碧海蓝天</span><span></span><span>2018-03-03 17:17:00</span></li><li><a href="javascript:void(0);"><span class="img"><img src="http://youzhipai.b0.upaiyun.com/uploads/pic/12/1519953609842.jpeg"></span><span class="txt">简爱180g原味酸奶180g*12&nbsp;&nbsp;&nbsp;&nbsp;180g*12</span><span class="num">数量:<strong>1份</strong></span></a><input type="hidden" value="https://weixin.youzhipai.cn/productapi/12/80003171_product.html"><p class="cmt">亲爱的客官:为保证新鲜送达,商品基本都从产地直达;请关注"{$tpshop_config['shop_info_store_title']}",您可以在“我的服务”-“个人中心”-“朋友送我”处查看礼品信息</p></li></ul></li>

        </ul>
    </div>
    <!--领取状态end!-->
</div>
<p class="more">加载更多</p>
<ul class="button_gz_home">
    <li><a onClick="document.getElementById('qr_code').className='layout_qr_code'" href="javascript:void(0);">关注{$tpshop_config['shop_info_store_title']}</a><span class="tipsfloat"><i>可以跟踪礼品信息哦~</i></span></li>
    <li><a href="{:U('Index/index',array('stoid'=>$Think.request.stoid))}">我也要送礼</a></li>
</ul>


<input type="hidden" id="rebackUrl" value="https://weixin.youzhipai.cn/productapi/12/shop_home_page.html" />
<input type="hidden" id="wxShareLink" value="https://weixin.youzhipai.cn/warehouse/newShareTheGift/GC1520068307125jM39/0" />
<input type="hidden" id="wxShareImgUrl" />
<input type="hidden" id="productName" />
<input type="hidden" id="giftName" value="{$tpshop_config['shop_info_store_title']}心意礼包" />
<input type="hidden" id="sid" value="12" />
<input type="hidden" id="shopName" value="{$tpshop_config['shop_info_store_title']}" />
<input type="hidden" id="giftPackageId" value="106545" />
<input type="hidden" id="wechatName" value="{$tpshop_config['shop_info_store_title']}" />
<input type="hidden" id="openId" value="ofj4bwMF2M6c1wX7TSqGpxPVkagM" />
<input type="hidden" id="baseUrl" value="https://weixin.youzhipai.cn/productapi" />
<input type="hidden" id="showFlag" value="1" />
</body>
<script src="__STATIC__/js/jquery.js" type="text/javascript"></script>
<script src="__STATIC__/giftuser/js/fastclick.js" type="text/javascript"></script>
<div>
    <!--春节发货通知start!-->
    <div class="layout-notice" style="display:none">
        <div>
            <!--<div><a href="tel:4000778100"></a><img src="http://cdn.pub.youzhipai.cn/warehouseStaticImg/SpringExpressNotice.png"/></div>-->
            <!--25号前投放!-->
            <!--<div style="display:none"><img src="http://cdn.other.youzhipai.cn/staticImg/notice_25after.png"/></div>-->
            <!--25号后投放!-->
            <button class="close"></button>
        </div>
    </div>
    <!--春节发货通知end!-->

    <script type="text/javascript">
        /*<![CDATA[*/
        $(function () {
            $(".close").click(function () {
                $(".layout-notice").hide();
            })
            var changeTime = new Date("2017-02-09 10:00:00".replace(/-/g, '/')).getTime();
            var endTime = new Date("2017-02-24 00:00:00".replace(/-/g, '/')).getTime();
            var nowTime = new Date().getTime();
            if (endTime > nowTime && changeTime < nowTime) {
                $(".layout-notice").show();
            }else{
                return
            }
            /*var $div = $(".layout-notice > div > div");
             if (0 > changeTime - nowTime) {
             $div.eq(0).css("display", 'none');
             $div.eq(1).css("display", 'block');
             } else if (changeTime - nowTime > 0) {
             $div.eq(0).css("display", 'block');
             $div.eq(1).css("display", 'none');
             }*/
        })
        /*]]>*/
    </script>

</div>
<div>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript" src="__STATIC__/giftuser/js/wechat_common.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?849409cde2a85bfa7df24779dafa326a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</div>
<script src="__STATIC__/giftuser/js/receive_gift/receive_gift_detail_view_page.js"></script>
<script src="__STATIC__/giftuser/js/redirect_url_handle.js"></script>
<script src="__STATIC__/giftuser/js/reback.js" type="text/javascript"></script>

<script type="text/javascript">
    var open_service = {
        received_gift_handle : function(res){
            if(res.status == 'ok'){
                $('#wxShareImgUrl').val(res.data.headPic);
                $('#productName').val(res.data.pname);
                var content = $("#showFlag").val() ? "您已领取一份!" : "成功领取礼品,我们将尽快为您发货!";
                $('.Giftbox').html('<span class="boximg"><img src="http://youzhipai.b0.upaiyun.com/uploads/pic/12/1512544290970.jpeg" /></span><h1>'+content+'</h1><a id="share" href="javascript:void(0);" class="btn">炫耀一下</a>');
            }else{
                $('.tipsfloat').hide();
                $('.Giftbox').addClass("open").html('<div class="txt"><h1>客官!您来晚了!<br />礼品已经被别人领回家了。</h1></div><span class="boximg"><img src="http://youzhipai.b0.upaiyun.com/uploads/pic/12/1512544291255.jpeg" /></span>');
            }
        },

        init:function(){
            utils.is_loading = true;
            template.group_li_row_new = template.group_li_row_new.replace('$WECHATNAME',$('#wechatName').val()).replace('$BASE_URL',$('#baseUrl').val());
            gift_detail_page_service.get_detail_list(function (data) {
                gift_detail_page_service.show_data(data);
            });

            gift_detail_page_service.get_gift_detail_by_rec_openId(function(data){
                open_service.received_gift_handle(data);
            });

            $('.list_Receiving').on('click','a',function(){
                console.info($(this).next('input').val());
                document.location.href = $(this).next('input').val();
            })
        }
    }
    $(document).ready(function () {
//        open_service.init();
//        /*<![CDATA[*/
//        $(window).scroll(function () {
//            if (utils.need_to_load_data($('#copyright')) && !utils.is_loading && utils.is_more) {
//                utils.is_loading = true;
//                gift_detail_page_service.get_detail_list(function (data) {
//                    gift_detail_page_service.show_data(data);
//                })
//            }
//
//            /*纸飞机显示*/
//            var init_height = $(".Giftbox .btn").offset().top+$(".Giftbox .btn").height();
//            var scrolltop=$(window).scrollTop()
//            if(scrolltop>init_height) {
//                $(".paper-airplane").css({
//                    "top":"3%"
//                });
//            }else {
//                $(".paper-airplane").css({
//                    "top":"-10%"
//                });
//            }
//
//        })


        $('body').on('click','a.btn', function () {


//            var shareTitle = '红包抢腻歪了吧!' + $("#shopName").val() + '邀您来抢【' + $("#productName").val() + '】';
//            var shareDesc = "手气不错,我抢到了一份【" + $("#productName").val() + "】快来体验吧!";
//            var shareObject = {
//                shareTitle: shareTitle,
//                shareDesc: shareDesc,
//                shareLink: $('#wxShareLink').url_handle()+"?sid="+$("#sid").val()+"&fromOpenId="+$("#openId").val(),
//                shareImgUrl: $('#wxShareImgUrl').val(),
//                shareType: 'link',
//                successCallback: function () {
//                    $(".win").attr("class", "win_none");
//                },
//                cancelCallback: function () {
//                    $(".win").attr("class", "win_none");
//                }
//            };
//            wechat_common.wechat_share_app_message(shareObject);
//            wechat_common.wechat_share_timeline(shareObject);
            $("#win").attr("class", "win");
        });

        $("#qr_code").click(function(){
            $("#qr_code").attr("class","qr_code_none");
        });
        $("body").on('click','.win',function(){
            $(this).attr("class","win_none");
        });
        /*]]>*/
    })

    //
    $(function($) {
        var appHeight = $(window).height()-$(".button_gz_home").outerHeight(true);
        $(".layout").css({
            "min-height" : appHeight
        })
        $("#copyright").css({
            "padding-bottom" : $(".button_gz_home").outerHeight(true) + 20
        })
    })
</script>
</html>