<template>
	<view>
		<!-- 顶部导航栏 -->
		<!-- <uni-nav-bar status-bar=true left-icon="arrowthinleft" background-color="#03b6b3" color="#ffffff" @clickLeft="navigateBack">
			<text slot="default" style="text-align: center; flex: 1; font-size: 18px; font-weight: bold;">报名信息</text>
			<button slot="right" size="mini" style="height: 30px; color: #FFFFFF; background-color: #1e9694; padding: 0 10px"
			 @click="save">确定</button>
		</uni-nav-bar> -->
		<!-- 信息填入 -->
		<view class="uni-common-mt">
			<view class="uni-form-item uni-column">
				<input class="uni-input" v-model="message" @input="setUser"/>
			</view>
		</view>

	</view>
</template>

<script>
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue";
	export default {
		components: {
			uniNavBar
		},
		props: [
			// 'contactPersonName',
			// 'nameEn',
			// 'contactCellphone',
			// 'contactEmail',
			'propval'
			],
		data() {
			return {
				message: "",
				flag: false,
			}
		},
		watch:{
			// propval(val){
			// 	this.message = val;
			// },
			// contactPersonName(val){
			// 	this.message = val;
			// },
			// nameEn(val){
			// 	this.message = val
			// },
			// contactCellphone(val){
			// 	this.message = val
			// },
			// contactEmail(val){
			// 	this.message = val
			// },
			// contactEmail(val){
			// 	this.message = val
			// },
		},
		mounted() {
			this.message = this.propval;
			// const that = this;
			// const eventChannel = this.getOpenerEventChannel();
			// eventChannel.on('sandChangedText', function(data) {
			// 	that.mark = data.mark;
			// 	that.message = data.value;
			// 	that.invitationCodeArr = data.invitationCodeArr
			// });
		},
		methods: {
			setUser(){
				this.$emit('input',this.message)
				// this.$emit('transferUser',this.message)
			},
		},
	}
</script>

<style>
	page {
		/* background-color: #888888; */
	}

	.uni-common-mt {
		position: relative;
	}

	.uni-input {
		height: 54rpx;
		width: 650rpx;
		/* margin-left: 10rpx; */
		font-size: 30rpx;
		background: #E4E7ED;
	}
	.icon-clear {
		position: absolute;
		top: 50%;
		right: 10rpx;
		transform: translate(0, -50%);
	}
</style>
