|
|
<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> |