frontend-app/pages/rwa_package/account/bind.vue

<template>
	<view class="content">
		<TopSafe bgColor="rgba(0,0,0,0)"></TopSafe>
		<Header :title="topText" bgColor="rgba(0,0,0,0)" />
		<view class="setting-view">
			<view class="mid-view">
				<text class="text-gray text-32" v-if="type == 1">注：请与当前登录微信信息一致</text>
				<text class="text-gray text-32 mt-24">{{ type == 0 ? '支付宝账号' : '微信账号' }}</text>
				<view class="input-view">
					<up-input :placeholder="`请输入${type == 0 ? '支付宝' : '微信'}账号`" border="surround" v-model="account"
						:customStyle="inputCss"></up-input>
				</view>
				<text class="text-gray text-32 mt-48">{{ type == 0 ? '支付宝姓名' : '微信姓名' }}</text>
				<view class="input-view">
					<up-input :placeholder="`请输入${type == 0 ? '支付宝' : '微信真实'}姓名`" border="surround" v-model="name"
						:customStyle="inputCss"></up-input>
				</view>
			</view>
		</view>
		<view class="bottom-btn">
			<MyBtn text="添加" @ok="onAdd"></MyBtn>
		</view>
		<up-toast ref="uToastRef"></up-toast>
	</view>
</template>

<script>
import { bindWithdraw } from '@/api/common.js';
import Header from '@/components/common/header.vue';
import { clear } from '@/utils/auth.js';
import TopSafe from '@/components/common/top-safe.nvue'
import MyBtn from '@/components/common/my-btn.vue'
import func from '@/utils/func.js';
import AccountItem from './components/account-item.vue'

export default {
	components: { Header, TopSafe, MyBtn, AccountItem },
	data() {
		return {
			topText: '',
			type: 0,
			account: '',
			name: '',
			wxCode: '',
			inputCss: {
				"height": '80rpx',
				"background": "#F3F3F3FF",
				"border-radius": "30rpx",
				"border": "0rpx",
				"padding-left": "12rpx",
			},
		};
	},
	onLoad(option) {
		if (option && option.type) {
			this.type = Number(option.type);
			this.init();
		}
	},
	methods: {
		init() {
			if (this.type == 0) {
				this.topText = '绑定支付宝账户';
			} else if (this.type == 1) {
				this.topText = '绑定微信账户';
			}
		},
		setBindWithdraw() {
			if (!this.account) {
				this.$refs.uToastRef.show({
					type: 'error',
					message: '账户不可为空',
				});
				return;
			}
			if (!this.name) {
				this.$refs.uToastRef.show({
					type: 'error',
					message: '名字不可为空',
				});
				return;
			}
			let params = {
				platform: this.type + 1,
				accountNumber: this.account,
				accountName: this.name
			}
			if (this.type == 1) {
				params['code'] = this.wxCode;
			}

			// #ifdef MP-WEIXIN
			params.platform = 3;
			// #endif
			console.log('wxCode', params)
			bindWithdraw(params).then(res => {
				if (res.bizcode === 100) {
					this.$refs.uToastRef.show({
						type: 'success',
						message: '绑定成功',
					});
					this.account = '';
					this.name = '';
					setTimeout(() => {
						uni.navigateBack();
					}, 1000)
				} else {
					this.$refs.uToastRef.show({
						type: 'error',
						message: res.msg,
					});
					return null;
				}
			})
		},
		onAdd() {
			if (this.type == 1) {
				let _this = this;
				uni.login({
					provider: 'weixin',
					onlyAuthorize: true,
					success: function (loginRes) {
						_this.wxCode = loginRes.code;
						console.log('aaaaa', loginRes.code)
						console.log('bbbb', loginRes)
						_this.setBindWithdraw();
					},
					fail: (err) => {
						console.log('login', err);
					}
				});
			} else {
				this.setBindWithdraw();
			}

		}
	}
}
</script>

<style lang="scss" scoped>
.bottom-btn {
	width: 100%;
	margin-bottom: 92rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 32rpx;
	box-sizing: border-box;
	position: relative;

}

.setting-view {
	width: 100%;
	height: calc(100% - 88rpx - 92rpx - 88rpx - var(--status-bar-height));
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-y: auto;
	padding: 0 32rpx;
	box-sizing: border-box;
	position: relative;

	.mid-view {
		width: 100%;
		display: flex;
		flex-direction: column;
		overflow-y: auto;
		box-sizing: border-box;
		background-color: #fff;
		border-radius: 16rpx;
		padding: 48rpx 32rpx;
		margin-top: 24rpx;

		.input-view {
			width: 100%;
			height: 100rpx;
			background-color: #f5f5f5;
			border-radius: 20rpx;
			margin-top: 32rpx;
			display: flex;
			flex-direction: row;
			align-items: center;

		}
	}


}
</style>