<template>
	<view class="content">
		<view class="my-head">
			<view class="my-info">
				<view class="my-a">
					<view class="my-img">
						<!-- <img :src=`http://openweathermap.org/img/w/${item.weather[0].icon}.png`> -->
						<image :src="'https://apitest.luck-work.com/'+MyInfo.headImgPath" mode=""></image>
					</view>
					<view class="my-nameid">
						<view class="my-name">
							{{MyInfo.nickname}}
						</view>
						<text class="my-id">
							ID: {{MyInfo.userId}}
						</text>
					</view>
				</view>
				<view class="my-b">
					<view class="my-tel">
						Mobile: +{{areaCode}} {{MyInfo.mobile}}
					</view>
					<view class="my-bal flex">
						<view>Available Balance: {{currencySymbol}}{{currentBalance}}</view>
						<!-- 	<view class="my-ap" @click="goAplan()">
						A+ Plan
					</view> -->
					</view>
				</view>
				<view class="my-c flex">
					<view class="my-btn1" @click="goRecharge()">
						recharge
					</view>
					<!-- 	<view class="my-btn2" @click="go(3)">
						Change Nick Name
					</view> -->
				</view>
			</view>

		</view>

		<view class="my-bg">
			<view class="my-body">
				<view class="fuji" :class="fujiNum==1?'activeErji':''" @click="fuji()">
					<view class="my-body-item">
						Wallet
					</view>
					<view class="erji">
						<view class="text" @click="goRecharge()">
							Recharge
						</view>
						<view class="text" @click="goWithdraw()">
							Withdrawal
						</view>
						<view class="text" @click="goTransactions()">
							Transactions
						</view>
						<view class="text" @click="gorEDenvelope()">
							Red Envelope
						</view>
					</view>
				</view>

				<view class="my-body-item" v-for="(item,index) in myAList" :key="item.id" @click="go(item.id)">
					{{item.text}}
				</view>
				<view class="fuji" :class="fujiNum2==2?'activeErji':''" @click="fuji2()">
					<view class="my-body-item">
						About
					</view>
					<view class="erji">
						<view class="text" @click="goPrivacy()">
							Privacy Policy
						</view>
						<view class="text" @click="goRisk()">
							Risk Disclosure Agreement
						</view>
					</view>
				</view>
			</view>
			<view class="my-body-out" @click="logout">
				logout
			</view>
			<cont></cont>

		</view>

		<u-mask :show="transferCode==mCode" :z-index="888"></u-mask>
		<view class="tc" v-show="transferCode==1">
			<view class="title">
				change name
			</view>
			<view class="tc_body">
				<view class="body_item ">
					<input type="text" value="" placeholder="New user name"
						placeholder-style="color: #BFC2CC;font-size:14px;text-transform: capitalize;padding-left:24rpx"
						v-model="newName" />
				</view>
			</view>
			<view class="anniu_con flex">
				<view class="cancel" @click="transferCode=0">
					cancel
				</view>
				<view class="cancel pupler" @click="changeName()">
					confirm
				</view>
			</view>
		</view>




	</view>
</template>

<script>
	import api from '@/utils/api'
	import utils from '@/utils'
	import cont from "@/components/cont/cont.vue"
	export default {
		data() {
			return {
				//判断二级下拉
				i: 0,
				i2: 0,
				fujiNum: -1,
				fujiNum2: -1,
				// 动态显示mask
				mCode: -1,
				list: [{
						name: 'male',
						value: 1,
						disabled: false
					},
					{
						name: 'female',
						value: 2,
						disabled: false
					},
				],
				newName: '',
				MyInfo: {},
				transferCode: 0,
				currentBalance: '',
				areaCode: '',
				androidUrl: '',
				myAList: [{
						id: '1',
						text: 'Bank card'
					},
					{
						id: '2',
						text: 'Address'
					},
					{
						id: '3',
						text: 'Orders'
					},
					{
						id: '4',
						text: 'Reset password'
					},
					{
						id: '5',
						text: 'Android download'
					},
				],
			}
		},

		onLoad() {
			this.openGame()
			this.areaCode = uni.getStorageSync('siteInfo').areaCode;
			this.androidUrl = uni.getStorageSync('siteInfo').androidUrl;
			this.currentBalance = uni.getStorageSync('currentBalance');
			this.currencySymbol = uni.getStorageSync('siteInfo').currencySymbol;
			const post = api.userInfo({
				"ticket": uni.getStorageSync('logInfo').data,
			})
			post.then(res => {
					this.MyInfo = res.data;
					uni.setStorage({
						key: 'MyInfo',
						data: res.data,
						success: function() {
							console.log('success')
						}
					});
				})
				.catch(e => {
					uni.showToast({
						title: e,
						icon: 'none',
						duration: 2500
					})
				})
		},
		methods: {
			openGame() {
				const post = api.info()
				post.then(d => {
						// uni.setStorage({
						// 	key: 'Gamestatus',
						// 	data: d.data.gameMenuStatus,
						// });

						if (d.data.gameMenuStatus == 'close') {
							uni.setTabBarItem({
								index: 2,
								text: 'Order',
								pagePath: '/pages/menu/order/index',
								iconPath: '/static/tabbar/dorder.png',
								selectedIconPath: '/static/tabbar/dorderS.png'
							})
						} else if (d.data.gameMenuStatus == 'open') {
							uni.setTabBarItem({
								index: 2,
								text: 'Game',
								pagePath: "/pages/menu/color/index",
								iconPath: "/static/tabbar/meun_icon_game_nor@2x.png",
								selectedIconPath: "/static/tabbar/meun_icon_game_sel@2x.png"
							})
						}
					})
					.catch((e) => {
						console.log(e)
					})
			},
			goPrivacy() {
				uni.navigateTo({
					url: '../about/privacyPolicy'
				})
			},
			goRisk() {
				uni.navigateTo({
					url: '../about/RiskDisclosureAGREEMENT'
				})
			},
			// 判断下拉函数
			fuji() {
				this.fujiNum = 1;
				this.i++;
				if (this.i % 2 == 0) {
					this.i = 0;
					this.fujiNum = -1;
				}
			},
			fuji2() {
				this.fujiNum2 = 2;
				this.i2++;
				if (this.i2 % 2 == 0) {
					this.i2 = 0;
					this.fujiNum2 = -1;
				}
			},
			// 前往不同页面
			go(i) {
				if (i == 3) {
					console.log(12313)
					uni.reLaunch({
						url: '/pages/menu/order/index',
						fail: (err) => {
							console.log(err, 22222)
						}
					})
				}
				if (i == 0) {
					this.transferCode = 2
					this.mCode = 2
				}
				if (i == 4) {
					uni.navigateTo({
						url: '../../login/resetPassword/index'
					})
				}
				if (i == 2) {
					uni.navigateTo({
						url: '../address/index'
					})
				}
				if (i == 1) {
					uni.navigateTo({
						url: '../bankCard/index'
					})
				}
				if (i == 5) {
					// #ifdef H5
					window.location.href = this.androidUrl;
					// #endif
					// #ifdef APP-PLUS
					plus.runtime.openURL(this.androidUrl);
					// #endif

				}
			},
			gorEDenvelope() {
				uni.navigateTo({
					url: '../re/list/index'
				})
			},
			changeName() {
				uni.showLoading({
					title: "loading"
				})
				if (this.newName == '') {
					uni.showToast({
						title: 'The new user name cannot be empty',
						icon: 'none',
						duration: 1500
					})
					return;
				}
				const post = api.updateNickname({
					"ticket": uni.getStorageSync('logInfo').data,
					"nickname": this.newName,
				})
				post.then(res => {
						if (res.success == true) {
							uni.showToast({
								title: 'Modified successfully',
								icon: 'success',
								duration: 1500
							})
							setTimeout(function() {
								location.reload();
							}, 1000)
						} else {
							uni.showToast({
								title: 'Modification failed',
								icon: 'none',
								duration: 1500
							})
						}
					})
					.catch(e => {
						uni.showToast({
							title: e,
							icon: 'none',
							duration: 2500
						})
					})

			},
			goAplan() {
				uni.navigateTo({
					url: '../aplan/index'
				})
			},
			goRecharge() {
				uni.navigateTo({
					url: '../recharge/index'
				})
			},
			goWithdraw() {
				uni.navigateTo({
					url: '../withdrawl/index'
				})
			},
			goTransactions() {
				uni.navigateTo({
					url: '../withdrawl/transactions/index'
				})
			},
			logout() {
				const param = {
					"ticket": uni.getStorageSync('logInfo').data,
				}
				const post = api.loginOut(param)
				post.then(res => {

						uni.showLoading({
							title: 'loading'
						})
						if (res.success == true) {
							uni.showToast({
								title: 'Exit successful',
								icon: 'success',
								duration: 1500
							})
							uni.removeStorageSync('logInfo');
							uni.removeStorageSync('ticket')
							setTimeout(function() {
								uni.navigateTo({
									url: '../../login/index'
								})
							}, 2000)


						} else {
							uni.showToast({
								title: 'Exit failed',
								icon: 'none',
								duration: 1500
							})
						}
						console.log(res.data, 9990);

					})
					.catch(e => {
						console.log(e)
					})

			}

		},
	}
</script>

<style>
	@import './index.css';
</style>
