提交

components/pay/submit2Pay.vue

@@ -14,13 +14,13 @@
 							<img style="width:50rpx;height:50rpx;margin-right:10px" :src="item.src" alt="" />
 							<span style="position:relative;top:-7px">{{item.Name}}</span>
 						</p> -->
-						<u-radio-group v-model="payment" :size="36" :active-color='mc' @change="radioChange">
-							<u-radio shape="circle" :name="0">
+						<u-radio-group v-model="payment" :size="36" :active-color='mc' @change="radioChange" :wrap="true">
+							<u-radio shape="circle" :name="0" :wrap="true">
 								<img style="width:50rpx;height:50rpx;margin-right:10px"
 									src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/wx.png" alt="" />
 								<span style="position:relative;top:-7px">微信</span>
 							</u-radio>
-							<u-radio v-if="u.TenantId==27" shape="circle" :name="1">
+							<u-radio v-if="u.TenantId==27" shape="circle" :name="1" :wrap="true">
 								<img style="width:50rpx;height:50rpx;margin-right:10px"
 									src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zhifubao.png"
 									alt="" />
@@ -50,15 +50,19 @@
 				<view class="Alipay-box33">
 					<image class="Alipay-image" src="../../static/images/zhifu.png"></image>
 				</view>
-				<view class="Alipay-text4" @click="send()" style="margin-bottom: 86rpx;">
-					去发送
+				<view class="item-box">
+					<view class="Alipay-text4" @click="send()" style="margin-bottom: 86rpx;">
+						去发送
+						<button open-type="contact" send-message-title="支付"  :show-message-card="true">0</button>
+					</view>
 				</view>
+				
 				<view>
 					<view class="Alipay-box3">
 						<view class="Alipay-text2">2</view>
 						<view class="Alipay-text3">复制支付宝链接，使用浏览器打开连接</view>
 					</view>
-					<view class="Alipay-text5">wwww.baidu.com</view>
+					<view class="Alipay-text5">{{url}}</view>
 					<view class="Alipay-text4" @click="copy()">
 						复制链接
 					</view>
@@ -75,6 +79,7 @@
 		props: ['payInfo', 'isAlipay', 'StuId', 'TeacherIds'],
 		data() {
 			return {
+				url:'',
 				AlipayMask: false,
 				mc: {},
 				payment: 0,
@@ -116,8 +121,7 @@
 				if (e == 0) {
 					this.payType = 'wx_lite'
 				} else {
-					// this.AlipayMask = true
-					// this.pay = false
+					this.payType = 'alipay_qr'
 				}
 			},
 			cloGood() {
@@ -130,7 +134,7 @@
 			},
 			copy() {
 				uniCopy({
-					content: '地址复制',
+					content: this.url,
 					success: (res) => {
 						uni.showToast({
 							title: res,
@@ -151,7 +155,7 @@
 				this.$emit('closePay');
 			},
 			Pay() {
-				if (this.payment == 0) {
+				// if (this.payment == 0) {
 					let msg = {
 						'pay_channel': this
 							.payType, //网页打开支付宝支付：alipay_wap 支付宝正扫：alipay_qr 支付宝app：alipay 微信小程序：wx_lite 微信公众号：wx_pub
@@ -173,6 +177,8 @@
 							if (res.data != '') {
 								if (this.payType != 'wx_lite') {
 									this.aliPay(res.data)
+									this.AlipayMask =true
+									this.pay = false
 								} else {
 									this.wxPay(JSON.parse(res.data))
 								}
@@ -185,15 +191,18 @@
 							// uni.hideNavigationBarLoading();
 						}
 					);
-				} else {
-					this.AlipayMask = true
-					this.pay = false
-				}
+				// }  
+				// else {
+				// 	this.AlipayMask = true
+				// 	this.pay = false
+				// }
 
 			},
 			// 支付宝支付
 			aliPay(url) {
-				window.location.href = url
+				// window.location.href = url
+				this.url = url
+				
 			},
 			// 微信支付
 			wxPay(payData) {
@@ -246,6 +255,9 @@
 </script>
 
 <style>
+	.item-box{
+		position: relative;
+	}
 	.Alipay-box {
 		/* height: 930rpx; */
 		background: #FFFFFF;
@@ -322,8 +334,9 @@
 		font-family: PingFang SC;
 		font-weight: bold;
 		color: #3A22CB;
-		line-height: 5rpx;
+		/* line-height: 5rpx; */
 		margin-left: 68rpx;
 		margin-bottom: 59rpx;
+		word-wrap: break-word;
 	}
 </style>