申请提现增加规则说明

me/invite/cashDetail.vue

@@ -1,7 +1,14 @@
 <template>
 	<view class="cash">
-    <view
+		<u-navbar title="申请提现" title-bold back-icon-color="#fff" :background="{background:'transparent'}" immersive
+			:border-bottom="false" title-color="#fff">
+			<view slot="right" class="u-p-r-30 u-flex u-col-center  color-fff" @click="showRule">
+				<text class="rule-btn">规则</text>
+			</view>
+		</u-navbar>
+		<view class=""
 			style="background-color: #ff7581;height: 400upx;border-bottom-right-radius: 40upx;border-bottom-left-radius: 40upx;">
+
 			<view style="font-size: 32upx;color: #FFFFFF;padding-top: 100upx;">可提现总额</view>
 			<view style="font-size: 40upx;color: #FFFFFF;padding-top: 20upx;">¥ {{ mayMoney }}</view>
 
@@ -18,7 +25,7 @@
 					<view style="display: flex;align-items: center;">
 						<view style="font-size: 40upx;color: #333333;">¥</view>
 						<input type="number" v-model="money" placeholder="请输入金额" @input="moneyInput" @blur="moneyBlur"
-                   style="font-size: 40upx;color: #333333;text-align: left;margin-left: 10upx;width: 80%;"/>
+							style="font-size: 40upx;color: #333333;text-align: left;margin-left: 10upx;width: 80%;" />
 					</view>
 					<view @click="setAllMoney"
 						style="font-size: 30rpx;color: #333333;background: #ff7581;color: white;border-radius: 10rpx;padding: 7rpx 15rpx;flex-shrink: 0;">
@@ -62,7 +69,8 @@
 					<view>
 						<view style="margin-bottom: 8upx;text-align: right;">
 							<text style="margin-bottom: 8upx;color: green" v-if="item.state===1"> 提现成功</text>
-              <text style="margin-bottom: 8upx;color: green" v-if="item.state===0"> 提现中</text>
+							<text style="margin-bottom: 8upx;color: green" v-if="item.state===0||item.state==3">
+								提现中</text>
 							<text style="margin-bottom: 8upx;color: #FD6416" v-if="item.state===-1||item.state===2">
 								提现失败
 							</text>
@@ -97,13 +105,40 @@
 			</view>
 
 		</view>
+
+		<u-modal v-model="ruleShow" title="规则说明" :title-style="{fontWeight:'700'}" confirm-color="rgb(255, 117, 129)">
+			<view class="u-p-30 u-text-left">
+				<scroll-view scroll-y="true" style="max-height: 50vh;" >
+					<rich-text class="color-666" :nodes="ruleInfo"></rich-text>
+				</scroll-view>
+			</view>
+			
+		</u-modal>
 	</view>
 </template>
 
 <script>
-export default {
+	export default {
 		data() {
 			return {
+				ruleShow: false,
+				ruleInfo: `
+				用户在平台中对奖励提现的，适用以下规则：
+				<br/>
+				<br/>
+				1，用户的收益达到最低提现金额要求后，可以申请提现。每日发起前10笔提现为自动到账，超出则需第二个工作日后到账。
+				<br/>
+				2，用户需要通过支付宝提现，需按照要求绑定支付宝账号并填写提现金额或其他提现所需信息，请确保提供的信息准确无误，以免提现失败。
+				<br/>
+				3，如果用户发现显示「提现失败」，需确认当前填写或绑定的支付宝账号或银行卡账号是否正确，以及支付宝账号是否可用。如果用户发现显示「提现成功」但没到账
+				<br/>
+				(1)如果用户有多个支付宝账号，请检查用户是否提现到了其他支付宝账号。
+				<br/>
+				(2)高峰期提现人数多会导致网络拥堵，显示提现成功之后72小时内属于正常现象，请耐心等候。
+				<br/>
+				4，每日23:00至次日11:00为系统维护时间，活动的对应奖励可能延迟到账。提现通常会在72小时内到账，如遇双休日、节假日，提现到账时间可能会延长。活动高峰期间，由于网络拥堵，用户可能存在短时间内无法提现的情况。平台将尽最大努力及时恢复提现功能，但无需因此承担任何责任。
+				<br/>
+		`,
 				money: '',
 				mayMoney: '0',
 				shouxufei: '',
@@ -150,13 +185,13 @@ export default {
 			this.getcashMoney()
 
 		},
-  onReachBottom: function () {
+		onReachBottom: function() {
 			if (this.page * this.limit < this.totalCount) {
 				this.page = this.page + 1;
 				this.getMoneyDetail();
 			}
 		},
-  onPullDownRefresh: function () {
+		onPullDownRefresh: function() {
 			this.page = 1;
 			// that.list = []
 			this.getMoneyDetail();
@@ -165,6 +200,10 @@ export default {
 			// this.list();
 		},
 		methods: {
+			//规则弹窗
+			showRule(){
+				this.ruleShow=true
+			},
 			moneyInput(e) {
 				let num = e.detail.value.match(/^\d*(\.?\d{0,2})/g)[0] || null;
 				this.$nextTick(() => {
@@ -278,7 +317,7 @@ export default {
 								icon: 'none'
 							})
 							that.money = ''
-            setTimeout(function () {
+							setTimeout(function() {
 								that.getcashMoney()
 							}, 1500)
 
@@ -443,26 +482,32 @@ export default {
 				}
 			}
 		}
-};
+	};
 </script>
 
-<style lang="less">
+<style lang="scss" scoped>
-// @import '../../static/css/index.css';
+	// @import '../../static/css/index.css';
+	.rule-btn {
+		font-size: 16px;
+		// padding: 2rpx 10rpx;
+		// border: 1px solid rgba(255, 255, 255, .8);
+		// border-radius: 4rpx;
+	}
 
-.view2-view-text {
+	.view2-view-text {
 		font-size: 14px;
 		color: #000000;
 		margin-left: 20upx;
 		width: 80%;
-}
+	}
 
-.view2-view-image-right {
+	.view2-view-image-right {
 		width: 18upx;
 		height: 30upx;
 		margin-left: 50upx;
-}
+	}
 
-.cash {
+	.cash {
 		text-align: center;
 		background: white;
 		height: 100%;
@@ -480,9 +525,9 @@ export default {
 			color: #ffffff;
 			margin-bottom: 10px;
 		}
-}
+	}
 
-.moneyList {
+	.moneyList {
 		.item {
 			background: white;
 			padding: 32rpx;
@@ -495,10 +540,10 @@ export default {
 		.item:first-child {
 			margin-top: 0;
 		}
-}
+	}
 
 
-.centre {
+	.centre {
 		text-align: center;
 		padding: 200rpx 0;
 		font-size: 32rpx;
@@ -527,5 +572,5 @@ export default {
 			font-size: 34rpx;
 			background: #ff7581;
 		}
-}
+	}
 </style>