/*
 * @Description: 通用欢迎页
 * @Author: fengal
 * @Date: 2023-12-19 14:43:52
 * @LastEditTime: 2024-01-04 10:13:52
 */
<template>
	<view class='body'>
		<view style="display: flex; justify-content: center;">
			<view class="welcome-main">
				<u-image width="90px" height="90px"
				border-radius="45px" class="img-logo" 
				:src="options.instLogo" mode="aspectFit">
				<u-loading mode="circle"></u-loading>
			    </u-image>
				<span class="welcome-main-title" :style="{color: options.titleFontColor}">
					欢迎进入{{options.platformAlias || ''}}
				</span>
				<view v-show="showLoading" style="position: fixed; top: 340px;">
					<u-loading :show="showLoading" mode="circle" size="60"></u-loading>
				</view>
				<button v-if="options.useUniLoginProcess" type="primary" class="welcome-main-title-button" 
				:style="options.buttonCustomStyle" :loading="showLoginLoading" @click="uniLoginProcessThrottle">
					本机一键登录
				</button>
				<button v-if="options.useCodeLogin" type="primary" class="welcome-main-title-button" 
				:style="options.buttonCustomStyle" @click="handleCodeLogin">
					验证码登录
				</button>
				<button v-if="options.usePasswardLogin" type="primary" class="welcome-main-title-button" 
				:style="options.buttonCustomStyle" @click="handlePasswardLogin">
					账号密码登录
				</button>
			</view>
			<text v-if="options.companyName" class="welcome-bottom">{{options.companyName}}</text>
		</view>
		
		<!-- 不符合一键登录弹框 -->
	   <failed-login-modal v-if="showFailedLoginModal" @cancel="showFailedLoginModal=false" />
		
	</view>
</template>

<script>
import UniLoginFailedModal from './components/UniLoginFailedModal.vue'

export default {
	props: {
		loginUrl: {type: String, default: ''},

		options: {type: Object, default: function() {return {}}},

		agreementUrlList: {type: Object, default: function() {return {}}},

		uniLoginOptions: {type: Object, default: function() {return {}}},
	},
	
	components: {
		'failed-login-modal': UniLoginFailedModal,
	},

	data() {
		return  {
			uniOpenId: '',
			showFailedLoginModal: false,
			showLoading: false,
			showLoginLoading: false, //是否显示一键登录加载中样式
			showWelcomePage: true, //是否显示欢迎页
			otherLogin: '',
			// uniapp一键登录样式
			univerifyStyle: {
				fullScreen: true,
				showOtherButton: false,
				logo: this.options.instLogo,
				defaultCheckBoxState: false,
				uncheckedImage: this.options.uniLoginUncheckedImage,
				checkedImage: this.options.uniLoginCheckedImage,
				suffix: '并授权本平台获取本机手机',
				privacyItems: [
					{
						"url": this.agreementUrlList.serviceAgreement, // 点击跳转的协议详情页面  serviceAgreement
						"title": "用户协议" // 协议名称  
					},
					{  
						"url": this.agreementUrlList.privacyAgreement, // 点击跳转的协议详情页面  privacyAgreement
						"title": "隐私权政策" // 协议名称  
					}  
				]
			},
			uniLoginProcessThrottle: this.interactionUtil.throttle(this.uniLoginProcess),
		}
	},
	
	methods: {
		uniLoginProcess() {
			if (this.showLoading) return;
			this.showLoginLoading = true;
			this.uniLoginUtil.uniPreLogin().then(_result => {
				return this.uniLoginUtil.uniLogin(this.univerifyStyle);
			}).then(result => {
				let authResult = result.authResult;
				this.uniOpenId = authResult.openid;
				let urlDecUniloginBalance = this.commonUtil.fillUrlArgments(
					this.uniLoginOptions.decUniLoginBalance, this.uniLoginOptions.uniLoginResourceId);
				let extend = {
					urlReg: this.uniLoginOptions.registerNonExistUserUrl,
					resid: this.uniLoginOptions.uniLoginResourceId,
					urlDecUniloginBalance: urlDecUniloginBalance
				};
				return this.uniLoginUtil.uniCloudRegisterAccountV30(
					this.uniLoginOptions.uniclouldLoginFuncName, authResult, '13522720193', 
					this.uniLoginOptions.useResBalanceCount, extend);
			}).then(result => {
				let realResult = result.result;
				if (realResult == null) {
					throw realResult.message;
				}
				setTimeout(() => {
					this.showLoginLoading = false;
				}, 100);
				this.showLoading = true;
				this.multipulLogin(this.commonConst.LOIGN_PREFIX_MOBILE, realResult.phoneNumber, this.uniOpenId);
			}).catch(err => {
				this.handleUniLoginProcessError(err);
			})
		},
		
		handleUniLoginProcessError(err) {
			// 这里为了兼容iOS延迟了0.1秒,勿删
			setTimeout(() => {
				this.showLoginLoading = false;
			}, 100);
			switch(err.errCode) {
				case 30002:
					break;
				case 30003:
					let pages = getCurrentPages(); 
					if (pages && pages.length > 1) {
						uni.navigateBack({delta: 1});
					}
					break;  
				case 30005:
				case 30006:
					this.showFailedLoginModal = true;
					break;
				default:
					uni.showToast({icon: 'none', title: err.errMsg, 
						duration: this.commonConst.TOAST_DURATION,
					});
					break;
			}
		},

		//登录
		multipulLogin(mode, username, password) {
				if (this.options.encryptionKeyName && this.options.encryptionKey) {
					this.encryptionUnifiedLogin(mode, username, password, this.options.encryptionKeyName, this.options.encryptionKey);
				} else {
					this.unifiedLogin(mode, username, password);
				}
		},

		// 通用登陆
		unifiedLogin(mode, username, password) {
				this.commonUtil.unifiedLogin(mode, username, password, this.loginUrl).then(result => {
						this.showLoading = false;
						if (result != null) {
								this.$emit('login', mode, username, password, result.data);
						}
				}).catch(err => {
						this.showLoading = false;
						uni.showToast({title: err.msg, duration: this.commonConst.TOAST_DURATION, icon: "none"});	
				})
		},

		// 接口加密版--通用登陆
		encryptionUnifiedLogin(mode, username, password, keyName, key) {
				this.commonUtil.encryptionUnifiedLogin(mode, username, password, this.loginUrl, keyName, key).then(result => {
						this.showLoading = false;
						if (result != null) {
								this.$emit('login', mode, username, password, result.data);
						}
				}).catch(err => {
						this.showLoading = false;
						uni.showToast({title: err.msg, duration: this.commonConst.TOAST_DURATION, icon: "none"});	
				})
		},
		
		//验证码登录
		handleCodeLogin() {
			this.$emit('show-code-login')
		},
		
		//账号密码登录
		handlePasswardLogin() {
			this.$emit('show-passwd-login')
		},

	},

	created() {
		// APP启动时清除sessionid,否则会出现问题(验证码登录后,退出APP,重启服务器,再登录获取验证码一直失效)
		uni.removeStorageSync('sessionid');
		this.showLoading = false;
	},
	
	destroyed() {
		this.showLoading = false;
	},
}
</script>

<style>
page {
	background-color: #FFFFFF;
}

.body {
	background-color: #FFFFFF;
}
</style>

<style scoped>
page {
	width: 100%;
	height: 100%;
	position: relative;
}

.body {
	width: 100%;
	height: 100vh;
	background-color: #FFFFFF;
}

.welcome-main {
	position: absolute;
	top: 300rpx;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}

.welcome-main-title {
	margin: 34px 0 75px 0;
	font-size: 26px;
	color: #0081FF;
	line-height: 29px;
	letter-spacing: 1px;
}

.welcome-main-title-button {
	width: 348rpx;
	height: 88rpx;
	line-height: 88rpx;
	border-radius: 22px;
	border: none;
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 62rpx;
	text-align: center;
}

.welcome-main-title-button::after { 
	border: none;
}

.welcome-bottom {
	position: absolute;
	bottom: 30px;
	color: #bdbdbd;
	font-size: 12px;
}

.img-logo {
	width: 90px;
	height: 90px;
}
</style>