<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="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 class="bottom"></div>
		</div>
	</div>
</template>

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