<template>
	<div id="app">
		<router-view v-if="isRouterAlive"></router-view>
	</div>
</template>

<script>
import { getWxConfig } from './api/index'
import { checkIsLogin } from "./api/login"
import wx from "weixin-jsapi";
export default {
	name: 'App',
	provide() { //父组件中通过provide来提供变量，在子组件中通过inject来注入变量。                                             
		return {
			reload: this.reload
		}
	},
	data() {
		return {
			isRouterAlive: true //控制视图是否显示的变量
		}
	},
	async created() {
		const res = await getWxConfig({url: encodeURI(window.location.href.split('#')[0])})
		if(res.code === 0) {
			this.configData = {
				debugger: true, 
				appId:res.data.appId,
				timestamp:res.data.timestamp,
				nonceStr:res.data.nonceStr,
				signature:res.data.signature,
				jsApiList:['checkJsApi','scanoRcode','getLocation','updateAppMessageshareData'],
				url:res.data.url
			}
		}
		wx.config(this.configData)
	},

	// async created() {
	// 	if (this.$route.path !== "/Login") {
	// 		const res = await checkIsLogin();
	// 		if (res.msg !== "success") {
	// 			this.$router.push({ path: '/Login' })
	// 		}
	// 	}
	// 	window.localStorage.setItem('CourierScanUrl', location.href.split('#')[0])
	// 	const res = await getWxConfig({
	// 		// url: window.location.href
	// 		url: encodeURI(window.location.href.split('#')[0])
	// 	})

	// 	//发送成功
	// 	var timestamp = res.wxConfig.timestamp;
	// 	var noncestr = res.wxConfig.nonceStr;
	// 	var signature = res.wxConfig.signature;
	// 	var appId = res.wxConfig.appId;
	// 	var jsapiTicket = res.jsapi_ticket
	// 	var url = res.wxConfig.url
	// 	wx.config({
	// 		debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	// 		// debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	// 		appId: appId, // 必填，公众号的唯一标识
	// 		timestamp: timestamp, // 必填，生成签名的时间戳
	// 		nonceStr: noncestr, // 必填，生成签名的随机串
	// 		signature: signature, // 必填，签名，见附录1
	// 		jsApiList: [
	// 			"scanQRCode",
	// 		], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
	// 		jsApiTicket: jsapiTicket, 
	// 		url: url
	// 	});
	// 	//  res => {
	// 	// 	//发送失败
	// 	// 	Toast("网络错误!")
	// 	// }
	// },
	methods: {
		reload() {
			this.isRouterAlive = false; //先关闭，
			this.$nextTick(function () {
				this.isRouterAlive = true; //再打开
			})
		}
	}
}
</script>

<style scoped>
#app {
	width: 100%;
	max-width: 7.5rem;
	margin: 0 auto;


}

:root {
	--van-primary-color: #ccc;
	/* 你想要的主色 */
	--van-background-color: #000;
	/* 背景色 */
	--van-text-color: #fff;
	/* 文字色 */
	/* 更多颜色变量 */
}
</style>
