zhapp/pages/lottery/index.vue

<template>
	<view class="content">
		<web-view :webview-styles="webviewStyles" :src="to_url" @message="getMessage"></web-view>
	</view>
</template>
<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				webviewStyles: {
					progress: {
						color: '#FF3333'
					}
				},
				to_url: '',
			}
		},
		computed: {
			...mapState(['userInfo', 'system_code']),
		},
		onShow() {
			// #ifdef APP-PLUS
			// 设置webview显示时顶部丢失问题
			var height = 0; //定义动态的高度变量，如高度为定值，可以直接写
			uni.getSystemInfo({
				//成功获取的回调函数，返回值为系统信息
				success: (sysinfo) => {
					height = sysinfo.windowHeight -
						40; //自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种，如果不减，页面会下沉，看不到底部导航栏
				},
				complete: () => {}
			});
			var currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
			setTimeout(function() {
				var wv = currentWebview.children()[0];
				wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度，单位为px
					top: 40, //此处是距离顶部的高度，应该是你页面的头部
					height: height, //webview的高度
					scalable: false, //webview的页面是否可以缩放，双指放大缩小,
				})
			}, 500); //如页面初始化调用需要写延迟
			// #endif
		},
		onLoad(options) {
			// jzg-7kP9xL2mN5vQ8zR1jW  ,晋掌柜
			// gyy-aB4cD6eF8gH0iJ2kL4  ,广誉源
			// bdsh-X9yZ1wV3uT5sR7qP9o  ,本地生活

			let currentPlatform = 'jzg-7kP9xL2mN5vQ8zR1jW'; // 当前平台

			// let currentUser = '2043971820430372866'
			let currentUser = this.userInfo.sysUser.userId // 当前用户id

			let tenantId = this.system_code // 晋掌柜 租户id  需要传不需要不传

			let activityId = options.activityId; // 当前活动id
			let localActivityTableId = options.localActivityTableId; // 当前活动id

			// this.to_url = 'http://192.168.5.21:8080/custh5/#/packageF/pages/activity/lottery/turntable?activityId='+ activityId + '&currentPlatform='+currentPlatform+'&currentUser='+currentUser;

		this.to_url = 'https://life.baoxianzhanggui.com/custh5/#/packageF/pages/activity/lottery/turntable?activityId=' + activityId + '&localActivityTableId=' + localActivityTableId + '&currentPlatform=' + currentPlatform + '&currentUser=' + currentUser + '&tenantId=' + tenantId;
	},
	onShow(){
// #ifdef APP-PLUS
                        // 设置webview显示时顶部丢失问题
                        var height = 0; //定义动态的高度变量，如高度为定值，可以直接写
                        uni.getSystemInfo({
                                //成功获取的回调函数，返回值为系统信息
                                success: (sysinfo) => {
                                        height = sysinfo.windowHeight -
                                                40; //自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种，如果不减，页面会下沉，看不到底部导航栏
                                },
                                complete: () => {}
                        });
                        var currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
                        setTimeout(function() {
                                var wv = currentWebview.children()[0];
                                wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度，单位为px
                                        top: 40, //此处是距离顶部的高度，应该是你页面的头部
                                        height: height, //webview的高度
                                        scalable: false, //webview的页面是否可以缩放，双指放大缩小,
                                })
                        }, 500); //如页面初始化调用需要写延迟
                        // #endif
	},
	methods: {
		// 这个 getMessage 在 H5 下其实不会被调到，可以保留给 App/小程序用
		getMessage(event) {
			const list = event.detail && event.detail.data
			const urlType = list && list[list.length - 1]
			switch (urlType && urlType.type) {
				case 'back':
					uni.navigateBack()
					break
				default:
			}
		}
	}

	}
</script>

<style lang="scss" scoped></style>