<template>
	<view class="container">
		
		<!-- 切换环境 -->
		
		<view v-if="!hasInit" style="display: flex; flex-direction: row; align-items: center;justify-content: center;">
			
			<view>{{isDebug ? '测试环境' : '正式环境'}}</view>
			
			<switch :checked="isDebug" @change="onChangeVersion" />
		</view>
		
		
		<!-- 初始化 -->
		<button v-if="!hasInit" type="default" style="margin-top: 40rpx; width: 500rpx;" @click="doInit">初始化</button>
		
		
		<view v-else>
			
			<input
				v-if="!hasLogin"
				v-model="userToken"
				class="input-title f30 main-black-color" 
				style="width: 200upx; background-color: #00000000;"  
				adjust-position="false"
				placeholder="请输入UserToken" 
				type="text"
			/>
			
			<button v-if="!hasLogin" type="default" style="margin-top: 40rpx;" @click="doLogin">登录</button>
			
			<button v-if="hasLogin" type="default" style="margin-top: 40rpx;" @click="goHome">跳转首页</button>
			
			<button v-if="hasLogin" type="default" style="margin-top: 40rpx;" @click="doCall">呼叫</button>
			
			<button v-if="hasLogin" type="default" style="margin-top: 40rpx;" @click="logout">登出</button>
			
		</view>
		
	</view>
</template>

<script>
	var plugins = require('../../common/plugins.js') 
	
	export default {
		
		data() {
			return {
				hasInit:false,
				hasLogin:false,
				userToken:'',
				isDebug:true,
			}
		},
		

		methods: {
			doInit(){
				plugins.PluginTestFunction("doInit",this.isDebug);
				
				this.hasInit = true
			},
			
			onChangeVersion(e) {
				this.isDebug = e.target.value
			},
			
			doLogin() {
				if(this.userToken.length == 0) {
					uni.showToast({
						title:'请输入userToken'
					})
					
					return
				}
				
				plugins.PluginTestFunction("doLogin",this.userToken);
				
				setTimeout(()=>{
					this.hasLogin = true
				}, 200);
			},
			
			
			goHome(){
				plugins.PluginTestFunction("goHome",this.userToken);
			},
			
			
			doCall(){
				plugins.PluginTestFunction("doCall",this.userToken);
			},
			
			
			logout(){
				plugins.PluginTestFunction("logout",this.userToken);
				this.hasLogin = false
			}
		}
	}
</script>

<style>
	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}
</style>