/*
 * @Description: 公共登录组件
 * @Author: fengal
 * @Date: 2024-01-02 08:25:52
 */
<template>
	<view class="body-login">
		<!-- 欢迎页-选择登录方式 -->
		<view v-show="showWelcomePage">
			<welcome-page ref="welcomePage" 
			:loginUrl="loginUrl" :options="options" 
			:agreementUrlList="agreementUrlList" :uniLoginOptions="uniLoginOptions" 
			@show-code-login="codeLogin" @show-passwd-login="passwdLogin" @login="handleLogin" />
		</view>
		<!-- 验证码登录 -->
		<view v-show="showCodeLogin">
			<code-login :loginUrl="loginUrl" :options="options" :agreementUrlList="agreementUrlList"
			@uni-login="uniLogin"  
			@show-passwd-login="passwdLogin" @show-service-agreement="showServiceAgreement" 
			@show-privacy-agreement="showPrivacyAgreement" @login="handleLogin" />
		</view>
		<!-- 账号密码登录 -->
		<view v-show="showAccountPasswdLogin">
			<account-passwd-login :loginUrl="loginUrl" :options="options" :agreementUrlList="agreementUrlList" 
			@uni-login="uniLogin" 
			@show-code-login="codeLogin" @show-service-agreement="showServiceAgreement" 
			@show-privacy-agreement="showPrivacyAgreement" @login="handleLogin" />
		</view>
	</view>
</template>

<script>
import AccountPasswdLogin from './components/AccountPasswdLogin.vue'
import CodeLogin from './components/CodeLogin.vue'
import WelcomePage from './components/WelcomePage.vue'

export default {
	name: 'BigLogin',
	
	props: {
		// 登录接口
		loginUrl: {type: String, default: ''},

		// 登录组件选项
		options: {type: Object, default: function() {return {}}},

		// 协议地址
		agreementUrlList: {type: Object, default: function() {return {}}},

		// 一键登录相关选项
		uniLoginOptions: {type: Object, default: function() {return {}}},	
	},
	
	components: {
		'account-passwd-login': AccountPasswdLogin,
		'code-login': CodeLogin,
		'welcome-page': WelcomePage,
	},
	
	data() {
		return {
			showWelcomePage: true,
			showCodeLogin: false,
			showAccountPasswdLogin: false,
		}
	},
	
	methods: {
		uniLogin() {
			this.showAccountPasswdLogin = false;
			this.showCodeLogin = false;
			this.showWelcomePage = true;
			this.$refs.welcomePage.uniLoginProcess();
		},

		codeLogin() {
			this.showWelcomePage = false;
			this.showAccountPasswdLogin = false;
			this.showCodeLogin = true;
		},
    
		passwdLogin() {
			this.showWelcomePage = false;
			this.showCodeLogin = false;
			this.showAccountPasswdLogin = true;
		},
	
		showServiceAgreement() {
			uni.navigateTo({
				url: this.agreementUrlList.servicePageUrl
			})
		},

		showPrivacyAgreement() {
			uni.navigateTo({
				url: this.agreementUrlList.privacyPageUrl
			})
		},

		handleLogin(mode, username, password, data) {
			this.$emit('login-success', mode, username, password, data);
		}
	}
}
</script>

<style scoped lang="scss">
.body-login {
	width: 100%;
	height: 100%;
	position: relative;
}
</style>