<template>
	<view class="content">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<web-view :src="showConfiguration" bindload="bindload" binderror="binderror"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showConfiguration: '',
				params: ''
			};
		},
		onLoad(e) {
			uni.setStorageSync('getConfiguration', {
				isConfiguration: true
			});
			if (e.configId !== null) {
				this.params = e.configId;
				this.requestUrl(this.params);
			}
			// 隐藏原生的tabbar
			uni.hideTabBar();
		},
		onShow() {
			uni.setStorageSync('getConfiguration', {
				isConfiguration: true
			});
		},
		onUnload() {
			uni.setStorageSync('getConfiguration', {
				isConfiguration: false
			});
			uni.removeStorageSync('config');
		},
		methods: {
			// 网页加载成功时候触发此事件
			bindload(res) {
				console.log(res, res.detail);
			},
			// 网页加载失败的时候触发此事件
			binderror(err) {
				console.log(err, err.detail);
			},
			async requestUrl(e) {
				const httpData = {
					configurationId: e,
					lightbox: 1
				};
				const getUrl = await uni.$u.http.get('/', {
					params: httpData,
					custom: {
						load: false
					}
				});
				const pathUrl = uni.getStorageSync('config');
				const userInfo = uni.getStorageSync('userInfo')
				this.showConfiguration =
					`${pathUrl.baseURL}/?configurationId=${e}&userId=${userInfo.userId}&lightbox=1`
			}
		}
	};
</script>

<style lang="scss" scoped>
	.content {
		background: #f8f9fa;
		min-height: 100vh;
	}
</style>