<script>
	import { mapMutations } from 'vuex';
	export default {
		onLaunch: function() {
			console.log('App Launch')
			this.getTimeLineData()
			this.gitFinalTime()
			this.checkToken()
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			checkToken() {
				try{
					let token = uni.getStorageSync('token')
					let uid = uni.getStorageSync('uid')
					uni.request({
						url: 'https://cnrocks.com/users/api/token/',
						method: 'POST',
						data: {
							token,
							uid
						},
						success: res => {
							if (res.data.errMsg === 'auth pass') {
								this.updateUserInfo(res.data.userInfo)
								this.updateIsLogin(true)
							}else{
								uni.clearStorage()
							}
						},
						fail: () => {},
						complete: () => {}
					});
					
				}catch(e){
					//TODO handle the exception
				}
			},
			gitFinalTime() {
				uni.request({
					url: 'https://cnrocks.com/statistic/api/finaltime/',
					method: 'GET',
					success: res => {
						this.updateFinalTime(res.data.data)
					},
					fail: () => {},
					complete: () => {}
				});
			},
			getTimeLineData() {
				uni.request({
					url: 'https://cnrocks.com/timeline/api/timeline/',
					method: 'GET',
					success: res => {
						this.setTimeLine(res.data.data)
					},
					fail: () => {},
					complete: () => {}
				});
			},
			...mapMutations(['setTimeLine', 'updateFinalTime', 'updateIsLogin', 'updateUserInfo'])
		}
	}
</script>

<style>
	/*每个页面公共css */
	page {
		display: flex;
		flex-direction: column;
		min-height: 100%;
		position:relative;
	}
	view {
		display: flex;
	}
</style>