<template>
	<view class="main main-bg">
		<view class="main-list">
			<view class="list-left font-color3 font-thirty-two">姓名</view>
			<view class="list-right font-color2 font-thirty-two">{{ list.veteransName ? list.veteransName : '' }}</view>
		</view>
		<view class="main-list">
			<view class="list-left font-color3 font-thirty-two">身份证号码</view>
			<view class="list-right font-color2 font-thirty-two">{{ list.veteransIdcard ? list.veteransIdcard : '' }}</view>
		</view>
		<view class="main-list">
			<view class="list-left font-color3 font-thirty-two">军人电话</view>
			<view class="list-right font-color2 font-thirty-two">{{ list.veteransTel ? list.veteransTel : '' }}</view>
		</view>
		<view class="main-list">
			<view class="list-left font-color3 font-thirty-two">军人等级</view>
			<view class="list-right font-color2 font-thirty-two">{{ list.level ? list.level : '' }}</view>
		</view>
	</view>
</template>

<script>
import server from "@/api/index";
export default {
	data() {
		return {
			list:{},
			userId: null,
			type: null
		};
	},
	onLoad(e) {
		this.userId = e.money;
		this.type = e.id;
		this.getInfoFn(e.money, e.id);
	},
	methods:{
		getInfoFn(id, type){
			server.getRegister(id, type).then(res =>{
				this.list = res
			})
		},
	}
}
</script>

<style lang="scss" scoped>
	.main{
		width: 100%;
		height: auto;
		min-height: 100vh;
		padding: 30rpx;
		.main-list{
			width: 100%;
			height: 102rpx;
			line-height: 102rpx;
			padding-left: 30rpx;
			padding-right: 30rpx;
			display: flex;
			justify-content: space-between;
			background: #fff;
			border-radius: 24rpx;
			margin-bottom: 30rpx;
			.list-right{
				font-weight: 600;
			}
		}
	}
</style>
