停车缴费添加合计应缴费多少元

pages/payLists/payLists.scss

@@ -56,6 +56,27 @@
 		}
 	}
 }
+.bottom{
+	background-color: #FFFFFF;
+	height: 240rpx;
+	width: 100%;
+	position: fixed;
+	z-index: 1000;
+	bottom: 40rpx;
+}
+.bottom-total{
+	font-size: 32rpx;
+	border-radius: 6rpx;
+	width: 710rpx;
+	text-align: center;
+	padding-top: 16rpx;
+	background-color: #E4F3FF;
+	height: 72rpx;
+	margin: 60rpx 20rpx;
+	.total{
+		color: #3397FA;
+	}
+}
 .button-wrap{
 	height: 120rpx;
 	.button{

pages/payLists/payLists.vue

@@ -28,10 +28,16 @@
 				</view>
 			</scroll-view>
 		</mescroll-body>
-		<view class="button-wrap" v-if="payList.length&&payList.length>=1">
+		<view class="bottom">
+			<view class="bottom-total">
+				累计欠费<span class="total">{{totalCount}}</span>笔,合计<span class="total">{{totalPayAmount}}</span>元
+			</view>
+			<view class="button-wrap" v-if="payList.length&&payList.length>=1">
 			<!-- <button class="button" type="primary" @click="all()">全部缴费</button> -->
 			<button class="button" type="primary" @click="confirmPrice()">全部缴费</button>
 		</view>
+		</view>
+		
 		<!-- 缴费提示-->
 		<u-modal
 			v-model="payTipsPop"
@@ -73,6 +79,8 @@
 		},
 		data() {
 			return {
+				totalPayAmount:'',
+				totalCount:'',
 				currentPayUrl: "",
 				payList: [],
 				list: [],
@@ -151,7 +159,8 @@
 					//设置列表数据
 					if(page.num == 1) this.payList = []; //如果是第一页需手动置空列表
 					this.payList = this.payList.concat(curPageData); //追加新数据
-					
+					this.totalCount = res.data.costInfo.totalCount;
+					this.totalPayAmount = res.data.costInfo.totalPayAmount;
 					// 请求成功,隐藏加载状态
 					//方法一(推荐): 后台接口有返回列表的总页数 totalPage
 					this.mescroll.endByPage(curPageLen, totalPage);