<template>
	<div>
		
		<!-- 表单 -->
		<van-form @submit="onSubmit">
		  <van-field v-model="Zname" class="m" name="中文名" label="中文名" placeholder="请填写中文名"/>
		  <van-field v-model="Ename" type="" name="英文名" label="英文名" placeholder="请填写英文名"/>
		  <van-field v-model="email" class="m" type="" name="邮箱地址" label="邮箱地址" placeholder="请填写邮箱地址"/>
		  <van-field v-model="phone" class="m" type="number" name="手机号" label="手机号" placeholder="请填写手机号"/>
		  <van-field v-model="comid" type="" name="工号" label="工号" placeholder="请填写工号"/>
		  <van-field v-model="company" class="m" type="" name="公司" label="公司" placeholder="请填写公司"/>
		  <van-field v-model="combm" class="m" type="" name="部门" label="部门" placeholder="请填写部门"/>
		  <van-field v-model="price" class="m" type="" name="成本中心" label="成本中心" placeholder="请填写成本中心"/>
		  <van-field v-model="zz" type="" name="幢/座" label="部门" placeholder="请填写部门"/>
		  <van-field v-model="lc" type="" name="楼层" label="楼层" placeholder="请填写楼层"/>
		  <van-field v-model="zw" type="" name="座位" label="座位" placeholder="请填写座位"/>
		  <van-field v-model="bz" type="" name="备注" label="备注" placeholder="请填写备注"/>
		  <div style="margin: 16px;">
		    <van-button round block type="info" native-type="submit">保存</van-button>
		  </div>
		</van-form>
	</div>
</template>

<script>
	import { Form,Toast } from 'vant'
	export default{
		data(){
			return {
				titlename:"个人信息",
				Zname:"",
				email:"",
				Ename:"",
				phone:"",
				comid:"",
				company:"",
				combm:"",
				price:"",
				zz:"",
				lc:"",
				zw:"",
				bz:""
			}		
		},
		methods:{
			onSubmit(){}
		}
	}
</script>

<style lang="less" scoped>
	/deep/.van-form{
	  .van-button--info{
	    background-color: #00c4b8;
	    border: 1px solid #00c4b8;
	    border-radius: 5px;
	  }
	  .m .van-field__label::before{
		  content:"*";
		  color: red;
	  }
	  .van-cell{
	    font-size: .26rem;
	    }
	  .textarea{
	    font-size: .26rem;
	    padding: 10px 16px;
	    color: #646566;
	    textarea{
	      width: 98%;
	      height: 150px;
	      border-color: #e5e5e5;
	      color: #999999;
	      margin-top: 16px;
	      padding: 10px 1%;
	    }
	  }
	}
	/deep/.van-field__control{
	  text-align: right;
	}
</style>
