<extend name="Public/bases" />
<block name="css">
<link href="__CSS__/shop.css" rel="stylesheet" >
</block>
<block name="body">
<body class="shop-detail-detail">
<header class="header">
<div class="">
<a href="{:U('index')}" class="hbtn back"><i class="iconfont icon-drop-left"></i></a>
<h1 class="caption">{$data.good_name}</h1>
</div>
</header>
<div class="occupy"></div>
<section class="trunker">
<section class="container shop-detail-container">
<form id="form" action="" method="post">
<input type="hidden" id="stock" name="" value="{$data['number']}">
<input type="hidden" id="integral" name="" value="{$point}">
<input type="hidden" id="price" name="" value="{$data['price']}">
<input type="hidden" id="good_id" name="good_id" value="{$data['id']}">
<input type="hidden" id="good_type" name="good_type" value="{$data['good_type']}">
<div class="base">
<div class="pic_shopdetail">
<a class="za_icon">
<img src="{$data['cover']}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
</a>
</div>
<span class="table">
<span class="table-row">
<span class="table-cell">数量</span>
<span class="table-cell">
<span class="numberbox clearfix">
<a href="javascript:;" class="operation minus" data-operation="-">
<i class="iconfont icon-minus"></i>
</a>
<input type="text" name="number" class="number" id="number" value="1">
<a href="javascript:;" class="operation plus" data-operation="+">
<i class="iconfont icon-plus"></i>
</a>
</span>
</span>
<span class="table-cell">库存：{$data['number']}</span></span>
<span class="table-row">
<span class="table-cell">积分</span>
<span class="table-cell">{$data['price']}</span>
<span class="table-cell">可用积分：{$point}</span>
</span>
</span>
</div>
<div class="good">
<h2 class="good-title">商品详情</h2>
<p>{$data['good_info']}</p>
</div>
<div class="good information">
<h2 class="good-title detail-item-title "><eq name="data.good_type" value="2">使用说明<else/>兑换流程</eq></h2>
<div class="detail-item-content">
<eq name="data.good_type" value="2">
<p>{$data['good_usage']}</p>
<else/>
<p>Step1：登录账户(没有注册的用户点击注册)<br/>
Step2：点击进入商场页浏览可兑换的商品 <br/>
Step3：选中商品点击兑换按钮，进入商品详情页 <br/>
Step4：点击详情页底部【立即兑换】按钮进行兑换</p>
</eq>
</div>
</div>
<div class="good description">
<h2 class="good-title detail-item-title">兑换说明</h2>
<div class="detail-item-content">
<p class="warn">商品将在兑换成功20个工作日内寄出</p>
<div class="disclaimer">
<div class="disclaimer-title">免责声明</div>
<div class="disclaimer-content">
<p class="disclaimer-warn">请在兑换前仔细参照商品简介及兑换说明<br/>
除商品异常导致不能正常兑换外，一经兑换，一律不退还积分<br/>
抢购商品需先扣积分，如抢购失败，将会原路退回<br/>
活动规则解释权归{:C(APP_NAME)}软件所有，如有疑问请联系在线客服 <a style="color:blue;" href="mqqwpa://im/chat?chat_type=wpa&uin={:C('PC_SET_SERVER_QQ')}&version=1&src_type=web&web_src=oicqzone.com">{:C('PC_SET_SERVER_QQ')}</a></p>
</div>
</div>
</div>
</div>
<div class="btnbox">
<input type="button" id="btnExchange" class="btn" value="立即兑换">
<input type="button" id="btnDisabled" class="btn disabled hidden" value="积分不足">
</div>
</form>
</section>
</section>
<div class="pop pop-dialog"></div>
<div class="popmsg pop-form"><div class="pop-box"><div class="pop-wrap"></div></div></div>
<script src="__JS__/pop.lwx.min.js"></script>
<script src="__STATIC__/layer_mobile/layer.js"></script>
<script>
function ExchangePoint(){
var point = {$point},kyPoint = $("#useing").val();
if(point < kyPoint){
$("#btnExchange").addClass('hidden');
$("#btnDisabled").removeClass('hidden');
}
}
$(function() {
$('.pic_shopdetail').css({height:$('.pic_shopdetail').width()*0.5625});
$(window).resize(function() {
$('.pic_shopdetail').css({height:$('.pic_shopdetail').width()*0.5625});
});
ExchangePoint();
var pop = $('.pop').pop();
$('.operation').click(function() {
var that=$(this),operation = that.attr('data-operation');
var stock = $.trim($('#stock').val());
var integral = $.trim($('#integral').val());
var price = $.trim($('#price').val());
var useing = $('#useing');
var input = $('#number'),val=input.val();
var total = 0;
switch($("#good_type").val()){
case "1":
if (operation=='+') {
val++;
if (val>stock) {pop.msg('库存不足，请重新选择');input.select();return false;}
} else {
val--;
if (val<1) {pop.msg('数量不能为 0');input.val(1);useing.val(price);return false;}
}
break;
case "2":
pop.msg('虚拟商品单次只能兑换一条');return false;
break;
}
total = val*price;
if (total>integral) {pop.msg('数量超过'+(val-1)+'，可用积分不足，请重新选择');input.val(val-1);return false;}
input.val(val);
useing.val(total);
return false;
});
$('#number').keyup(function() {
var that=$(this),val=that.val();
var stock = $.trim($('#stock').val());
var integral = $.trim($('#integral').val());
var price = $.trim($('#price').val());
var useing = $('#useing');
var total=0;
switch($("#good_type").val()){
case "1":
if (val && val>0 && /^([1-9][0-9]*)$/.test(val)) {
if (Number(val) > Number(stock)) {pop.msg('库存不足，请重新选择');that.val(1);that.select();return false;}
total = val*price;var num = integral/price;
if (total>integral) {pop.msg('数量超过'+(parseInt(num))+'，可用积分不足，请重新选择');that.val(1).select();useing.val(price*num);return false;}
useing.val(total);
} else {
if(!val){
return false;
}
pop.msg('请输入非零开头的正整数');
that.val(1);
useing.val(price);
}
break;
case "2":
that.val(1);
pop.msg('虚拟商品单次只能兑换一条');
break;
}
return false;
});
$("#btnExchange").click(function(){
var $url = "{:U('Shop/shoporder','',false)}";
$url = $url+"/id/"+$("#good_id").val()+"/num/"+$('#number').val();
location.href = $url;
})
});
</script>
</body>
</block>
<block name="footer"></block>