购物车添加勾选接口

Utils/physicalObject.js

@@ -51,6 +51,11 @@ export const deleteShoppingCart = params => {
 	return POST('GET', `${base}/shoppingCart/deleteShoppingCart`, params).then(res => res.data);
 }
 
+// 修改购物车选中状态
+export const whetherCheckUpdate = params => {
+	return POST('GET', `${base}/shoppingCart/whetherCheck`, params).then(res => res.data);
+}
+
 // 查询购物车列表
 export const getShoppingCartList = params => {
 	return POST('GET', `${base}/shoppingCart/getShoppingCartList`, params).then(res => res.data);

components/cart-choose/cart-choose.vue

@@ -214,7 +214,7 @@
 					goodsId:this.specificationList[this.chooseIndex].goodsId,
 					num:this.chooseNumber,
 					sku:this.specificationList[this.chooseIndex].id,
-					whetherCheck:false
+					// whetherCheck:true
 				}
 				
 				insertShoppingCart(params).then(async res=>{

physical-merchants/classify/cart/cart.vue

@@ -15,7 +15,7 @@
 							<view class="cart-container2">
 								<checkbox-group @change="checkClick(item)">
 									<checkbox @click.stop  class="mycheck checkContainer" :disabled="!isEdit&&item.loseEfficacy" color="#FFC71E"
-										value="item.id" :checked="item.whetherCheck" />
+										value="item.id" :checked="!isEdit&&item.loseEfficacy?false:item.whetherCheck" />
 								</checkbox-group>
 								<view class="cart-detail">
 									<view class="cart-img">
@@ -116,7 +116,8 @@
 	import {
 		getShoppingCartList,
 		goodsEditNum,
-		deleteShoppingCart
+		deleteShoppingCart,
+		whetherCheckUpdate
 	} from '@/Utils/physicalObject.js'
 
 	const app = getApp();
@@ -172,15 +173,9 @@
 			//现价金额
 			priceAll() {
 				let str = 0;
-				// for (var i = 0; i < this.cartList.length; i++) {
-				// 	if (this.cartList[i].whetherCheck) {
-				// 		str += this.cartList[i].num * this.cartList[i].price;
-				// 	}
-				// }
-
 				if (this.cartList.length > 0) {
 					this.cartList.map(item => {
-						if (item.whetherCheck) {
+						if (item.whetherCheck&&!item.loseEfficacy) {
 							
 							str =parseFloat((str + (item.num*item.price)).toFixed(2))
 							
@@ -229,7 +224,13 @@
 					if (res.return_code == '000000') {
 						this.allCheck.whetherCheck = false;
 						this.cartList = res.return_data;
-						// this.allCheckInit();
+						
+						// 测试失效数据
+						// this.cartList[0].loseEfficacy=true;
+						
+						
+						
+						this.allCheckInit(); //全选是否勾中判断
 
 					} else {
 						uni.showToast({
@@ -242,74 +243,92 @@
 			},
 			editDelete() {
 				this.isEdit = !this.isEdit;
-				if (!this.isEdit) { //退出编辑
+				// if (!this.isEdit) { //退出编辑
-					this.cartList.map(item => {
+				// 	this.allCheck.whetherCheck = false;
-						if (item.whetherCheck && item.loseEfficacy) {
+				// 	this.cartList.map(item => {
-							item.whetherCheck = false;
+				// 		if (item.whetherCheck && item.loseEfficacy) {
-						}
+				// 			item.whetherCheck = false;
-					})
+				// 		}
-				} else { //进入编辑
+				// 	})
-					if (this.allCheck.whetherCheck) {
+				// } else { //进入编辑
-						this.cartList.map(item => {
+				// 	this.allCheck.whetherCheck = false;
-							item.whetherCheck = true;
+				// 	if (this.allCheck.whetherCheck) {
-						})
+				// 		this.cartList.map(item => {
-					}
+				// 			item.whetherCheck = true;
-				}
+				// 		})
-
+				// 	}
-
+				// }
+				this.allCheck.whetherCheck = false;
+				this.checkAllClickChildMethod()
 			},
 			// 全选的点击事件
 			checkAllClick(e) {
 				this.allCheck.whetherCheck = !this.allCheck.whetherCheck;
-				if (this.allCheck.whetherCheck) {
+				this.checkAllClickChildMethod()
-					this.cartList.map(item => {
+			},
-						if (!this.isEdit) { //商品的全选事件,loseEfficacy商品的失效，默认undefined
+			checkAllClickChildMethod(){
-							if (!item.loseEfficacy) {
+				// if (this.allCheck.whetherCheck) {
-								item.whetherCheck = true
+				// 	this.cartList.map(item => {
-							}
+				// 		if (!this.isEdit) { //商品的全选事件,loseEfficacy商品的失效，默认undefined
-						} else { //编辑的全选事件
+				// 			if (!item.loseEfficacy) { //无失效的商品
-							item.whetherCheck = true
+				// 				item.whetherCheck = true
-						}
+				// 			}else{ //有失效的商品
-
+				// 				item.whetherCheck = false
-					})
+				// 			}
-				} else {
+				// 		} else { //编辑的全选事件
-					this.cartList.map(item => {
+				// 			item.whetherCheck = true
-						item.whetherCheck = false
+				// 		}
-					})
+				
+				// 	})
+				// } else {
+				// 	this.cartList.map(item => {
+				// 		item.whetherCheck = false
+				// 	})
+				// }
+				
+				
+				var select = [];
+				for (var i = 0; i < this.cartList.length; i++) {
+					// if (this.cartList[i].whetherCheck) {
+						select.push(this.cartList[i].id)
+					// }
 				}
+				let id=select.join()
+				// console.log(id,"id",select,this.cartList)
+				this.whetherCheckUpdate(id,this.allCheck.whetherCheck)
+			},
+			whetherCheckUpdate(id,whetherCheck){
+				let params = {
+					ids:id,
+					whetherCheck:whetherCheck
+				}
+				// console.log(params,"params")
+				whetherCheckUpdate(params).then(res=>{
+					if(res.return_code == "000000"){
+					}else{
+						uni.showToast({title:res.return_msg,icon:'none'});
+						
+					}
+					this.initData();//刷新购物车
+				})
 			},
-
 			// 单个商品的选择
 			checkClick(item) {
 				item.whetherCheck = !item.whetherCheck;
+				
+				this.whetherCheckUpdate(String(item.id),item.whetherCheck)
+				
+				
+				// if (!item.whetherCheck) {
+				// 	if (!this.isEdit && !item.loseEfficacy) { //商品
+				// 		this.allCheck.whetherCheck = false;
+				// 	} else if (this.isEdit) {
+				// 		this.allCheck.whetherCheck = false;
+				// 	}
 
-				if (!item.whetherCheck) {
+				// } else {
-					if (!this.isEdit && !item.loseEfficacy) { //商品
+				// 	this.allCheckInit()
-						this.allCheck.whetherCheck = false;
+				// }
-					} else if (this.isEdit) {
-						this.allCheck.whetherCheck = false;
-					}
-
-				} else {
-					// 				// 判断每一个商品是否是被选择的状态
-					// 				const goods = this.cartList.every(item => {
-					// 					if(!this.isEdit){//商品
-					// 						if(item.loseEfficacy){
-					// 							return true;
-					// 						}
-					// 					}
-
-
-					// 					return item.whetherCheck === true
-					// 				})
-					// 				if (goods) {
-					// 					this.allCheck.whetherCheck = true
-					// 				} else {
-					// 					this.allCheck.whetherCheck = false
-					// 				}
-
-					this.allCheckInit()
-				}
 			},
 			allCheckInit() {
 
@@ -377,7 +396,7 @@
 				if (!this.isHaveGoods()) return;
 
 				if (this.priceAll > 0) {
-					let selestArr = this.cartList.filter(item => item.whetherCheck == true)
+					let selestArr = this.cartList.filter(item => (item.whetherCheck&&!item.loseEfficacy) == true)
 					selestArr = JSON.stringify(selestArr)
 
 					// console.log(selestArr,"选择的商品")