<template>
	<div class="page">
		<div class="app__bgc bgc"></div>
		<div class="app__bg bg"></div>
		<div class="app__content main">
			<div class="top"></div>
			<div class="top-space"></div>
			<div class="content">
				<div class="table">
					<div class="cont">
						<div class="tit">
							<div class="t1">亲爱的{{userInfo.nickname}}</div>
							<div class="t2">恭喜获奖</div>
						</div>

						<div class="prize">
							<img class="img" src="../../assets/imgs/award-c2.png">
						</div>

						<div class="form">
							<div class="form-item">
								<div class="label">收件人：</div>
								<input v-model="form.username" class="ipt" type="text" placeholder="请填写真实姓名">
							</div>
							<div class="form-item">
								<div class="label">联系方式：</div>
								<input v-model="form.mobile" class="ipt" type="text" placeholder="请填写手机号码">
							</div>
							<div class="form-item">
								<div class="label label2">收件地址：</div>
								<textarea v-model="form.address" class="ipt textarea" placeholder="请填写真实收件地址"></textarea>
							</div>

							<div class="btn-wrap">
								<template v-if="!isAward">
									<div class="tips">您的排行是{{rank}}名，非获奖用户，详情见
										<span @click="toRule" class="rule-btn">大赛介绍</span>
									</div>
									<div class="submit-btn disable">确认提交</div>
								</template>
								<template v-else>
									<div @click="onSubmitHandler" class="submit-btn">确认提交</div>
								</template>
							</div>

						</div>
					</div>

				</div>
			</div>
			<div class="bottom"></div>
		</div>
	</div>
</template>

<script src="./award.js"></script>
<style lang="scss" scoped>
@import "./award.scss";
</style>