cardrenzheng.vue 3.4 KB
<template>
	<view class='content'>
		<view class="topimg">
			<image src="../../static/zhifubao.png" mode=""></image>
		</view>
		<view class="renzhengrule">
			认证规则及效果文案认证规则及效果文案认证规则及效果文案认证规则及
			效果文案认证规则及效果文案认证规则及效果文案认证规则及效果文案认
			证规则及效果文案认证规则及效果文案认证规则及效果文案
		</view>
		<view class="phonebox">
			<view class="loginboxitem flex">
				<view class="boxitemleft">
					<image src="../../static/phone.png" mode=""></image>
				</view>
				<view class="boxitemright">
					<input type="text" value="" placeholder="请输入姓名" placeholder-class="enter" @input="entername" />
				</view>
			</view>
			<view class="loginboxitem flex">
				<view class="boxitemleft">
					<image src="../../static/card.png" mode=""></image>
				</view>
				<view class="boxitemright">
					<input type="text" value="" placeholder="请输入身份证号" placeholder-class="enter" @input="entercard" />
				</view>
			</view>
		</view>
		
		<view class="xiebox">
			<view class="renword">开始认证即表示同意 <text class="xieyi">《认证服务协议》</text></view>
			<view class="xiebot" @click="renzheng">开始认证</view>
		</view>
	</view>
</template>

<script>
	import app from "../../App.vue";
	    export default {
	        data() {
	            return {
	                showbanben: false,
					name:'',
					card:''
	            }
	        },
	        onLoad() {
	        },
	        methods: {
	           entername(e){
				   this.name=e.detail.value;
				  
			   },
			   entercard(e){
				   this.card=e.detail.value;
			   },
			   // 提交
			   renzheng(){
				   let that=this;
				   var url = 'member/update_user';
				   var params = {
				   	card_name: that.name,
					card_number:that.card
				   }
				   console.log('传的参数', params)
				   app.post(url, params).then((res) => {
				   	console.log(res);
					that.renzhengk()
				   	
				   
				   }).catch((err) => {
				   
				   })
			   },
			   renzhengk(){
				   let that=this;
				   var url = 'authentication/index';
				   var params = {
				   	
				   }
				   console.log('7766554', params)
				   app.post(url, params).then((res) => {
				   	console.log(res);
				   	uni.requestPayment({
				   		provider: 'alipay',
				   		orderInfo: res.data.data.result,
				   		success(r) {
				   			console.log(r) 
				   		}
				   	})
				   
				   }).catch((err) => {
					   console.log(err)
				   
				   })
			   }
	      
	        }
	
	    }
</script>
<style>
	@import url('../../base/login');
	.boxitemright{
		flex:1
	}
	.boxitemright input{
		width:100%;
		color:#5A5D62;
		font-size: 28rpx;
		
	}
	.renword{
		color:#5A5D62;
		font-size: 28rpx;
	}
	.xieyi{
		color:#FF961A;
		font-size: 28rpx;
	}
	.xiebox{
		position: fixed;
		bottom:0;
		left:0;
		width:750rpx;
		padding: 14rpx 32rpx;
		box-sizing: border-box;
	}
	.xiebot{
		width:686rpx;
		height:88rpx;
		background: #C29445;
		color:#fff;
		font-size:32rpx;
		text-align: center;
		line-height: 88rpx;
		margin-top:22rpx;
		border-radius: 10rpx;
	}
	.content{
		padding:0 32rpx;
		box-sizing: border-box;
	}
	.topimg{
		width:136rpx;
		height:136rpx;
		font-size: 0;
		margin:80rpx auto 0;
	}
	.renzhengrule{
		color:#5A5D62;
		font-size: 28rpx;
		line-height: 1.5;
		margin-top:60rpx;
	}
	.phonebox{
		margin-top:60rpx;
	}
	.boxitemleft{
		margin-top:5rpx;
	}
	
</style>