<template>
	<view class="page" :style="{height:height}">

		<!-- #ifdef H5-->
		<uni-nav-bar v-if="!$isWxBrowser()"  :fixed="true" background-color="#FFE05C" :border="false" :statusBar="false"   title="个人中心"/>
		<!-- #endif -->



		<view class="flex-row use">
			<view class="avatar" @click="goUserInfo">
				<image :src="userInfo.imgUrl || '/static/ud4.png'"></image>
			</view>
			<view class="flex-col justify-evenly useMsg">
				<view class="flex-row">
					<text class="name">{{userInfo.name}}</text>
					<view class="tag">{{userInfo.isManager === 1? '拓客经理': userInfo.roleTag == '0' ? '拓客专员':'合作伙伴'}}
					</view>
				</view>
				<view>
					<text class="phone">电话：{{userInfo.phone}}</text>
				</view>
			</view>
		</view>

		<view class="statistics flex-col">
			<view class="flex-row justify-around" v-if="userInfo.isManager == '1'">
				<view class="flex-row justify-center out ">
					<view class="flex-col  statisticsItem "
						@click="navigateTo('/pages/specialistsList/specialistsList')">
						<view>
							<image src="/static/my/fuwuNmber.png" class="statisticsImg"></image>
						</view>
						<text class="statisticsKey">我的专员(人)</text>
						<text class="statisticsValue">{{statistics.myAttache}}</text>
					</view>
				</view>
				<view class="flex-row justify-center out leftBorder">
					<view class="flex-col statisticsItem " @click="navigateTo('/pages/cooperation/cooperation')">
						<view>
							<image src="/static/my/hezuohuoban.png" class="statisticsImg"></image>
						</view>
						<text class="statisticsKey">合作伙伴(人)</text>
						<text class="statisticsValue">{{statistics.myPartner}}</text>
					</view>
				</view>
			</view>

			<view class="flex-row justify-around " v-else>
				<view class="flex-row justify-center out ">
					<view class="flex-col  statisticsItem "
						@click="navigateTo('/pages/directPromotionList/directPromotionList')">
<!--						<view>-->
<!--							<image src="/static/my/fuwuTimeLong.png" class="statisticsImg"></image>-->
<!--						</view>-->
						<text class="statisticsKey">我的直推(人)</text>
						<text class="statisticsValue">{{statistics.myMember}}</text>
					</view>
				</view>
				<view class="flex-row justify-center out leftBorder">
					<view class="flex-col statisticsItem " @click="navigateTo('/pages/earningsList/earningsList')">
<!--						<view>-->
<!--							<image src="/static/my/benyuerenwu.png" class="statisticsImg"></image>-->
<!--						</view>-->
						<text class="statisticsKey">推广收益(人)</text>
						<text class="statisticsValue">{{statistics.myEarning}}</text>
						<view v-if="isCanWithdraw" @click.stop="navigateTo('/pages/withdraw/withdraw')">
							<text class="txbtn">去提现></text>
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="flex-col justify-start list">
			<uni-list :border="false">
				<uni-list-item v-if="userInfo.isManager == 1" :clickable="true" title="我的分组" to="/pages/myGroup/myGroup" showArrow thumb="/static/my/fenzu.png" thumb-size="sm"/>
				<uni-list-item v-if="userInfo.roleTag == 1" :clickable="true" title="购买优惠券" to="/pages/purchaseCoupon/purchaseCoupon" showArrow thumb="/static/my/coupon.png" thumb-size="sm"/>
			</uni-list>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isWxBrowser:false,
				isCanWithdraw:true,
				staticsData: {},
				userInfo: {},
				height: '',
				statistics:{},
			}
		},
		onLoad() {
			let sysInfo = uni.getSystemInfoSync()
			this.height = sysInfo.windowHeight + 'px'
			this.isWxBrowser = getApp().globalData.isWxBrowser
		},

		onShow() {
			this.userInfo = uni.getStorageSync('spreadUserInfo')
			this.getImgUrlByOssId(this.userInfo.img)
			this.exStatistics()
			// this.canWithdraw()
		},

		methods: {
			canWithdraw(){
				this.$api.service.canWithdraw().then(res=>{
					console.log(res)
					this.isCanWithdraw = res.data.data
				})
			},

			exStatistics(){
				this.$api.service.exStatistics().then(res=>{
					this.statistics = res.data.data
				})
			},

			navigateTo(url) {
				uni.navigateTo({
					url: url
				})
			},

			getImgUrlByOssId(Id) {
				if (Id) {
					this.$api.service.getImage(Id).then(res => {
						this.userInfo.imgUrl = res.data.data[0].url.replace(/^http:/, "https:")
						uni.setStorageSync('spreadUserInfo', this.userInfo)
						this.$set(this.userInfo)
					});
				}
			},

			navigateTo(url) {
				uni.navigateTo({
					url: url
				})
			},

			goUserInfo() {
				uni.navigateTo({
					url: '/pages/userInfo/userInfo'
				})
			},
		}
	}
</script>

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