qy-platform/Application/Media/View/default/Gift/gift_detail.html

<extend name="Public/base" />
<block name="body" >
<link rel="stylesheet" href="__CSS__/gift.css">
    <div class="">
    <img src="__IMG__/inner_banner2.jpg">
  </div>
  <div class="g-container gift-page">
    <div class="g-main">
      <div class="giftmix fix">
        <div class="giftmix-left fl">
            <div class="hd_title">
                <span class="title">
                    <span class="line"></span>
                    礼包简介
                </span>
            </div>
            <div class="gift_wrap clearfix">
                <div class="gift-article-top laybox">
                  <div class="img">
                      
                          <img alt="400x300.jpg" src="{:get_cover($gift['icon'],'path')}" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                      
                  </div>
                  <div class="info">
                    <div class="name">{$gift.relation_game_name}</div>
                    <dl class="test clearfix">
                    <div class="type" style="width:100%">礼包名称：<span  class="blue">{$gift.giftbag_name}</span></div>
                    
                    <div class="ser">适用区服：<span  class="blue"><if condition="$gift.server_name neq '请选择区服'">{$gift.server_name}<else/>全服通用</if></span></div>
                    <div class="os">适用系统：<if condition="$gift.giftbag_version eq 2"><i class="icon pf-ios"></i><else/><i class="icon pf-android"></i></if></div>
                    <div class="time">领取时间：<span  class="blue">{:set_show_time($gift['start_time'])} - {:set_show_time($gift['end_time'],'','forever')}</span></div>
                    <div class="progress-box"> <span class="progress"><i id="bfb1" style="width:{:($gift['gift_num']['wei']/$gift['gift_num']['all'])*100}%"></i></span> <em id="bfb2">剩余{:round(($gift['gift_num']['wei']/$gift['gift_num']['all']),2)*100}%</em> </div>
                    <input type="hidden" id="okbfb" name="okbfb" value="{:round((($gift['gift_num']['wei']-1)/$gift['gift_num']['all']),2)*100}">
                    </dl>
                  </div>
                  <div class="btn_box">
                    <a data-toggle="modal" href="#login-modal" class="btn-getgift get_gift" ></a> 
                  </div>
                </div>
            </div>
            
            <div class="hd_title mt35">
                  <span class="title">
                      <span class="line"></span>
                      使用方法
                  </span>
            </div>
            <div class="gift_wrap clearfix">
                <div class="m-detail-text-box">
                  <div class="m-detail-text-wrapper" >
                    <p>发放日期：{:set_show_time($gift['create_time'],'date')} </p>
                    <p></p>
                    <p>兑换方法：<span style="color:#999;">{$gift.digest}</span></p>
                  </div>
                </div>
            </div>
            
            <div class="hd_title mt35">
                  <span class="title">
                      <span class="line"></span>
                      礼包物品
                  </span>
            </div>
            <div class="gift_wrap clearfix">
                <div class="m-detail-text-box">
                  <div class="m-detail-text-wrapper" >
                     <p> 【礼包内容】：<span style="color:#999;">{$gift.desribe}</span></p>
                  </div>
                </div>
            </div>
        </div>
        <div class="giftmix-right fr">
            <div class="hot_title">
                游戏信息
            </div>
            <div class="hot_list">
            <div class="this-game fix" style="margin-left:30px;margin-bottom:10px;">
				<a class="gift_seattop fl" href="{:U('Game/game_detail',array('id'=>$gift['relation_game_id']))}">
				
                  <img src="{:get_cover($gift['icon'],'path')}" width="98" height="98" class="fl" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                   
             
				</a>
              <div class="info fl">
                <p class="name" title="{$gift.relation_game_name}" style="cursor:pointer;" onclick="window.location.href=&#39;{:U('Game/game_detail',array('id'=>$gift['relation_game_id']))}&#39;">《{:msubstr2($gift['relation_game_name'],0,6)}》</p>
                <p class="type" title="{$gift.game_type_name}">游戏类型：{:msubstr2($gift['game_type_name'],0,6)}</p>
                <a href="{:U('Game/game_detail',array('id'=>$gift['relation_game_id']))}" class="btn-download">免费下载</a> </div>
            </div>
            <div class="con" style="margin-left:30px;">{$gift.features}</div>
          </div>
          <div class="hd_title mt35">
                <span class="title">
                    其他礼包
                </span>
          </div>
          <div class="giftasid_wrap clearfix">
          <div class="mod-othergift laybox">
            <ul class="othergift-list">
            <volist name="gift_like" id="glike">
              <li>
					<a class="gift_seat" href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}">
					
                      <img src="{:get_cover($glike['icon'],'path')}" width="68" height="68" class="img" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
				
                     
					</a>
                <div class="info">
                  <p class="name" title="【{:$glike['relation_game_name']}】{:$glike['giftbag_name']}" style="cursor:pointer;" onclick="window.location.href=&#39;{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}&#39;">{:msubstr2($glike['giftbag_name'],0,6,'utf-8')}</p>
                  <p class="type" title="{:$glike['relation_game_name']}">{:msubstr2($glike['relation_game_name'],0,5,'utf-8')}</p>
                </div>
                <switch name="glike.code">
                <case value='1'> <a href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}" style="background-color:#c7c7c7" class="btn-getgift">已领完</a></case> 
                <case value='2'> <case value='1'> <a href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}" class="btn-getgift">领取礼包</a></case> 
                <case value='3'> <case value='1'> <a href="{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}" style="background-color:#c7c7c7" class="btn-getgift">已领取</a></case>
                </switch>
                </li> 
            </volist>
            </ul>
          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="__JS__/jquery.zclip.min.js"></script>
<script type="text/javascript" src="__JS__/modal.js"></script>
    <script src="__JS__/global.js"></script>
<script>
//判断用户是否领取过礼包
$.ajax({
   type:'post',
   dataType:'json',
   url:"{:U('is_get_gift')}",
   data:{id:"{:$gift['gift_id']}"},
   success:function(data){
       if(data.type==1){
          $('.get_gift').text('已领完');
          $('.get_gift').css({"background-color":"#c7c7c7","box-shadow":"0 3px 0 #c7c7c7"});
       }else if(data.type==3){
          $('.get_gift').text('已领取');
          $('.get_gift').css({"background-color":"#c7c7c7","box-shadow":"0 3px 0 #c7c7c7"});
       }else{
          $('.get_gift').text('领取礼包');
          $('.get_gift').css({"background-color":"#03b4f5","box-shadow":"0 3px 0 #098cbc"});
       }
   }
})
$('.get_gift').click(function() {
    id= "{:session('user_auth.user_id')}";
    if(!id){
        layer.msg('您还未登录或UC用户暂不支持',function(){
        });
        return false;
    }
    giftid = "{:$gift['gift_id']}";
    giftname = "{:$gift['giftbag_name']}";
    if (!giftid) {
        alert('礼包不存在');
        return false;
    }
    $.ajax({
        type: 'POST',
        async: false,//异步
        dataType: 'json',
        url: UURL + 'getGameGift',
        data: {
            'giftid': giftid,
            'giftname': giftname
        },
        beforeSend: function () {
        },
        success: function (data) {

            switch (parseInt(data.status)) {
                case 1:
                    if (data.msg == 'no') {
                        $('.suctip').html('<i class="i-suc"></i>当前礼包您已经领取过了 (:');
                        $('#card').text(data.data);
                    } else if (data.msg == 'ok') {
                        var bsb = $('#okbfb').val();
                        $('#bfb1').css('width',bsb+"%");
                        $('#bfb2').text("剩余"+bsb+"%");
                        $('#card').text(data.data);
                        $('.get_gift').text('已领取');
                        $('.get_gift').css({"background-color":"#c7c7c7","box-shadow":"0 3px 0 #c7c7c7"});
                    } else {
                        $('.success').addClass('none');
                        $('.false').removeClass('none');
                    }
                    break;
                default:
                    break;
            }
        },
        error: function () {
            alert('服务器故障，稍后再试');
            return false;
        },
        cache: false
    });
});

</script>

</block>
<block name="giftextend">
<!-- 礼包弹窗 -->   
<div class="pop-gift  modal get_popgift" id="login-modal">
  <div class="pop-hd"><a data-dismiss="modal" class="pop-close"></a></div>
  <div class="pop-bd">
    <div class="success">
      <div class="suctip"><i class="i-suc"></i> 恭喜您领取成功！</div>
      <div class="card">卡号：<span id="card"></span></div>
      <a class="dib btn-copy" id="copybtn">复制</a>
      <p class="desc">您的礼包已保存到用户中心的礼包盒 <a href="{:U('Member/users_gift')}" class="c-blue">前往查看</a></p>
      <a class="dib btn-sub" data-dismiss="modal" id="btn-subcard">确定</a> </div>
    <div class="false none"> 您来晚啦，礼包已被抢光啦！ </div>
  </div>
</div>
</block>