hotel-tablecloth-uniapp-24-08-29/pages_order/mine/purse.vue

<template>
	<view class="purse">
		<navbar title="立即提现" leftClick @leftClick="$utils.navigateBack" />

		<!-- 水洗店 -->
		<view class="userShop">
			<userShopCommission purse />
		</view>

		<view class="from-body">
			<view>我要提现</view>
			<view class="from-line">
				<input v-model="form.money" placeholder="请输入提现金额" />
			</view>
			<view class="from-line">
				<input v-model="form.name" placeholder="请输入姓名" />
			</view>
			<view class="from-line">
				<input v-model="form.phone" placeholder="请输入手机号" />
			</view>
			<view class="from-line">
				<input v-model="form.bankAddress" placeholder="请输入开户行" />
			</view>
			<view class="from-line">
				<input v-model="form.bankCard" placeholder="请输入银行卡卡号" />
			</view>
			<view class="mt56">提现说明</view>
			<view style="line-height: 45rpx; font-size: 24rpx;color: #666666;" v-html="notice">
			</view>
			<view style="font-size: 28rpx;height: 40rpx;font-weight: 400;pad: 10rpx;">1、本次提现必须通过银行卡提现，暂不支持其他途径。</view>
			<view style="font-size: 28rpx;height: 40rpx;font-weight: 400;">2、如若遇到24小时提现未到账，请联系客服。</view>
		</view>


		<view class="b-fiexd">
			<view class="button-submit" @click="submit">提交</view>
		</view>

	</view>
</template>

<script>
	import userShopCommission from '@/components/userShop/userShopCommission.vue'
	export default {
		components: {
			userShopCommission,
		},
		data() {
			return {
				notice: '',
				form: {
					name: '',
					phone: '',
					money: '',
					bankCard: '',
					bankAddress: '',
				}
			}
		},
		methods: {
			submit() {
				this.$api('storeWithdrawalApplication', this.form, res => {
					if (res.code == 200) {
						uni.navigateBack(-1)
					}
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.purse {
		min-height: 100vh;
		background-color: #ffffff;
		// padding:  0 0 10rpx 0;

		.from-body {
			padding: 40rpx 20rpx 0rpx 20rpx;

			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			text-align: left;
			color: #333333;
			// line-height: 40px;

			.from-line {
				margin-top: 40rpx;
			}

			.mt56 {
				margin-top: 30rpx;
			}

			input {
				width: 612rpx;
				height: 90rpx;
				line-height: 90rpx;
				background: #F5F5F5;
				border-radius: 46rpx;

				padding: 0 50rpx;

				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: 400;
				text-align: left;
				color: #333;
			}
		}

		.button-submit {
			width: 596rpx;
			height: 90rpx;
			line-height: 90rpx;
			background: $uni-color;
			border-radius: 46rpx;

			margin: 20rpx auto;

			font-size: 36rpx;
			font-family: PingFang SC, PingFang SC-Regular;
			font-weight: 400;
			text-align: center;
			color: #ffffff;
		}
	}
</style>