<template>
	<view class="page flex-col">
		<view class="title" :style="{'top': uniMenuInfo.top + 6 + 'px'}">个人中心</view>
		<view class="content" :style="{'top' : uniMenuInfo.top + 60 + 'px'}">
			<view class="box_1">
				<view>
					<image class="head-img" src="/static/center/user_img2.png"></image>
					<view class="nickname">
						<text>用户编号: {{ userNumber }}</text>
					</view>
				</view>
			</view>
			<view class="box_2">
				<view class="orders" @tap="menuClick(1)">
					<view class="orders-name">我的写真</view>
					<view class="myOrders-icon"></view>
				</view>
				<view class="yjfk" @tap="menuClick(3)">
					<view class="yjfk-name">意见反馈</view>
					<view class="yjfk-icon"></view>
				</view>
				<button class="kfhh" open-type="contact">
					<view class="kfhh-name">联系微信客服</view>
					<view class="kfhh-icon"></view>
				</button>
			</view>
		</view>
		
		<view class="section_8 flex-row justify-between">
			<custom-tab-bar :selected="1" />
		</view>
		<!-- 隐私授权弹窗 -->
		<zero-privacy ref="privacy" @agree='handleAgree' @disagree='handleDisagree'></zero-privacy>
	</view>
</template>

<script>
import CustomTabBar from "@/components/customTabBar/customTabBar.vue"
export default {
	components: {
		CustomTabBar
	},
	data() {
		return {
			uniMenuInfo: {},
			userNumber: '',
			userInfo: {},
		}
	},
	methods: {
		getUserInfo() {
			var _this = this;
			uni.getUserInfo({
				desc: '用于完善会员资料',
				lang: 'zh_CN',
				success: (user) => {
					// >>当用户同意授权后, 获取到用户信息user
					uni.login({
						provider: 'weixin',
						success: loginRes => {
							let userInfo = JSON.parse(user.rawData);
							userInfo.code = loginRes.code;
							uni.getSystemInfo({
								success: function(res) {
									userInfo.model = res.model
									userInfo.edition = res.version
									uni.request({
										url: _this.java_http_url + '/applet/smart_camera/codeGetUserInfo',
										method: "POST",
										data: userInfo,
										success(res) {
											if(res.data.code == 200) {
												userInfo = res.data.data;
												_this.userInfo = userInfo;
												_this.userNumber = _this.userInfo.openId.slice(-6);
												uni.setStorageSync('userInfo', userInfo);
											}
										},
										complete() {
											uni.hideLoading();
										}
									})
								},
							})
						}
					})
				},
				fail(err) {
					console.log(err);
					uni.hideLoading();
				}
			})
		},
		handleDisagree() {
			console.log('拒绝隐私授权');
			uni.showModal({
				title: '提示',
				content: '拒绝授权部分功能将无法使用，是否退出小程序',
				success: function (res) {
					if (res.confirm) {
						console.log('用户点击确定');
						wx.exitMiniProgram({
							success: (res) => {
							console.log('退出小程序', res)
						}})
					} else if (res.cancel) {
						console.log('用户点击取消');
						uni.switchTab({
							url: '../home/home'
						})
					}
				}
			});
		},
		handleAgree() {
			var _this = this;
			uni.showLoading({
				title: '正在加载...',
				mask: true
			});
			_this.getUserInfo();
		},
		getPrivacySetting() {
			var _this = this;
			wx.getPrivacySetting({
				success: res => {
					if (res.needAuthorization) {
						_this.$refs.privacy.open(res.privacyContractName);
					}
				}
		    })
		},
		menuClick(e){
			console.log(e);
			if(e == 1) {
				uni.navigateTo({
					url: '../myPhoto/myPhoto'
				})
			} else if(e ==2) {
				uni.navigateTo({
					url: '../myVideo/myVideo'
				})
			} else {
				uni.showToast({
					title: '该功能正在完善中!',
					icon: 'none',
					duration: 2000
				})
			}
		},
		goHome() {
			uni.navigateTo({
				url: '../home/home'
			})
		}
	},
	onShow() {
		var _this = this;
		if (typeof this.$mp.page.getTabBar === 'function' && this.$mp.page.getTabBar()) {
			this.$mp.page.getTabBar().setData({
				selected: 1
			})
		}
		if(!uni.getStorageSync('userInfo')) {
			_this.getPrivacySetting();
		} else {
			_this.userInfo = uni.getStorageSync('userInfo');
			_this.userNumber = _this.userInfo.openId.slice(-6);
		}
	},
	onLoad(option) {
		var _this = this;
		_this.uniMenuInfo = uni.getStorageSync('uniMenuInfo');
	},
}
</script>

<style lang="scss">
@import '@/css/common.css';
@import './index.css';
</style>
