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? '拓客经理':'拓客专员'}}</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">300</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">300</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">300</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">300</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>
		</view>
	</view>
</template>

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

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

		methods: {

			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>