<template>
	<view class="container">
		<Navbar title="实名认证" canBack></Navbar>
		<view class="userCardCss mr10">
			<basisCellCard title="用户信息" :list="userList"></basisCellCard>
		</view>
		<view class="idCardCss mr10">
			<basisCellCard title="证件信息">
				<view class="text-gray margin-top">
					身份证信息
				</view>
				<view class="flex justify-between margin-top-sm">
					<view class="">
						<u-upload :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="1" multiple
							:maxCount="1" width="150" height="100px">
							<u-image src="" mode="widthFix" width="150px" height="100px"></u-image>
						</u-upload>
					</view>
					<view class="">
						<u-upload :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="2" multiple
							:maxCount="1" width="150" height="100px">
							<u-image src="" mode="widthFix" width="150px" height="100px"></u-image>
						</u-upload>
					</view>
				</view>
				<view class="margin-top-sm">
					<view class="text-gray">
						营业执照信息
					</view>
					<view class="margin-top-sm">
						<u-upload :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="3" multiple
							:maxCount="1" width="250" height="150">
							<view class="businessLicenseImgCss">
								<u-image src="" mode="widthFix" width="100%" height="150px"></u-image>
							</view>
						</u-upload>
					</view>
				</view>

			</basisCellCard>
		</view>
	</view>
</template>

<script>
	import basisCellCard from '@/components/basisCellCard/basisCellCard'
	export default {
		components: {
			basisCellCard
		},
		data() {
			return {
				userList: [{
					name: "头像",
					type: "avatar",
					src: ""
				}, {
					name: "姓名",
					value: "张三"
				}, {
					name: "性别",
					value: "男"
				}, {
					name: "电话",
					value: "18654972301"
				}, {
					name: "地址",
					value: "湖北省武汉市洪山区青菱街道青菱寺西路白沙洲农副产品大市场"
				}, {
					name: "楼层",
					value: "1"
				}, {
					name: "电梯",
					value: "无"
				}, {
					name: "用户类型",
					value: "居民"
				}],
				fileList: [],
			};
		}
	}
</script>

<style lang="scss">
	.container {
		padding-bottom: 10px;
	}

	.mr10 {
		margin: 10px;
	}

	.userCardCss {}

	.businessLicenseImgCss {
		width: 84vw;
	}
</style>