zhxy-desk/App.vue

<script>
	import dd from '@/static/dd.js'
	import {
		mapMutations
	} from 'vuex'
	import {
		version
	} from './package.json'
	import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update';
	import {
		list
	} from '@/utils/router.js'
	import {
		editDDtitle
	} from '@/utils/DateUtils.js'
	
	import Util from "@/common/js/util.js"

	export default {

		onLaunch: function() {
			// #ifdef H5
			// console.log(
			// 	`%c hello uniapp %c v${version} `,
			// 	'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
			// 	'background:#007aff ;padding: 1px; border-radius: 0 3px 3px 0;  color: #fff; font-weight: bold;'
			// )
			// #endif
			// 线上示例使用
			// console.log('%c uni-app官方团队诚邀优秀前端工程师加盟，一起打造更卓越的uni-app & uniCloud，欢迎投递简历到 hr2013@dcloud.io', 'color: red');
			// console.log('App Launch');
			// #ifdef APP-PLUS
			// App平台检测升级，服务端代码是通过uniCloud的云函数实现的，详情可参考：https://ext.dcloud.net.cn/plugin?id=4542
			if (plus.runtime.appid !== 'HBuilder') { // 真机运行不需要检查更新，真机运行时appid固定为'HBuilder'，这是调试基座的appid
				checkUpdate()
			}

			// 一键登录预登陆，可以显著提高登录速度
			uni.preLogin({
				provider: 'univerify',
				success: (res) => {
					// 成功
					this.setUniverifyErrorMsg();
					console.log("preLogin success: ", res);
				},
				fail: (res) => {
					this.setUniverifyLogin(false);
					this.setUniverifyErrorMsg(res.errMsg);
					// 失败
					console.log("preLogin fail res: ", res);
				}
			})
			uni.getSetting({
				success: (res) => {
					if (!res.authSetting['scope.writePhotosAlbum']) {
						uni.authorize({
							scope: 'scope.writePhotosAlbum',
							success: () => {
								console.log('用户已授权')
							},
							fail: () => {
								console.log('用户拒绝授权')
							}
						})
					}
				}
			})
			// #endif
		},
		onShow: function() {},
		onHide: function() {

		},
		globalData: {
			test: ''
		},
		methods: {
			...mapMutations(['setUniverifyErrorMsg', 'setUniverifyLogin'])
		},
		mounted() {
		
			// list.filter(item => {
			// 	if (item.path == this.$route.meta.pagePath) {
			// 		editDDtitle(item.title)
			// 	}

			// })
			// if (dd.env.platform !== "notInDingTalk") {
			// 	dd.biz.navigation.hideBar({
			// 		hidden: true, // true：隐藏，false：显示
			// 		onSuccess: function(result) {},
			// 		onFail: function(err) {}
			// 	})
			// }

			list.filter(item => {
				if (item.path == this.$route.meta.pagePath) {
					editDDtitle(item.title)
				}
			})

		},
		created() {
			
			if (sessionStorage.getItem('store')) {
				// this.$store.replaceState(
				// 	Object.assign({},
				// 		this.$store.state,
				// 		JSON.parse(sessionStorage.getItem('store'))
				// 	)
				// )
				this.$store.replaceState(Util.deepClone(JSON.parse(sessionStorage.getItem('store'))))
			}
			
			// 在页面刷新时将vuex里的信息保存到sessionStorage里
			// beforeunload事件在页面刷新时先触发
			window.addEventListener('beforeunload', () => {
				sessionStorage.setItem('store', JSON.stringify(this.$store.state))
			})

		},
		watch: {
			$route() {
				list.filter(item => {
					if (item.path == this.$route.meta.pagePath) {
						editDDtitle(item.title)
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	@import "uview-ui/index.scss";
	@import '@/common/plus.css';
	@import "./uni_modules/uni-scss/index.scss";
	
	uni-modal {
	  z-index: 999999 !important;
	}

	/deep/.popup-content {
		border-top-left-radius: 10px;
		background-color: #fff;
		border-top-right-radius: 10px;
	}



	@font-face {
		font-family: "PingFang";
		src: url("@/static/PingFang.ttf");
		font-weight: normal;
		font-style: normal;
	}

	.contianer {
		height: 100vh;
		font-family: "PingFang";

	}

	uni-page-head {
		display: none !important;
	}

	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-PLUS-NVUE */
	/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
	@import './common/uni.css';
	@import '@/static/customicons.css';
	


	/* H5 兼容 pc 所需 */
	/* #ifdef H5 */
	@media screen and (min-width: 768px) {
		body {
			overflow-y: scroll;
		}
	}

	/* 顶栏通栏样式 */
	/* .uni-top-window {
	    left: 0;
	    right: 0;
	} */


	uni-page-body {

		min-height: 100% !important;
		height: auto !important;
		height: 100vh;
	}

	.uni-top-window uni-tabbar .uni-tabbar {
		background-color: #fff !important;
	}

	.uni-app--showleftwindow .hideOnPc {
		display: none !important;
	}

	/* #endif */

	/* 以下样式用于 hello uni-app 演示所需 */
	page {
		background-color: rgba(242, 242, 242, 1);
		height: 100%;
		font-size: 28rpx;
		/* line-height: 1.8; */
		font-family: 'PingFang';
	}

	.fix-pc-padding {
		padding: 0 50px;
	}

	.uni-header-logo {
		padding: 30rpx;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 10rpx;
	}

	.uni-header-image {
		width: 100px;
		height: 100px;
	}

	.uni-hello-text {
		color: #7A7E83;
	}

	.uni-hello-addfile {
		text-align: center;
		line-height: 300rpx;
		background: #FFF;
		padding: 50rpx;
		margin-top: 10px;
		font-size: 38rpx;
		color: #808080;
	}

	.contianer::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		/* 将阴影位置设置在导航栏下方 */
		width: 100%;
		height: 1px;
		box-shadow: 0 0 10px #ccc;
		z-index: 1;
		/* 使阴影在内容之上 */
	}

	/* #endif*/
</style>