// pages/shopcart/shopcart.jsPage({
/** * 頁面的初始資料 */ data: { 'iscart': false, //控制購物車有沒有資料 'goodList': [ { 'cover': '/assets/images/img/132-12.jpg', 'isbn': '9787535482051', 'desc': '【光山館】2斤大連煙臺櫻桃新鮮水果現摘現發產地直供孕婦水果兒童水果當季水果早大果紅燈美早車釐子大櫻桃 2斤 AAA級 果徑28mm以上', 'price': 25.9, 'count': 1, 'checked': false }, { 'cover': '/assets/images/img/0112-154.jpg', 'isbn': '9787540455958', 'desc': '【第二件立減20元】新鮮採摘 國產 美早 車釐子 大櫻桃新鮮水果1kg 單果26-28mm', 'price': 20.5, 'count': 1, 'checked': false }, { 'cover': '/assets/images/img/132-12.jpg', 'isbn': '9787539982830', 'desc': '農家新語 新鮮煙臺大櫻桃2斤現摘當季水果車釐子美早 順豐空運', 'price': 24.1, 'count': 1, 'checked': false }, { 'cover': '/assets/images/img/0112-154.jpg', 'isbn': '9787550013247', 'desc': '【第二件5折】豈鮮大連美早大櫻桃500g大果28-30mm 新鮮水果禮盒', 'price': 17.2, 'count': 1, 'checked': false }, { 'cover': '/assets/images/img/123123.jpg', 'isbn': '9787208061644', 'desc': '優仙果 山東美早大櫻桃 1000g裝果徑26-28mm 新鮮水果車釐子', 'price': 17.7, 'count': 1, 'checked': false } ], 'checkAll': false, 'totalCount': 0, 'totalPrice': 0, },
/** * 刪除購物車當前商品 */ deleteList(e) { const index = e.currentTarget.dataset.index; let goodList = this.data.goodList; goodList.splice(index, 1); this.setData({ goodList: goodList }); if (!goodList.length) { this.setData({ iscart: true }); } else { this.calculateTotal(); } },
/** * 計算商品總數 */ calculateTotal: function () { var goodList = this.data.goodList; var totalCount = 0; var totalPrice = 0; for (var i = 0; i < goodList.length; i++) { var good = goodList[i]; if (good.checked) { totalCount += good.count; totalPrice += good.count * good.price; } } totalPrice = totalPrice.toFixed(2); this.setData({ 'totalCount': totalCount, 'totalPrice': totalPrice }) },
/** * 使用者點選商品減1 */ subtracttap: function (e) { var index = e.target.dataset.index; var goodList = this.data.goodList; var count = goodList[index].count; if (count <= 1) { return; } else { goodList[index].count--; this.setData({ 'goodList': goodList }); this.calculateTotal(); } },
/** * 使用者點選商品加1 */ addtap: function (e) { var index = e.target.dataset.index; var goodList = this.data.goodList; var count = goodList[index].count; goodList[index].count++; this.setData({ 'goodList': goodList }); this.calculateTotal(); }, /** * 使用者選擇購物車商品 */ checkboxChange: function (e) { console.log('checkbox發生change事件，攜帶value值為：', e.detail.value); var checkboxItems = this.data.goodList; var values = e.detail.value; for (var i = 0; i < checkboxItems.length; ++i) { checkboxItems[i].checked = false; for (var j = 0; j < values.length; ++j) { if (checkboxItems[i].isbn == values[j]) { checkboxItems[i].checked = true; break; } } }
var checkAll = false; if (checkboxItems.length == values.length) { checkAll = true; }
this.setData({ 'goodList': checkboxItems, 'checkAll': checkAll }); this.calculateTotal(); },
/** * 使用者點選全選 */ selectalltap: function (e) { // console.log('使用者點選全選，攜帶value值為：', e.detail.value); var value = e.detail.value; var checkAll = false; if (value && value[0]) { checkAll = true; }
var goodList = this.data.goodList; for (var i = 0; i < goodList.length; i++) { var good = goodList[i]; good['checked'] = checkAll; }
this.setData({ 'checkAll': checkAll, 'goodList': goodList }); this.calculateTotal(); },
/** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) {
},
/** * 生命週期函式--監聽頁面初次渲染完成 */ onReady: function () { this.calculateTotal(); },
/** * 生命週期函式--監聽頁面顯示 */ onShow: function () {
},
/** * 生命週期函式--監聽頁面隱藏 */ onHide: function () {
},
/** * 生命週期函式--監聽頁面解除安裝 */ onUnload: function () {
},
/** * 頁面相關事件處理函式--監聽使用者下拉動作 */ onPullDownRefresh: function () {
},
/** * 頁面上拉觸底事件的處理函式 */ onReachBottom: function () {
},
/** * 使用者點選右上角分享 */ onShareAppMessage: function () {
},

})