无感支付接口联调

common/apiurl.js

@@ -56,6 +56,8 @@ const apiurl = {
 	//取消包月订单
 	cancelMonthUrl:'/memberinfo/cancelMonth/',
 	
+	//启动无感支付
+	feePayUrl: '/membervehicle/enable/feepay/',
 	//贵州银行快捷支付
 	payGzbankUrl: '/pay/gzbank/quick',
 	

common/http.api.js

@@ -47,6 +47,7 @@ const install = (Vue, vm) => {
 	let getMonthList= (params = {}) => vm.$u.get(apiurl.getMonthListUrl,params);
 	let cancelMonth= (params = {}) => vm.$u.put(apiurl.cancelMonthUrl+params.monthId);
 	
+	let feePay = (params = {}) => vm.$u.put(apiurl.feePayUrl+params.vehicleId);
 	let payGzbank = (params = {}) => vm.$u.post(apiurl.payGzbankUrl, params);
 	
 	//贵州银行支付
@@ -83,7 +84,8 @@ const install = (Vue, vm) => {
 		getMonthPay,
 		getMonthList,
 		cancelMonth,
-		messageRead
+		messageRead,
+		feePay
 	};
 }
 

pages/index/index.scss

@@ -142,7 +142,7 @@ page{background-color: $my-page-bg-color;}
 		
 	}
 	.go-pay-wrap{
-		margin-top: 100rpx;
+		margin-top: 50rpx;
 		width: 100%;
 		text-align: center;
 		.go-pay{
@@ -150,7 +150,7 @@ page{background-color: $my-page-bg-color;}
 			padding: 12rpx 39rpx 11rpx;
 			background: linear-gradient(90deg, #FF2727 0%, #FF9A13 100%, #FF0F0F 100%);
 			color: #fff;
-			border-radius: 35rpx;
+			border-radius: 10rpx;
 			cursor: pointer;
 		}
 	}

pages/index/index.vue

@@ -64,8 +64,8 @@
 				</view>
 				<view class="pending-order-body" slot="body">
 					<view class="pending-order-body-nav">
-						<view class="nav-item nav-manual" @click="orderNav=0" :class="{active:orderNav==0}">手动缴费</view>
-						<view class="nav-item nav-auto" @click="orderNav=1" :class="{active:orderNav==1}">无感支付</view>
+						<view class="nav-item nav-manual" @click="orderNavclick()" :class="{active:orderNav==0}">手动缴费</view>
+						<view class="nav-item nav-auto" @click="orderNavclick()" :class="{active:orderNav==1}">无感支付</view>
 					</view>
 					<view class="pending-order-body-wrap" v-show="orderNav==0">
 						<view class="pending-order-body-left">
@@ -92,17 +92,17 @@
 						</view>
 						<view class="pending-order-body-right">
 							<view class="order">停车泊位:{{item.spaceName}}</view>
-							<view class="go-pay-wrap">
-								<view class="go-pay" @click="goPay(item.id)">去支付</view>
-							</view>
 						</view>	
+						<view class="go-pay-wrap">
+							<view class="go-pay" @click="goPay(item.id)">出场缴费</view>
+						</view>
 					</view>
 					<view class="pending-order-body-wrap" v-show="orderNav==1">
-						<view v-if="" class="nosign">
+						<view v-if="contractStatus==0" class="nosign">
 							<view class="nosign1">您的车牌未签约贵州银行无感支付</view>
 							<view class="nosign2">请下载贵州银行手机银行app进行签约</view>
 						</view>
-						<view v-if="" class="sign">
+						<view v-if="contractStatus==1" class="sign">
 							<view class="sign1">您已签约贵州银行无感支付</view>
 							<view class="sign2">停车出场时将默认使用无感支付进行支付</view>
 						</view>
@@ -162,12 +162,14 @@
 				cityOpen:false,
 				pendingOrder:[],
 				code:null,//微信code
-				orderNav:0,//手动,无感
+				orderNav:'',//手动,无感
 				bindCarShow:false,//绑定车询问弹窗
 				showOrderDetails:false,//是否线上订单细节
 				popupOrderDetails:[],
-				noticeList:[]
-				
+				noticeList:[],
+				contractStatus:'',
+				vehicleId:'',
+				recordList:[]
 			}
 		},
 		onShow() {
@@ -191,6 +193,17 @@
 			// 		}
 			// 	})
 			// },
+			orderNavclick(){
+				this.feePay()
+			},
+			feePay(){
+				this.$u.api.feePay({vehicleId: this.recordList[1]})
+				.then( res=>{
+					if(res.code == 200){
+						this.handleGetIndexData()
+					}
+				})
+			},
 			openPage(path) {
 				console.log('path',path);
 				this.$u.route({ 
@@ -220,6 +233,17 @@
 					if(res.data.vehicleList.length<1){
 						this.bindCarShow = true;
 					}
+					const enableFeepay=[]
+					res.data.orderList.forEach(item => {
+						enableFeepay.push(item.enableFeepay);
+						enableFeepay.push(item.vehicleId);
+						enableFeepay.push(item.contractStatus);
+					})
+					this.recordList=enableFeepay;
+					// this.vehicleId=enableFeepay.vehicleId;
+					this.orderNav = enableFeepay[0];
+					this.contractStatus=enableFeepay[2];
+					console.log('recordList',this.recordList)
 					this.orderList = res.data.orderList;
 					const list = []
 					res.data.news.forEach(item => {

pages/myCars/myCars.vue

@@ -26,8 +26,8 @@
 				<view class="mycars-item" v-for="item in mycars">
 					<view class="mycars-item-name">{{item.vehicleNo}}</view>
 					<view class="mycars-item-type">{{item.energyTpye | energyTpye}}</view>
-					<view class="mycars-item-sign" v-if="">已签约</view>
-					<!-- <view class="mycars-item-sign1" v-if="">未签约</view> -->
+					<view class="mycars-item-sign" v-if="item.contractStatus==1">已签约</view>
+					<view class="mycars-item-sign1" v-if="item.contractStatus==0">未签约</view>
 					<view class="mycars-item-tool">
 						<span class="default" :class="{'isDefault':item.isDefault == 1}" @click="handlesetDefault(item.id)">默认</span>
 						<span @click="handleDelCar(item.id,item.vehicleNo)">删除</span>
@@ -63,7 +63,6 @@
 					,{text:'绿色',colorCode:4}
 					,{text:'其他',colorCode:99}
 				],
-				
 			}
 		},
 		onLoad(){