cart.html
4.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<link type="text/css" rel="stylesheet" href="{url:@static/css/simple.css}" />
{set:$items=array("购物车","确认订单信息","选择支付","订购完成");}
{widget:name=sub_navs action=crumbs items=$items step=4 current=1}
<div class="mt20 clearfix">
{if:$cart}
<table width="100%" class="simple">
<tr>
<th style="width:60px;">商品</th>
<th style="width:200px;">名称</th>
<th style="width:160px;">规格</th>
<th style="width:100px;">单价</th>
<th style="width:120px;">数量</th>
<th style="width:100px;">优惠</th>
<th style="width:80px;">小计</th>
<th style="width:40px;">操作</th>
</tr>
{set:$total=0.00;}
{list:items=$cart}
{set:$total+=$item['amount'];}
<tr id="{$item['id']}"><td><a href="{url:/index/product/id/$item[goods_id]}" target="_blank"><img src="{url:@}{echo:Common::thumb($item['img'],100,100)}" width="50" height="50"></a></td><td><a href="{url:/index/product/id/$item[goods_id]}" target="_blank">{echo:TString::msubstr($item['name'],0,36)}</a></td> <td>{list:items=$item['spec'] item=$spec}
<p title="{$spec['name']}:{$spec['value'][2]}">{$spec['name']}：{$spec['value'][2]}</p>
{/list}</td> <td>{$item['price']}</td> <td><div class="buy-num-bar buy-num clearfix"><a class="btn-dec" href="javascript:;">-</a><input name="buy_num" value="{$item['num']}" maxlength=5><a class="btn-add" href="javascript:;">+</a></div></td> <td class="prom">{$item['prom']}</td> <td class="amount red">{$item['amount']}</td> <td><a href="#" class="icon-close"></a></td></tr>
{/list}
</table>
<div class="mb10" style="padding:10px; background: #f0f0f0;"><span class="fr">商品总价(不含运费)：<span style="font-size: 24px;font-family: tahoma"><span class="currency-symbol">{$currency_symbol}</span><b class="cart-total red" >{echo:sprintf("%01.2f",$total)}</b></span></span></div>
</div>
<div class="mt10 clearfix">
<p class="fr"><a class="btn btn-gray" href="{url:/index/index}">继续购物</a> <a class="btn" href="{url:/simple/order}">去结算</a></p></div>
{else:}
<div class="mt20 mb20 p20 box">
<p class="cart-empty ie6png">购物车内暂时没有商品，<a href="{url:/index/index}">去首页</a> 挑选喜欢的商品。</p>
</div>
<p class="fr"><a class="btn " href="{url:/index/index}"> < 继续购物</a></p>
{/if}
<script type="text/javascript">
$(".btn-dec").on("click",function(){
var parent = $(this).parent().parent();
var id = parent.parent().attr("id");
var num = parent.find("input").val();
if(num>1) num--;
else num=1;
if($("#"+id).find("input").val()!=num) changeInfo(id,num);
parent.find("input").val(num);
});
$(".btn-add").on("click",function(){
var parent = $(this).parent().parent();
var id = parent.parent().attr("id");
var num = parent.find("input").val();
num++;
if($("#"+id).find("input").val()!=num) changeInfo(id,num);
parent.find("input").val(num);
});
$(".buy-num-bar input").on("change",function(){
var num = parseInt($(this).val());
var parent = $(this).parent().parent();
var id = parent.parent().attr("id");
changeInfo(id,num);
})
$(".icon-close").on("click",function(){
var parent = $(this).parent();
var id = $(this).parent().parent().attr("id");
$.post("{url:/index/cart_del}",{id:id},function(data){
if(data['status']=='success')location.reload();
},'json');
})
function changeInfo(id,num){
$.post("{url:/index/cart_num}",{id:id,num:num},function(data){
var total = 0.00;
for(var i in data) total += parseFloat(data[i]['amount']);
$("#"+id).find(".amount").text(data[id]['amount']);
$("#"+id).find(".prom").text(data[id]['prom']);
if(parseInt($("#"+id).find("input").val())>data[id]['store_nums']){
$("#"+id).find("input").val(data[id]['store_nums']);
var parent = $("#"+id).find("input").parent().parent();
if(parent.find(".msg-simple-error").size()==0)parent.append("<div class='msg-simple-error'>最多购买"+data[id]['store_nums']+"件</div>");
}else{
$("#"+id).find("input").val(data[id]['num']);
$("#"+id).find("input").parent().parent().find(".msg-simple-error").remove();
}
$(".cart-total").text(total.toFixed(2));
},"json");
}
</script>