提现，我的银行卡页面优化

pages/bankCard/index.vue

@@ -18,7 +18,7 @@
 					<u-form-item label="真实姓名" prop="name" borderBottom>
 						<u--input v-model="form.name" border="none"></u--input>
 					</u-form-item>
-					<u-form-item label="开户行" prop="bankName" borderBottom>
+					<u-form-item label="银行名称" prop="bankName" borderBottom>
 						<u--input v-model="form.bankName" border="none"></u--input>
 					</u-form-item>
 					<u-form-item label="银行卡号" prop="bankNo" borderBottom>
@@ -28,6 +28,9 @@
 						<u--input v-model="form.openBankName" border="none"></u--input>
 					</u-form-item>
 				</u--form>
+			</view>
+			<view class="info-text">
+				注意：若银行卡卡号错误、失效、状态异常等，均会打款失败，请谨慎填写。
 			</view>
 			<view style="padding: 30rpx;">
 				<u-button type="primary" @click="insertOrUpdateFun()" text="提交"></u-button>
@@ -170,7 +173,12 @@
 		// background-color: 
 		.index-content-info {
 			width: 100%;
-			box-sizing: border-box;
+			box-sizing: border-box;
+			.info-text {
+				padding: 30rpx;
+				font-size: 30rpx
+				
+			}
 		}
 	}
 

pages/cash/index.vue

@@ -1,663 +1,667 @@
-<template>
-	<view class="cash-content" :style="{'--status-bar-': statusBarHeight}">
-		<view class="cash-content-info">
-			<!-- 头部主要内容 开始 -->
-			<view class="cash-content-header">
-				<customNavbar title="余额提现" bgColor="rgba(0,0,0,0)" :customNavbarInfo="{}" :contentStyle="{}"
-					:leftStyle="{color: '#fff'}"></customNavbar>
-
-				<!--  余额 开始  -->
-				<view class="cash-content-money">
-					<!-- <text>可提现余额（元）</text>
-					<view class="cash-content-money-num">
-						<text>
-							<text class="inspage-userinfo-util">￥</text>
-							<u-count-to :decimals="2" :startVal="0" :endVal="monry" color="#fff" />
-							<text class="balance-userinfo-util">元</text>
-						</text>
-					</view> -->
-				</view>
-				<!--  余额 结束  -->
-
-				<!--  提现 开始  -->
-				<view class="cash-content-cash">
-					<view class="cash-content-cash-box">
-						<text>提现金额</text>
-						<view class="cash-content-cash-money">
-							<text class="cash-content-cash-money-icon">￥</text>
-							<view class="cash-content-cash-input">
-								<!-- <u--input :readonly="true" placeholder="请输入内容" border="none" clearable type="number" v-model="moneyValue"
-									@change="moneyAccountFun"></u--input> -->
-									<text>{{ moneyValue }}</text>
-							</view>
-
-							<!-- <text class="cash-content-cash-money-all" @click="cashAll()">全部提现</text> -->
-						</view>
-
-						<view class="cash-content-cash-service">
-							<view>
-								<text>提现手续费</text>
-								<!-- <text>{{ setServiceType(withdrawInfo)}}</text> -->
-								<text>￥{{ this.withdrawInfo.serviceCharge }}</text>
-							</view>
-							<view>
-								<text>合计提现</text>
-								<!-- <text>￥ {{ moneyAccount }}</text> -->
-								<text>￥{{ this.withdrawInfo.realAmount }}</text>
-							</view>
-						</view>
-
-						<view class="cash-content-cash-card">
-							<u-cell-group :border="false">
-								<u-cell :border="false" title="提现至" :isLink="false" :value="'银行卡'"></u-cell>
-							</u-cell-group>
-						</view>
-
-						<view class="cash-content-cash-submit">
-							<view @click="openModal">提现</view>
-						</view>
-					</view>
-				</view>
-				<!--  提现 结束  -->
-
-				<!-- 选择银行卡 -->
-				<u-picker :show="show" keyName="label" :columns="columns" @cancel="cancelPicker"
-					@confirm="confirmPicker"></u-picker>
-			</view>
-			<!-- 头部主要内容 结束 -->
-
-			<!-- 输入密码  -->
-			<u-overlay :show="showModal">
-				<view class="password-model">
-					<view>
-						<view>请输入支付密码</view>
-						<view>提现</view>
-						<view>￥{{ this.withdrawInfo.realAmount }}</view>
-						<view>
-							<u-code-input 
-							@finish="marketPersons" 
-							dot
-							v-model="password" :focus="true"></u-code-input>
-						</view>
-						<text @click="clearOverlay"><u-icon name="close-circle" size="30"></u-icon></text>
-					</view>
-				</view>
-			</u-overlay>
-		</view>
-		<u-modal :show="showModel" @confirm="confirmModel" :confirmText="confirmText" ref="uModal" :asyncClose="true" >
-			<view class="slot-content">
-				<view style="display: flex;justify-content: center;padding-bottom: 20rpx;">
-					<image style="width: 100rpx;height: 100rpx;" :src="showStatus == 0 ? suImage : errorImage" mode="scaleToFill" />
-				</view>
-				<view>
-					<rich-text :nodes="contentModel"></rich-text>
-				</view>
-			</view>
-		</u-modal>
-	</view>
-</template>
-
-<script>
-	import { Decimal } from 'decimal.js';//引入
-	import {
-		navigateTo
-	} from "@/utils/util.js"
-	export default {
-		data() {
-			return {
-				title: '这是我的',
-				statusBarHeight: 0, // 状态栏安全距离
-				monry: 0,
-				moneyValue: null,
-				moneyAccount: '',
-				show: false,
-				columns: [
-					[{
-						label: '雪月夜',
-						// 其他属性值
-						id: 2021
-						// ...
-					}, {
-						label: '冷夜雨',
-						id: 804
-					}]
-				],
-				withdrawInfo: {},
-				showModal: false,
-				password: '',
-				personList:[],
-				serviceMoney: null,
-				showModel: false,
-				contentModel: '提交申请提交成功，佣金将会在1-2个工作日内发放到银行卡，请耐心等待！',
-				errorImage: this.$commonConfig.staticUrl + 'cash/shiban.png',
-				suImage: this.$commonConfig.staticUrl + 'cash/chenggong.png',
-				showStatus: null,
-				confirmText: '关闭',
-			}
-		},
-		onLoad(page) {
-			this.moneyValue = Number(page.withdrawTotal);
-			this.personList = JSON.parse(page.personList);
-			// #ifdef H5
-			//window.addEventListener('popstate', this.browserBack)
-			// #endif
-		},
-		onUnload() {
-			// #ifdef H5
-			//window.removeEventListener("popstate", this.browserBack);
-			// #endif
-		},
-		onShow() {
-			//this.statusBarHeight = getApp().globalData.statusBarHeight
-			this.showModel = false
-			this.getWithdrawInfo()
-
-		},
-		methods: {
-			/**
-			 * @author ygh
-			 * @data 2023-12-20
-			 */
-			navigateToFun() {
-				navigateTo('/pages/cash/index')
-			},
-			/**
-			 * 数字显示格式化
-			 *
-			 */
-			numFormat(num = 0) {
-				if (num < 100000) {
-					return num
-				} else if (num > 100000) {
-					return (num / 10000).toFixed(2)
-				}
-			},
-			/**  全部提现  */
-			cashAll() {
-				this.moneyValue = this.monry
-			},
-			/**
-			 *  打开选择器
-			 */
-			openPopup() {
-				return
-				this.show = true
-			},
-			/** 取消选择器  */
-			cancelPicker() {
-				this.show = false
-			},
-			/** 确认选择器  */
-			confirmPicker() {
-				this.show = false
-			},
-			/**
-			 * 获取数据
-			 */
-			async getWithdrawInfo() {
-				try {
-					let list = []
-					this.personList.forEach((item,index)=> {
-						list.push(item.personsId)
-					})
-					let res = await this.$u.api.getSettlement({
-						noSign: 1,
-						userid: this.distribution_user_info.userId,
-						withdrawAmount: this.moneyValue,
-						withdrawList: list
-					})
-
-					if (res && res.code === 200) {
-						this.withdrawInfo = res.data
-						// this.withdrawInfo.serviceType = 1
-						// this.withdrawInfo.serviceCharge = 0
-						this.moneyValue = this.withdrawInfo.totalAmount
-						// this.monry = res.data.withdrawTotal;
-						// this.moneyAccountFun();
-					}
-				} catch (e) {
-					//TODO handle the exception
-					console.error("e===", e)
-				}
-			},
-			async openModal() {
-				// if (!this.moneyValue || this.moneyValue < this.withdrawInfo.minAmount) {
-				// 	uni.showToast({
-				// 		title: '最小提现金额' + this.withdrawInfo.minAmount,
-				// 		icon: 'none'
-				// 	});
-				// 	return
-				// }
-				// if(this.moneyValue > this.monry) {
-				// 	uni.showToast({
-				// 		title: '总金额不能大于用户可提现金额',
-				// 		icon: 'none'
-				// 	});
-				// 	return
-				// }
-				// uni.showModal({
-				//   title: '提示',
-				//   content: '确定提现余额吗?',
-				//   success: res => {
-				//     this.orderWithdraw()
-				//   },
-				//   complete() {
-
-				//   }
-				// })
-				/**
-				 * 获取 我的银行卡
-				 */
-				try {
-					uni.showLoading({
-						title: "获取银行卡中..."
-					})
-					let res = await this.$u.api.getPersonsBankApi({
-						userid: this.distribution_user_info.userId
-					})	
-					uni.hideLoading()
-					if (res && res.code === 200 && res.data.bankNo) {
-						this.showModal = true
-						// #ifdef H5
-						window.history.replaceState(null, null, document.URL)
-						// #endif
-					}else {
-						navigateTo('/pages/bankCard/index')
-					}
-				} catch (e) {
-					//TODO handle the exception
-					console.error("e===", e)
-					uni.showToast({
-						title: "绑定成功!!!",
-						duration: 2000
-					})
-					uni.hideLoading()
-				}
-				
-				
-			},
-			/**  关闭 */
-			clearOverlay() {
-				this.showModal = false
-			},
-			/**
-			 * 密码校验
-			 */
-			async marketPersons() {
-				try {
-					let res = await this.$u.api.marketPersons({
-						noSign: 1,
-						userid: this.distribution_user_info.userId,
-						oldPassword: this.password
-					})
-
-					if (res && res.code === 200) {
-						this.orderWithdraw()
-					} else {
-						this.password = ''
-					}
-				} catch (e) {
-					//TODO handle the exception
-					console.error("e===", e)
-					this.password = ''
-				}
-			},
-			/**
-			 * 提交申请
-			 */
-			async orderWithdraw() {
-				try {
-					let list = []
-					this.personList.forEach((item,index)=> {
-						list.push(item.personsId)
-					})
-					this.contentModel = "提现申请提交失败！"
-					this.confirmText = '关闭'
-					this.showStatus = 1
-					let res = await this.$u.api.withdrawApply({
-						noSign: 1,
-						userid: this.distribution_user_info.userId,
-						// "withdrawType": "wechat",
-						// "withdrawTotal": this.moneyAccount,
-						// "serviceAmount": this.withdrawInfo.serviceCharge,
-						// "bankId": null,
-						//personList:this.personList
-						withdrawList: list,
-						withdrawAmount: this.withdrawInfo.totalAmount,
-						serviceCharge: this.withdrawInfo.serviceCharge
-					})
-
-					if (res && res.code == 200) {
-						this.contentModel = "提现申请提交成功，佣金将会在5个工作日内发放到银行卡，请耐心等待！"
-						this.confirmText = '返回'
-						this.showStatus = 0
-						this.showModel = true
-						
-						// navigateTo('/pages/cashPrompt/index',{
-						// 	id: res.data.orderId,
-						// 	serviceMoney: this.serviceMoney,
-						// 	// ...res.data.bankInfo,
-						// 	// moneyValue: this.moneyValue,
-						// 	// withdrawType: 'wechat',
-						// 	// serviceType: this.withdrawInfo.serviceType,
-						// 	// serviceCharge: this.withdrawInfo.serviceCharge
-						// })
-					} else {
-						this.showModel = true
-						this.password = ''
-					}
-					this.showModal = false
-				} catch (e) {
-					//TODO handle the exception
-					console.error("e===", e)
-					this.password = ''
-					this.showModal = false
-					this.showModel = true
-				}
-			},
-			/**
-			 * 设置服务费显示
-			 */
-			setServiceType(data) {
-				if (data && data.serviceType) {
-					if(data.serviceType == 1){
-						this.serviceMoney = data.serviceCharge
-						return ('￥' + data.serviceCharge)
-					}else {
-						let num1 = this.withdrawInfo.serviceCharge;
-						let num = isNaN(num1) ? 0 : (Number(num1) / 100)
-						let money = num ? new Decimal(this.moneyValue).mul(new Decimal(num)) : 0
-						this.serviceMoney = money
-						return '￥' + money
-						
-					}
-				}
-			},
-			/**
-			 * 设置到账金额
-			 */
-			moneyAccountFun() {
-				let money = ''
-				if (this.withdrawInfo.serviceType == 1) {
-					money = (isNaN(this.withdrawInfo.serviceCharge) ? 0 : this.withdrawInfo
-						.serviceCharge)
-				} else if (this.withdrawInfo.serviceType == 2) {
-					let num1 = this.withdrawInfo.serviceCharge;
-					let num = isNaN(num1) ? 0 : (Number(num1) / 100)
-					money = num ? new Decimal(this.moneyValue).mul(new Decimal(num)) : 0
-				}
-				this.moneyAccount = money < 0 ? '金额小于零' : new Decimal(this.moneyValue).sub(new Decimal(money.toFixed(2)))
-			},
-			browserBack() {
-				console.log(1);
-				// 在这里写弹框
-				uni.showModal({
-					title: '提示',
-					content: '返回后此页面的操作将不作保留！',
-					cancelText: '确定返回',
-					confirmText: '留在此页',
-					success: (res) => {
-						if (res.confirm) {
-							// 用户选择留在此页，不进行任何操作
-						} else if (res.cancel) {
-							//window.history.back(); // 使用window.history.back()返回上一页
-						}
-					}
-				});
-				//window.history.replaceState(null, null, document.URL); // 保留此行代码
-			},
-			/**  */
-			confirmModel() {
-				this.showModel = false
-				if(this.showStatus == 0) {
-					uni.navigateBack({
-						delta: 2
-					})
-				}
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.cash-content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		--header-h: 420rpx;
-
-		.cash-content-info {
-			width: 100%;
-			box-sizing: border-box;
-		}
-	}
-
-	/** 头部主要内容 开始 */
-	.cash-content-header {
-		width: 100%;
-		height: var(--header-h);
-		box-sizing: border-box;
-		background: var(--gd-bgm-lg-color);
-		position: relative;
-
-		::v-deep .u-search {
-			padding: 0 30rpx !important;
-		}
-
-		::v-deep .u-search__action {
-			color: #fff !important;
-		}
-
-		/**  余额 开始  */
-		.cash-content-money {
-			width: 100%;
-			box-sizing: border-box;
-			margin-top: 50rpx;
-			padding-left: 66rpx;
-			color: #fff;
-
-			>text {
-				font-size: 24rpx;
-			}
-
-			.cash-content-money-num {
-				display: flex;
-				justify-content: center;
-				align-items: flex-start;
-				flex-direction: column;
-				margin-top: 24rpx;
-
-				>text:nth-child(1) {
-					.balance-userinfo-util {
-						font-size: 24rpx;
-						margin-left: 5rpx;
-					}
-
-					::v-deep .u-count-num {
-						font-weight: bold !important;
-						font-size: 48rpx !important;
-					}
-				}
-
-				>text:nth-child(2) {
-					margin-top: 20rpx;
-					font-size: 24rpx;
-				}
-			}
-		}
-
-		/**  余额 结束  */
-
-		/**  提现 开始  */
-		.cash-content-cash {
-			width: 100%;
-			box-sizing: border-box;
-			position: absolute;
-			top: 100%;
-			transform: translateY(-50%);
-			padding: 0 12rpx;
-
-			.cash-content-cash-box {
-				width: 100%;
-				height: 100%;
-				background-color: #fff;
-				box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(221, 221, 221, 0.5);
-				border-radius: 20rpx;
-				box-sizing: border-box;
-				padding: 34rpx 30rpx 38rpx;
-
-				>text {
-					font-size: 36rpx;
-					color: #222222;
-					font-weight: 600;
-				}
-
-				.cash-content-cash-money {
-					width: 100%;
-					display: flex;
-					align-items: center;
-					padding: 40rpx 0 20rpx;
-					border-bottom: 2rpx solid #EEEEEE;
-
-					::v-deep .u-cell__body {
-						padding: 20rpx 0 !important;
-					}
-
-					.cash-content-cash-input {
-						width: 100%;
-						padding: 0 10rpx;
-					}
-					.cash-content-cash-input text {
-						font-size: 60rpx !important;
-					}
-					>text {
-						flex-shrink: 0;
-						flex-wrap: nowrap;
-						white-space: nowrap;
-					}
-
-					.cash-content-cash-money-icon {
-						font-size: 32rpx;
-					}
-
-					.cash-content-cash-money-all {
-						color: var(--gd-but-color);
-						font-size: 24rpx;
-						cursor: pointer;
-					}
-				}
-
-				.cash-content-cash-service {
-					width: 100%;
-					box-sizing: border-box;
-					padding: 20rpx 0;
-					//border-bottom: 2rpx solid #EEEEEE;
-
-					>view {
-						width: 100%;
-						display: flex;
-						justify-content: space-between;
-						align-items: center;
-						color: #606060;
-						padding: 5rpx 0 10rpx;
-						font-size: 24rpx;
-						>text {
-							font-size: 28rpx;
-						}
-					}
-
-				}
-
-				.cash-content-cash-card {
-					width: 100%;
-
-					::v-deep .u-cell__body {
-						padding: 20rpx 0 !important;
-					}
-				}
-
-				.cash-content-cash-submit {
-					width: 100%;
-					height: 92rpx;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					box-sizing: border-box;
-					padding: 0 80rpx 0;
-					margin-top: 70rpx;
-
-					>view {
-						width: 100%;
-						height: 100%;
-						border-radius: 46rpx;
-						color: #fff;
-						background-color: var(--gd-but-color);
-						font-size: 28rpx;
-						font-family: SourceHanSansCN, SourceHanSansCN;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-					}
-				}
-			}
-		}
-
-		/**  提现 结束  */
-	}
-
-	/** 头部主要内容 结束  **/
-
-
-	/**  密码弹窗  */
-	.password-model {
-		width: 100%;
-		height: 100%;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		box-sizing: border-box;
-		padding: 0 40rpx;
-
-		>view {
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			flex-direction: column;
-			background-color: #fff;
-			color: #000;
-			padding: 50rpx 10rpx;
-			box-sizing: border-box;
-			position: relative;
-			border-radius: 20rpx;
-
-			>view {
-				font-size: 32rpx;
-				padding: 10rpx 0;
-				box-sizing: border-box;
-			}
-
-			>view:nth-child(3) {
-				width: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				font-size: 52rpx;
-				border-bottom: 2rpx solid #ccc;
-				padding: 10rpx 0 20rpx;
-				color: var(--gd-bgm-color);
-			}
-
-			>view:nth-child(4) {
-				margin-top: 30rpx;
-			}
-
-			>text {
-				position: absolute;
-				top: 0;
-				right: 0;
-			}
-		}
-	}
+<template>
+	<view class="cash-content" :style="{'--status-bar-': statusBarHeight}">
+		<view class="cash-content-info">
+			<!-- 头部主要内容 开始 -->
+			<view class="cash-content-header">
+				<customNavbar title="余额提现" bgColor="rgba(0,0,0,0)" :customNavbarInfo="{}" :contentStyle="{}"
+					:leftStyle="{color: '#fff'}"></customNavbar>
+
+				<!--  余额 开始  -->
+				<view class="cash-content-money">
+					<!-- <text>可提现余额（元）</text>
+					<view class="cash-content-money-num">
+						<text>
+							<text class="inspage-userinfo-util">￥</text>
+							<u-count-to :decimals="2" :startVal="0" :endVal="monry" color="#fff" />
+							<text class="balance-userinfo-util">元</text>
+						</text>
+					</view> -->
+				</view>
+				<!--  余额 结束  -->
+
+				<!--  提现 开始  -->
+				<view class="cash-content-cash">
+					<view class="cash-content-cash-box">
+						<text>提现金额</text>
+						<view class="cash-content-cash-money">
+							<text class="cash-content-cash-money-icon">￥</text>
+							<view class="cash-content-cash-input">
+								<!-- <u--input :readonly="true" placeholder="请输入内容" border="none" clearable type="number" v-model="moneyValue"
+									@change="moneyAccountFun"></u--input> -->
+								<text>{{ moneyValue }}</text>
+							</view>
+
+							<!-- <text class="cash-content-cash-money-all" @click="cashAll()">全部提现</text> -->
+						</view>
+
+						<view class="cash-content-cash-service">
+							<view>
+								<text>提现手续费</text>
+								<!-- <text>{{ setServiceType(withdrawInfo)}}</text> -->
+								<text>￥{{ this.withdrawInfo.serviceCharge }}</text>
+							</view>
+							<view>
+								<text>合计提现</text>
+								<!-- <text>￥ {{ moneyAccount }}</text> -->
+								<text>￥{{ this.withdrawInfo.realAmount }}</text>
+							</view>
+						</view>
+
+						<view class="cash-content-cash-card">
+							<u-cell-group :border="false">
+								<u-cell :border="false" title="提现至" :isLink="false" :value="'银行卡'"></u-cell>
+							</u-cell-group>
+						</view>
+
+						<view class="cash-content-cash-submit">
+							<view @click="openModal">提现</view>
+						</view>
+					</view>
+				</view>
+				<!--  提现 结束  -->
+
+				<!-- 选择银行卡 -->
+				<u-picker :show="show" keyName="label" :columns="columns" @cancel="cancelPicker"
+					@confirm="confirmPicker"></u-picker>
+			</view>
+			<!-- 头部主要内容 结束 -->
+
+			<!-- 输入密码  -->
+			<u-overlay :show="showModal">
+				<view class="password-model">
+					<view>
+						<view>请输入支付密码</view>
+						<view>提现</view>
+						<view>￥{{ this.withdrawInfo.realAmount }}</view>
+						<view>
+							<u-code-input @finish="marketPersons" dot v-model="password" :focus="true"></u-code-input>
+						</view>
+						<text @click="clearOverlay"><u-icon name="close-circle" size="30"></u-icon></text>
+					</view>
+				</view>
+			</u-overlay>
+		</view>
+		<u-modal :show="showModel" @confirm="confirmModel" :confirmText="confirmText" ref="uModal" :asyncClose="true">
+			<view class="slot-content">
+				<view style="display: flex;justify-content: center;padding-bottom: 20rpx;">
+					<image style="width: 100rpx;height: 100rpx;" :src="showStatus == 0 ? suImage : errorImage"
+						mode="scaleToFill" />
+				</view>
+				<view>
+					<rich-text :nodes="contentModel"></rich-text>
+				</view>
+			</view>
+		</u-modal>
+	</view>
+</template>
+
+<script>
+	import {
+		Decimal
+	} from 'decimal.js'; //引入
+	import {
+		navigateTo
+	} from "@/utils/util.js"
+	export default {
+		data() {
+			return {
+				title: '这是我的',
+				statusBarHeight: 0, // 状态栏安全距离
+				monry: 0,
+				moneyValue: null,
+				moneyAccount: '',
+				show: false,
+				columns: [
+					[{
+						label: '雪月夜',
+						// 其他属性值
+						id: 2021
+						// ...
+					}, {
+						label: '冷夜雨',
+						id: 804
+					}]
+				],
+				withdrawInfo: {},
+				showModal: false,
+				password: '',
+				personList: [],
+				serviceMoney: null,
+				showModel: false,
+				contentModel: '提交申请提交成功，佣金将会在1-2个工作日内发放到银行卡，请耐心等待！',
+				errorImage: this.$commonConfig.staticUrl + 'cash/shiban.png',
+				suImage: this.$commonConfig.staticUrl + 'cash/chenggong.png',
+				showStatus: null,
+				confirmText: '关闭',
+			}
+		},
+		onLoad(page) {
+			this.moneyValue = Number(page.withdrawTotal);
+			this.personList = JSON.parse(page.personList);
+			// #ifdef H5
+			//window.addEventListener('popstate', this.browserBack)
+			// #endif
+		},
+		onUnload() {
+			// #ifdef H5
+			//window.removeEventListener("popstate", this.browserBack);
+			// #endif
+		},
+		onShow() {
+			//this.statusBarHeight = getApp().globalData.statusBarHeight
+			this.showModel = false
+			this.getWithdrawInfo()
+
+		},
+		methods: {
+			/**
+			 * @author ygh
+			 * @data 2023-12-20
+			 */
+			navigateToFun() {
+				navigateTo('/pages/cash/index')
+			},
+			/**
+			 * 数字显示格式化
+			 *
+			 */
+			numFormat(num = 0) {
+				if (num < 100000) {
+					return num
+				} else if (num > 100000) {
+					return (num / 10000).toFixed(2)
+				}
+			},
+			/**  全部提现  */
+			cashAll() {
+				this.moneyValue = this.monry
+			},
+			/**
+			 *  打开选择器
+			 */
+			openPopup() {
+				return
+				this.show = true
+			},
+			/** 取消选择器  */
+			cancelPicker() {
+				this.show = false
+			},
+			/** 确认选择器  */
+			confirmPicker() {
+				this.show = false
+			},
+			/**
+			 * 获取数据
+			 */
+			async getWithdrawInfo() {
+				try {
+					let list = []
+					this.personList.forEach((item, index) => {
+						list.push(item.personsId)
+					})
+					let res = await this.$u.api.getSettlement({
+						noSign: 1,
+						userid: this.distribution_user_info.userId,
+						withdrawAmount: this.moneyValue,
+						withdrawList: list
+					})
+
+					if (res && res.code === 200) {
+						this.withdrawInfo = res.data
+						// this.withdrawInfo.serviceType = 1
+						// this.withdrawInfo.serviceCharge = 0
+						this.moneyValue = this.withdrawInfo.totalAmount
+						// this.monry = res.data.withdrawTotal;
+						// this.moneyAccountFun();
+					}
+				} catch (e) {
+					//TODO handle the exception
+					console.error("e===", e)
+				}
+			},
+			async openModal() {
+				// if (!this.moneyValue || this.moneyValue < this.withdrawInfo.minAmount) {
+				// 	uni.showToast({
+				// 		title: '最小提现金额' + this.withdrawInfo.minAmount,
+				// 		icon: 'none'
+				// 	});
+				// 	return
+				// }
+				// if(this.moneyValue > this.monry) {
+				// 	uni.showToast({
+				// 		title: '总金额不能大于用户可提现金额',
+				// 		icon: 'none'
+				// 	});
+				// 	return
+				// }
+				// uni.showModal({
+				//   title: '提示',
+				//   content: '确定提现余额吗?',
+				//   success: res => {
+				//     this.orderWithdraw()
+				//   },
+				//   complete() {
+
+				//   }
+				// })
+				/**
+				 * 获取 我的银行卡
+				 */
+				try {
+					uni.showLoading({
+						title: "获取银行卡中..."
+					})
+					let res = await this.$u.api.getPersonsBankApi({
+						userid: this.distribution_user_info.userId
+					})
+					uni.hideLoading()
+					console.log(res, 'res111')
+					if (res && res.code === 200 && res.data?.bankNo) {
+						this.showModal = true
+						// #ifdef H5
+						window.history.replaceState(null, null, document.URL)
+						// #endif
+					} else {
+						navigateTo('/pages/bankCard/index')
+					}
+				} catch (e) {
+					//TODO handle the exception
+					console.error("e===", e)
+					// uni.showToast({
+					// 	title: "绑定成功!!!",
+					// 	duration: 2000
+					// })
+					uni.hideLoading()
+				}
+
+
+			},
+			/**  关闭 */
+			clearOverlay() {
+				this.showModal = false
+			},
+			/**
+			 * 密码校验
+			 */
+			async marketPersons() {
+				try {
+					let res = await this.$u.api.marketPersons({
+						noSign: 1,
+						userid: this.distribution_user_info.userId,
+						oldPassword: this.password
+					})
+
+					if (res && res.code === 200) {
+						this.orderWithdraw()
+					} else {
+						this.password = ''
+					}
+				} catch (e) {
+					//TODO handle the exception
+					console.error("e===", e)
+					this.password = ''
+				}
+			},
+			/**
+			 * 提交申请
+			 */
+			async orderWithdraw() {
+				try {
+					let list = []
+					this.personList.forEach((item, index) => {
+						list.push(item.personsId)
+					})
+					this.contentModel = "提现申请提交失败！"
+					this.confirmText = '关闭'
+					this.showStatus = 1
+					let res = await this.$u.api.withdrawApply({
+						noSign: 1,
+						userid: this.distribution_user_info.userId,
+						// "withdrawType": "wechat",
+						// "withdrawTotal": this.moneyAccount,
+						// "serviceAmount": this.withdrawInfo.serviceCharge,
+						// "bankId": null,
+						//personList:this.personList
+						withdrawList: list,
+						withdrawAmount: this.withdrawInfo.totalAmount,
+						serviceCharge: this.withdrawInfo.serviceCharge
+					})
+
+					if (res && res.code == 200) {
+						this.contentModel = "提现申请提交成功，佣金将会在5个工作日内发放到银行卡，请耐心等待！"
+						this.confirmText = '返回'
+						this.showStatus = 0
+						this.showModel = true
+
+						// navigateTo('/pages/cashPrompt/index',{
+						// 	id: res.data.orderId,
+						// 	serviceMoney: this.serviceMoney,
+						// 	// ...res.data.bankInfo,
+						// 	// moneyValue: this.moneyValue,
+						// 	// withdrawType: 'wechat',
+						// 	// serviceType: this.withdrawInfo.serviceType,
+						// 	// serviceCharge: this.withdrawInfo.serviceCharge
+						// })
+					} else {
+						this.showModel = true
+						this.password = ''
+					}
+					this.showModal = false
+				} catch (e) {
+					//TODO handle the exception
+					console.error("e===", e)
+					this.password = ''
+					this.showModal = false
+					this.showModel = true
+				}
+			},
+			/**
+			 * 设置服务费显示
+			 */
+			setServiceType(data) {
+				if (data && data.serviceType) {
+					if (data.serviceType == 1) {
+						this.serviceMoney = data.serviceCharge
+						return ('￥' + data.serviceCharge)
+					} else {
+						let num1 = this.withdrawInfo.serviceCharge;
+						let num = isNaN(num1) ? 0 : (Number(num1) / 100)
+						let money = num ? new Decimal(this.moneyValue).mul(new Decimal(num)) : 0
+						this.serviceMoney = money
+						return '￥' + money
+
+					}
+				}
+			},
+			/**
+			 * 设置到账金额
+			 */
+			moneyAccountFun() {
+				let money = ''
+				if (this.withdrawInfo.serviceType == 1) {
+					money = (isNaN(this.withdrawInfo.serviceCharge) ? 0 : this.withdrawInfo
+						.serviceCharge)
+				} else if (this.withdrawInfo.serviceType == 2) {
+					let num1 = this.withdrawInfo.serviceCharge;
+					let num = isNaN(num1) ? 0 : (Number(num1) / 100)
+					money = num ? new Decimal(this.moneyValue).mul(new Decimal(num)) : 0
+				}
+				this.moneyAccount = money < 0 ? '金额小于零' : new Decimal(this.moneyValue).sub(new Decimal(money.toFixed(2)))
+			},
+			browserBack() {
+				console.log(1);
+				// 在这里写弹框
+				uni.showModal({
+					title: '提示',
+					content: '返回后此页面的操作将不作保留！',
+					cancelText: '确定返回',
+					confirmText: '留在此页',
+					success: (res) => {
+						if (res.confirm) {
+							// 用户选择留在此页，不进行任何操作
+						} else if (res.cancel) {
+							//window.history.back(); // 使用window.history.back()返回上一页
+						}
+					}
+				});
+				//window.history.replaceState(null, null, document.URL); // 保留此行代码
+			},
+			/**  */
+			confirmModel() {
+				this.showModel = false
+				if (this.showStatus == 0) {
+					uni.navigateBack({
+						delta: 2
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.cash-content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		--header-h: 420rpx;
+
+		.cash-content-info {
+			width: 100%;
+			box-sizing: border-box;
+		}
+	}
+
+	/** 头部主要内容 开始 */
+	.cash-content-header {
+		width: 100%;
+		height: var(--header-h);
+		box-sizing: border-box;
+		background: var(--gd-bgm-lg-color);
+		position: relative;
+
+		::v-deep .u-search {
+			padding: 0 30rpx !important;
+		}
+
+		::v-deep .u-search__action {
+			color: #fff !important;
+		}
+
+		/**  余额 开始  */
+		.cash-content-money {
+			width: 100%;
+			box-sizing: border-box;
+			margin-top: 50rpx;
+			padding-left: 66rpx;
+			color: #fff;
+
+			>text {
+				font-size: 24rpx;
+			}
+
+			.cash-content-money-num {
+				display: flex;
+				justify-content: center;
+				align-items: flex-start;
+				flex-direction: column;
+				margin-top: 24rpx;
+
+				>text:nth-child(1) {
+					.balance-userinfo-util {
+						font-size: 24rpx;
+						margin-left: 5rpx;
+					}
+
+					::v-deep .u-count-num {
+						font-weight: bold !important;
+						font-size: 48rpx !important;
+					}
+				}
+
+				>text:nth-child(2) {
+					margin-top: 20rpx;
+					font-size: 24rpx;
+				}
+			}
+		}
+
+		/**  余额 结束  */
+
+		/**  提现 开始  */
+		.cash-content-cash {
+			width: 100%;
+			box-sizing: border-box;
+			position: absolute;
+			top: 100%;
+			transform: translateY(-50%);
+			padding: 0 12rpx;
+
+			.cash-content-cash-box {
+				width: 100%;
+				height: 100%;
+				background-color: #fff;
+				box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(221, 221, 221, 0.5);
+				border-radius: 20rpx;
+				box-sizing: border-box;
+				padding: 34rpx 30rpx 38rpx;
+
+				>text {
+					font-size: 36rpx;
+					color: #222222;
+					font-weight: 600;
+				}
+
+				.cash-content-cash-money {
+					width: 100%;
+					display: flex;
+					align-items: center;
+					padding: 40rpx 0 20rpx;
+					border-bottom: 2rpx solid #EEEEEE;
+
+					::v-deep .u-cell__body {
+						padding: 20rpx 0 !important;
+					}
+
+					.cash-content-cash-input {
+						width: 100%;
+						padding: 0 10rpx;
+					}
+
+					.cash-content-cash-input text {
+						font-size: 60rpx !important;
+					}
+
+					>text {
+						flex-shrink: 0;
+						flex-wrap: nowrap;
+						white-space: nowrap;
+					}
+
+					.cash-content-cash-money-icon {
+						font-size: 32rpx;
+					}
+
+					.cash-content-cash-money-all {
+						color: var(--gd-but-color);
+						font-size: 24rpx;
+						cursor: pointer;
+					}
+				}
+
+				.cash-content-cash-service {
+					width: 100%;
+					box-sizing: border-box;
+					padding: 20rpx 0;
+					//border-bottom: 2rpx solid #EEEEEE;
+
+					>view {
+						width: 100%;
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						color: #606060;
+						padding: 5rpx 0 10rpx;
+						font-size: 24rpx;
+
+						>text {
+							font-size: 28rpx;
+						}
+					}
+
+				}
+
+				.cash-content-cash-card {
+					width: 100%;
+
+					::v-deep .u-cell__body {
+						padding: 20rpx 0 !important;
+					}
+				}
+
+				.cash-content-cash-submit {
+					width: 100%;
+					height: 92rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					box-sizing: border-box;
+					padding: 0 80rpx 0;
+					margin-top: 70rpx;
+
+					>view {
+						width: 100%;
+						height: 100%;
+						border-radius: 46rpx;
+						color: #fff;
+						background-color: var(--gd-but-color);
+						font-size: 28rpx;
+						font-family: SourceHanSansCN, SourceHanSansCN;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+				}
+			}
+		}
+
+		/**  提现 结束  */
+	}
+
+	/** 头部主要内容 结束  **/
+
+
+	/**  密码弹窗  */
+	.password-model {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		box-sizing: border-box;
+		padding: 0 40rpx;
+
+		>view {
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			flex-direction: column;
+			background-color: #fff;
+			color: #000;
+			padding: 50rpx 10rpx;
+			box-sizing: border-box;
+			position: relative;
+			border-radius: 20rpx;
+
+			>view {
+				font-size: 32rpx;
+				padding: 10rpx 0;
+				box-sizing: border-box;
+			}
+
+			>view:nth-child(3) {
+				width: 100%;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 52rpx;
+				border-bottom: 2rpx solid #ccc;
+				padding: 10rpx 0 20rpx;
+				color: var(--gd-bgm-color);
+			}
+
+			>view:nth-child(4) {
+				margin-top: 30rpx;
+			}
+
+			>text {
+				position: absolute;
+				top: 0;
+				right: 0;
+			}
+		}
+	}
 </style>