<template>
	<view class="content">
		<view class="band">
			<view class="contentItem">
			  <text>姓名:</text>
			  <input class="user-input" type="text"  placeholder="请输入姓名"/>
			</view>
			<view class="contentItem">
			  <text>英文名:</text>
			  <input class="user-input" maxlength="10"  type="text"  placeholder="请输入英文名"/>
			</view>
			<view class="contentItem">
			  <text>手机号</text>
			  <input class="user-input" maxlength="10"  type="text"  placeholder="请输入手机号"/>
			</view>
			<view class="contentItem">
			  <text>证件类型</text>
			  <input class="user-input" maxlength="10"  type="text"  placeholder="请输入证件类型"/>
			</view>
			<view class="contentItem">
			  <text>证件号</text>
			  <input class="user-input" maxlength="10"  type="text"  placeholder="请输入证件号"/>
			</view>
		<!-- 	<view class="contentItem">
			  <text>个人简介</text>
			  <textarea class="user-textarea"></textarea>
			</view> -->
			<view class=""  style="margin-top: 20rpx;" >
				<text >上传计划书</text>
			</view>
			<view class="uploadpdf" @click="uploadFile()">
				
			</view>
		</view>
		<view class="footer">
			<button class="user-button">保存</button>
		</view>
	</view>
</template>

<script>
	import {
		uploadFilepdf
	} from '@/util/uploaderFile'
	export default {
		data() {
			return {

			}
		},
		methods:{
			uploadFile(event) {
				// let that = this;
				// uploadFilepdf()
				// 	.then(res => {
				// 		that.headUrl = res[0].url
				// 	})
				uni.uploadFile({
						url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址
						files: 上边的filelist,
						formData: {
							//图片张数
							'length': 上边的filelist.length
						},
						success: (res) => {
							console.log(res.data);
						}
					});
			},
		}
	}
</script>

<style scoped>
	.content {
		width: 100vw;
	}
	.user-input{
		text-align: right;
	}
	.user-textarea{
		border: 1px solid #C7C7C7;width: 540rpx;
		height: 270rpx;
		border-radius: 10rpx;
	}
.band{
	margin: 0 20rpx;
	font-size: 26rpx;
}
.uploadpdf{
	width: 274px;
	height: 160px;
	background: #F8F8F8;
	border-radius: 2px 2px 2px 2px;
	opacity: 1;
	border: 1px solid #E3E3E3;
	margin: 20px auto;
}
	.headportrait {
		width: 260rpx;
		height: 260rpx;
		border: 1rpx solid aqua;
		border-radius: 50%;
	}
	.contentItem{
		margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		border-bottom: 2rpx solid #E4E4E4;
		padding: 10rpx;
	}
	.footer{
		width: 500rpx;
		height: 80rpx;
		opacity: 1;
		margin: 80rpx auto;
	}
	.user-button{
		color: #FFFFFF;
		background: #20269B;
		border-radius: 80px;
	}
</style>
