<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='{:U('Game/game_detail',array('id'=>$gift['relation_game_id']))}'">《{: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='{:U('Gift/gift_detail',array('gid'=>base64_encode($glike['gift_id'])))}'">{: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>