<template>
	<view class="codeSealBox">
		<!-- #ifdef H5 || APP-PLUS -->
		<view class="closeCode" @click="closeShowCode" style="top: 124rpx;">+</view>
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
		<view class="closeCode" @click="closeShowCode">+</view>
		<!-- #endif -->
		<view class="title">
			<view class="name">签名密码</view>
			<view class="tip">6位数字签名密码</view>
		</view>
		<view style="height: 36px;"></view>
		<valid-code ref="validCode" @finish="getInpCode" :maxlength="maxlength"></valid-code>
		<view style="height: 36px;"></view>
		<view class="forget" @click="forget">忘记密码？</view>
	</view>
</template>

<script>
	import validCode from '@/components/p-valid-code/p-valid-code.vue'
	import {contract} from '@/api/federation.js'
	export default {
		data () {
			return {
				maxlength: 6
			}
		},
		components: {validCode},
		methods:{
			closeShowCode () {
				uni.navigateBack()
			},
			getInpCode (e){
				var params = {
					password: e
				}
				uni.showLoading({
					title:'请求中'
				})
				contract(params).then(e => {
					uni.hideLoading()
					uni.switchTab({
						url: '/pages/my/my'
					})
				})
			},
			// 忘记密码
			forget(){
				uni.navigateTo({
					url: `/pageMy/setUserBase/seal/forget?`
				})
			}
		}
	}
</script>

<style lang="scss">
	.codeSealBox{
		padding: 285rpx 72rpx 0 72rpx;
		.closeCode{
			position: absolute;
			right: 30rpx;
			top: 120rpx;
			color: #1B66FF;
			transform: rotate(45deg);
			font-size: 40px;
		}
		.title{
			display: flex;
			align-items: center;
		}
		.name{
			height: 46rpx;
			font-size: 46rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 46rpx;
			margin-right: 28rpx;
		}
		.tip{
			height: 38rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 38rpx;
		}
		.forget{
			height: 38rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #5AA0FA;
			line-height: 38rpx;
			text-align: right;
		}
	
	}
</style>
