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;
			}
			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>