<template>
	<view class="content">
		<view class="box">
			<view class="item top">
				<text>真实姓名</text>
				<input type="text" v-model="name" value="" placeholder="请输入真实姓名" />
			</view>
			<view class="item">
				<text>支付宝账号</text>
				<input type="text" v-model="id" value="" placeholder="请输入支付宝账号" />
			</view>
			<view class="item">
				<text>手机号</text>
				<input type="text" v-model="phone" value="" placeholder="请输入手机号" />
			</view>
		</view>
		<view class="button" @click="confirm()">确认</view>
	</view>
</template>

<script>
import { orderData, getUserInfo } from '@/api/user.js';
import { mapState, mapMutations } from 'vuex';
import { auction,pay_list } from '@/api/wallet.js';
export default {
	computed: {
		...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
	},
	data() {
		return {
			name: '',
			id: '',
			phone:''
		};
	},
	onLoad() {
		pay_list().then(({data}) =>{
			if(data.zfb != ''){
				this.name = data.zfb.name
				this.id = data.zfb.payment
				this.phone = data.zfb.phone
			}
		})
	},
	methods: {
		...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
		confirm() {
			let obj = this;
			if (!obj.name) {
				return this.$api.msg('请输入提款人姓名');
			}
			if (!obj.id) {
				return this.$api.msg('请输入支付宝账号');
			}
			if (!obj.phone) {
				return this.$api.msg('请输入手机号码');
			}
			auction({
				type:2,
				name: obj.name,
				payment: obj.id,
				phone: obj.phone,
			})
				.then(e => {
					obj.$api.msg('修改成功');
				})
				.catch(e => {
					console.log(e);
				});
		},
	}
};
</script>

<style lang="scss">
page,
.content {
	height: 100%;
	padding: 0;
	margin: 0;
}
.top {
	border-bottom: 1rpx solid #f3f3f3;
}
.box {
	background: #ffffff;
	margin: 20rpx 0 70rpx 0;
	.item {
		display: flex;
		align-items: center;
		text {
			margin: 0 40rpx 0 25rpx;
			width: 150rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 100rpx;
		}
		input {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 100rpx;
		}
	}
}
.button {
	text-align: center;
	width: 560rpx;
	height: 80rpx;
	background: #FD3B39;
	border-radius: 40rpx;
	font-size: 30rpx;
	font-family: PingFangSC;
	font-weight: 500;
	color: #ffffff;
	line-height: 80rpx;
	margin: 0 auto;
}
</style>
