<template>
    <view class="content">
        <image class="drawTitle" src="@/static/img/draw-title.png" mode="widthFix"></image>
        <view class="campus-cont">
            <form @submit="forgetlogin">
        		<view class="campus-inputs">
        		    <image class="campus-form-icon" src="/static/img/draw_login_03.png" mode="aspectFill"></image>
        		    <input class="campus-form-input" maxlength="6" type="password" placeholder="请设置登录密码" name="password" placeholder-style="color:#c9c9c9;"></input>
        		</view>
                <view class="campus-inputs">
                    <image class="campus-form-icon" src="/static/img/draw_login_03.png" mode="aspectFill"></image>
                    <input class="campus-form-input" maxlength="6" type="password" placeholder="请确认登录密码" name="newpassword" placeholder-style="color:#c9c9c9;"></input>
                </view>
        		<button class="campus-form-btn" form-type="submit">立即找回</button>
            </form>
        </view>
        
    </view>
</template>

<script>
    import { passSetup } from '@/apis/interfaces/auth'
    export default {
        data() {
            return {
            }
        },
        // 生命周期函数--监听页面显示
        onShow() {
            // 存储环境-用户抽奖活动
            getApp().globalData.envType = 'drawEnv'
        },
        methods: {
            // 立即登录
            forgetlogin(e){
                let newPass  = e.detail.value.newpassword || '',
            		password = e.detail.value.password || ''
            	passSetup({
            		password: password,
            		password_confirmation: newPass
            	}).then(res => {
            		uni.showToast({
            			title: "密码重置成功",
            			icon : 'none'
            		})
            		uni.reLaunch({
            		    url: '/pages/draw/index'
            		})
            	}).catch(err =>{
            		uni.showToast({
            			title: err.message,
            			icon : 'none'
            		})
            	})
            }
        }
    }
</script>

<style lang="scss">
	page {
	    background-color: #f67b5a;
	}
	
	.drawTitle {
	    width: 100%;
	}
	
	.campus-cont {
	    padding: 10rpx 50rpx 0;
	    box-sizing: border-box;
	    .campus-inputs {
	        background-color: #FFFFFF;
	        border-radius: 10rpx;
	        margin-bottom: 30rpx;
	        height: 100rpx;
	        line-height: 100rpx;
	        display: flex;
	        padding: 0 30rpx;
	        box-sizing: border-box;
	        .campus-form-icon {
	            width: 50rpx;
	            height: 50rpx;
	            margin: 25rpx 20rpx 0 0;
	        }
	        .campus-form-input {
	            width: calc(100% - 70rpx);
	            height: 100%;
	            line-height: 100rpx;
	            font-size: 32rpx;
	        }
	    }
	    .campus-form-btn {
	        background-color: #ffe455;
	        border-radius: 10rpx;
	        line-height: 100rpx;
	        font-size: 36rpx;
	        color: #6a4902;
	        margin-top: 40rpx;
	        box-shadow: 4rpx 4rpx 6rpx #c62024;
	    }
	    .login-box {
	        line-height: 90rpx;
	        padding: 0 10rpx;
	        box-sizing: border-box;
	        color: #FFFFFF;
	        font-size: 32rpx;
	        text-align: center;
	    }
	}
</style>
