jje_spread_uniapp/pages/my/my.vue

<template>
	<view class="page" :style="{height:height}">
		<view class="flex-row use">
			<view class="avatar" @click="goUserInfo">
				<image :src="userInfo.selfPhotoUrl || '/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>
				</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" rightText="" />
				<uni-list-item v-if="userInfo.roleTag == 1" :clickable="true" title="购买优惠券"
					to="/pages/purchaseCoupon/purchaseCoupon" showArrow thumb="/static/my/coupon.png" thumb-size="sm"
					rightText="" />
			</uni-list>
		</view>
	</view>
</template>

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

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

		methods: {

			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.selfPhotoUrl = res.data.data[0].url.replace(/^http:/, "https:")
						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>