欠费补缴

subpackage/after-sale/arrears/arrears.vue

@@ -28,12 +28,12 @@
 		</view>
 	</view>
 	<view class="pay_wrap">
-		<checkbox-group  @change="checkboxChangeAll()">
+		<checkbox-group  @change="checkboxChangeAll">
 			<label class="uni-list-cell uni-list-cell-pd">
-				<checkbox :checked="state.checkedAll" style="transform:scale(0.8)"/>全选
+				<checkbox value="ALL" :checked="state.checkedAll" style="transform:scale(0.8)"/>合计 ￥{{allPrice/100}}
 			</label>
 		</checkbox-group>
-		<view class="pay">支付</view>
+		<view class="pay" @click="pay">支付</view>
 	</view>
 </template>
 
@@ -50,11 +50,6 @@
 	import {
 		reimbursePage
 	} from "@/utils/network/api.js";
-	const list2 = reactive([{
-		name: '全选',
-		checked: false,
-		disabled: false
-	}])
 	const allPrice = ref(0)
 	const state = reactive({
 		reimburseStatus:"0",//0未补缴 1已补缴 2已关闭
@@ -69,8 +64,17 @@
 	})
 	const checkboxGroupChange = (e) => {
 		console.log(e);
+		if(state.suppleNoList.length==0){
+			state.suppleNoList.push(e)
+		}else{
+			for(var k=0;k<state.suppleNoList.length;k++){
+				if(e.orderId==state.suppleNoList[k]['orderId']){
+					state.suppleNoList.splice(k,1)
+				}
+			}
+		}
+		
 		// 过滤数据
-		state.suppleNoList.push(e)
 		let arr = []
 		allPrice.value = 0
 		state.suppleNoList.forEach((item, i) => {
@@ -86,30 +90,27 @@
 		})
 		// 全选
 	    if(state.suppleNoList.length==state.list.length){
-			console.log("111",list2)
 			state.checkedAll=true
 		}else{
 			state.checkedAll=false
 		}
 		console.log(state.suppleNoList, "支付集合",allPrice.value);
 	}
-	const checkboxChangeAll = () => {
-		// console.log(e);
-		// allPrice.value = 0
-		// state.suppleNoList = []
-		// if (e.value) {
-		// 	state.list.map(val => {
-		// 		val.checked = true;
-		// 		if (val.suppleStatus == 'NOTPAY') {
-		// 			allPrice.value += val.reimburseFee
-		// 			state.suppleNoList.push(val.orderId)
-		// 		}
-		// 	})
-		// } else {
-		// 	state.list.map(val => {
-		// 		val.checked = false;
-		// 	})
-		// }
+	const checkboxChangeAll = (e) => {
+		console.log(e);
+		if (e.detail.value.toString() == 'ALL') {
+			for (var i = 0; i < state.list.length; i++) {
+				state.suppleNoList.push(state.list[i])
+				state.checkedAll = true
+				state.list[i].checked = true
+			}
+		} else {
+			state.suppleNoList = []
+			for (var i = 0; i < state.list.length; i++) {
+				state.list[i].checked = false
+			}
+			allPrice.value=0
+		}
 		console.log(state.suppleNoList, "支付集合");
 	}
 	// 获取列表数据
@@ -134,7 +135,9 @@
 			state.list =data
 		});
 	}
-	
+	const pay=()=>{
+		console.log(allPrice.value, "支付金额");
+	}
 </script>
 
 <style lang="scss">
@@ -208,6 +211,7 @@
 			border: 1px solid #FFFFFF;
 			padding: 20rpx;
 			box-sizing: border-box;
+			margin-bottom: 30rpx;
 			.right-box{
 				margin-left: 10rpx;
 				width: 100%;