日常交费加全局mask

src/pages/StudentPayment/PayOrderDetails/PayOrderDetails.vue

@@ -107,6 +107,7 @@
 				</view>
 			</view>
 		</view>
+		<view class="masking" v-if="mask"></view>
 	</view>
 </template>
 
@@ -151,7 +152,8 @@
 				remarks: "",
 				remarksType: ["备注", "邮箱", "手机号码", "身份证"],
 				// 费用id
-				chargeItemIds: []
+				chargeItemIds: [],
+				mask: false
 			}
 		},
 		onLoad: function(options) {
@@ -358,6 +360,7 @@
 							return
 						}
 					}
+					this.mask = true;
 					uni.showLoading({
 						title: '加载中',
 						mask: true
@@ -394,6 +397,7 @@
 				} catch (e) {
 					//TODO handle the exception
 					console.log(e);
+					this.mask = false;
 					uni.hideLoading()
 					uni.showToast({
 						icon: "none",
@@ -408,6 +412,7 @@
 					let data = await this.$http.post({
 						url: orderApi + '/order-charge/app/charge/project/getPayParams'
 					}, prepayId)
+					this.mask = false;
 					uni.hideLoading();
 					if (data.code != 200 || !data.data) {
 						uni.showToast({
@@ -425,6 +430,7 @@
 					});
 				} catch (e) {
 					//TODO handle the exception
+					this.mask = false;
 					uni.hideLoading();
 					console.log(e);
 					uni.showToast({
@@ -473,7 +479,15 @@
 	page {
 		background: #F3F5F6;
 	}
-
+	.masking {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0,0,0,0.4);
+		z-index: 10;
+	}
 	.PaymentRsults {
 		width: 580rpx;
 		height: 480rpx;