解决手机端打不开支付链接问题

common/http.interceptor.js

@@ -53,7 +53,7 @@ const install = (Vue, vm) => {
 			let storage = window.sessionStorage; 
 			storage.setItem('backUrl',location.href);
 			alert('还未登录,即将跳转登录');		
-			setTimeout(()=>{location.href = 'http://localhost:8080/#/pages/center/phoneLogin/phoneLogin';});
+			setTimeout(()=>{location.href = 'http://parkingh5.hw.hongweisoft.com/#/pages/center/phoneLogin/phoneLogin';});
 			
 		}else return res;
 	}

pages/payLists/pay.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
-	        <!-- <web-view  :src="PayUrl"></web-view> -->
-			<a ref="payUrlRef" :href="PayUrl" v-on:click="th()"></a>
+		<!-- <web-view  :src="PayUrl"></web-view> -->
+		<a ref="payUrlRef" :href="PayUrl"></a>
 	</view>
 </template>
 
@@ -12,11 +12,18 @@
 				PayUrl: "",
 			};
 		},
-		onLoad(page){
-			this.PayUrl="http://222.85.178.210/gateway/Merchantforurl.do?ReqJnlNo=590607634470809601&ForegrountUrl=http%3A%2F%2Fparkingh5.hw.hongweisoft.com%2F%23%2Fpages%2Fcenter%2Forder%2Forder&MerchantId=58450941602&OrderId=590607634470809600&MsgVersion=1.0&TranId=GetPage&UserIPAddress=172.16.90.64&SceneID=pay&SignatureData=786494119c7259981dd91a5ca1434054a7afd4275e03695e3741b03160dcabb64b37053c22636b7306b7728cfa7af2b174bdd72040e1c2f1fe405cd1fa9e6c3b77a44ee017c5dca05d22d01b74cf9d68d88c93cc390ea9a84b5293159faafc057d2004eb9910a333f3770f0797e91e9e7e4506c0b8c8b439abdffbb1c88ea6ff6b4faaabe9413371eb1ba1786565298c33e78b7255e92dfa62edfc045a8055ebab03ccbc3560d9fe0ff4a6646742fb8ccb706f7a31d9948a6d4a5fa838d2bc52bfc86afe3e26d77e4112ea0658596b64daed2d5577cc6b9490dd43d3dce1fd6d96699bb001ddda1362fdcc1a2b6279e1dc4be60f82a3d958a3dcae2d3d674e7b&DigitalEnvlp=Oa2L8dweQ7xXNLsr1xQv2Fh88940HPYKFob8BfM67o7kDRwVJxJoURxMpto97cvNEcZDyTvUS%2F1BgsE0UY8hAspAPTer9pS4HT3078flCjjPsOHe44BkEh3ZAV3b5TkeH%2FB0lXrjwxR8OjcF5frRabYro8L9SzKhp0BSnRwGMXHU7ufq0Hx8sJkk0j%2FEm%2FbN0ACx76%2BSrkQLmauJiShDzREQYSGwY4NNy3J30Z7ni8DDCxJVaRTMlYReyYU%2BoFwdt2WZ8blzA7ZW6kJuW%2B7dOxxm2RR0sd9JVo616GH5en2sdc5c35oEcPrtf%2FYPjW0jdlsoXs%2B9HFgsOWYwzHzEgQ%3D%3D&ReqTime=0514154458&Plain=7DClX9e4qXDvhi7EiMASVDC9uiehaEgHuv32MePdEUqiLRaarWvv%2F8ZWzqxMvDAxIJXoh83i%2FZUfxZGFPTjil%2BGzw2yqAhK4H5f1YpyZntxNf17kL5j2VsUEH0MsnV1FRvn5uA1xQbOwkWtT57gPRqq2CCBdaefBK6fd97yw%2BbiYWjIZQun6AFb78kmZZdAr%2FW2J%2FbMoTt8L%2BuMc6LzlgQ%3D%3D&BackgrountUrl=http%3A%2F%2Fwx.hw.hongweisoft.com%2Fparking%2Fpayment%2Fgzbank%2Fquickpay%2FbackUrl&ReqDate=20210514"
-			this.$refs.importRef.click();
+		onLoad(page) {
+			console.log('page',page);
+			// console.log('page1',this.$u.queryParams(page).slice(15));
+			//15是因为传了‘currentPayUrl’，不要更改参数名
+			this.PayUrl = this.$u.queryParams(page).slice(15);
 		},
+		mounted() {
+			// console.log('this.PayUrl',this.PayUrl);
+			// console.log('this.$refs.payUrlRef',this.$refs.payUrlRef);
+			this.$refs.payUrlRef.click();
 		}
+	}
 </script>
 
 <style>

pages/payLists/payLists.vue

@@ -4,7 +4,7 @@
 		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" >
 			<scroll-view scroll-y style="height: 100%; width: 100%;" >
 				<view class="page-box">
-					<view class="pay" @click="goDetails(payItem.orderId)" v-for="(payItem, index) in  payList" :key="payItem.id">
+					<view class="pay" v-for="(payItem, index) in  payList" :key="payItem.id">
 						<view class="pay-top u-flex">
 							<view class="pay-top-left u-flex-1">
 								<view class="car">{{payItem.vehicleNo}}</view>
@@ -20,7 +20,7 @@
 							<view class="pay-center-item">应付金额：<span class="pay-amount">{{payItem.payAmount}}</span></view>
 						</view>
 						<view class="pay-bottom">
-							<u-cell-item title="去支付" style="color: #008CFF;"></u-cell-item>
+							<u-cell-item title="去支付" @click="paythis(payItem.orderId)" style="color: #008CFF;"></u-cell-item>
 						</view>
 					</view>
 				</view>
@@ -29,7 +29,7 @@
 		<view class="button">
 			<button type="primary" @click="all()">全部缴费</button>
 		</view>
-			<u-toast ref="uToast" />
+		<u-toast ref="uToast" />
 	</view>
 </template>
 
@@ -44,7 +44,8 @@
 				list: [
 					{index:0,name: '未缴费',orderStatu:3,pageNum:1,total:null}
 				],
-				orderList: []
+				orderList: [],
+				PayUrl: "",
 			};
 		},
 		computed: {
@@ -111,12 +112,19 @@
 				});
 				
 			},
-			goDetails(orderId){
+			paythis(orderId){
 				let orderList=[];
 				orderList.push(orderId);
 				this.$u.api.payGzbank({orderList: orderList}).then(res=>{
 					let payUrl = res.data.url;
-					window.open(payUrl);
+					this.currentPayUrl=encodeURIComponent(res.data.url);
+					// return;
+					this.$u.route({
+						url: 'pages/payLists/pay',
+						params: {
+							currentPayUrl:this.currentPayUrl
+						}
+					});
 				}).catch(err=>{
 					this.$refs.uToast.show({
 						title: err.msg,
@@ -134,18 +142,13 @@
 				
 				this.$u.api.payGzbank({orderList: this.orderList}).then(res=>{
 					let payUrl = res.data.url;
-					this.currentPayUrl=res.data.url;
-					
-					// uni.navigateTo({
-					//     url: '/pages/payLists/pay',
-					// 	fail:function(err){
-					// 		console.log('err',err)
-					// 	}
-					// });
+					this.currentPayUrl=encodeURIComponent(res.data.url);
+					// console.log('this.currentPayUrl',this.currentPayUrl);
+					// return;
 					this.$u.route({
 						url: 'pages/payLists/pay',
 						params: {
-							currentPayUrl: res.data.url
+							currentPayUrl:this.currentPayUrl
 						}
 					});
 				}).catch(err=>{