pages/sub_mine/unbindBankCard.vue

<template>
	<view class="unbindBankCard">
		<view class="unbindBankCard-list">
			<u-field v-model="name" :disabled="true" label="姓名" :field-style="fieldStyle" clear-size="40"></u-field>
			<u-field v-model="bankno" :disabled="true" label="银行卡号" :field-style="fieldStyle" clear-size="40"></u-field>
			<u-field v-model="status" :disabled="true" label="状态" :field-style="fieldStyle" clear-size="40"></u-field>
			<u-field v-model="pwd" label="支付密码" placeholder="请输入6位支付密码" placeholder-style="color:#999999" maxlength="6"
			 :password="true"
			 type="number" clear-size="40"></u-field>
		</view>
		<u-button :custom-style="unbindBankCardBtn" @click="unbind">解除绑定</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: "暂无",
				bankno: "暂无",
				status: "暂无",
				pwd: "",
				fieldStyle: {
					'font-size': '30rpx',
					'color': '#333333'
				},
				unbindBankCardBtn:{
					width: '600rpx',
					backgroundColor: '#fa3534',
					color: '#FFFFFF',
					fontFamily: "PingFang-SC-Medium",
					fontSize: '30rpx',
					marginTop: '150rpx',
					padding: '50rpx 0'
				}
			}
		},
		methods: {
			getCardsiInfor() {
				let that = this
				that.$u.post("/v1/cardinfor").then((res) => {
					that.name = res.name
					that.status = res.cardstatus
					that.bankno = res.cardno
				})
			},
			unbind() {
				let that = this
				let pwd = that.pwd
				if (pwd == "") {
					uni.showToast({
						title: "请输入您的支付密码",
						icon: "none",
						duration: 800
					})
					return false
				}
				let param = {
					paypwd: pwd
				}
				that.$u.post("/v1/unsignbxy", param).then((res) => {
					uni.setStorageSync("signed", "")
					uni.showToast({
						title: "解绑成功",
						icon: "none",
						duration: 800,
						complete(res) {
							setTimeout(() => {
								uni.navigateBack({
									delta: 1
								})
							}, 1500)
						}
					})
				})
			}
		},
		onLoad() {
			this.getCardsiInfor()
		}

	}
</script>

<style lang="scss" scoped>
	.unbindBankCard {
		width: 100vw;
		// height: 100vh;
		background-color: #F3F3F3;
		overflow: hidden;
		padding-bottom: 30rpx;

		&-list {
			background-color: #FFFFFF;
			margin-top: 30rpx;
		}

		&-btn {
			width: 600rpx;
			background-color: #2FA8E1;
			color: #FFFFFF;
			font-family: "PingFang-SC-Medium";
			font-size: 30rpx;
			margin-top: 150rpx;
			padding: 50rpx 0;
		}
	}
</style>