jje_spread_uniapp/pages/my/my.vue

<template>
	<view class="page">
		<uni-nav-bar  :fixed="true" background-color="#F7F7F7" :border="false" :statusBar="true"   title="个人中心"  />

		<view class="flex-row use">
			<view class="avatar" @click="goUserInfo">
				<image :src="userInfo.img || '/static/ud4.png'"></image>
			</view>
			<view class="flex-col justify-around 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="statisticsTitle">
				<text >拓客统计</text>
			</view>
			<view class="flex-row justify-start ">
				<view class="statisticsItem flex-col " v-if="userInfo.isManager === 1" @click="navigateTo('/pages/specialistsList/specialistsList')">
					<view class="flex-row justify-center">
						<u-icon name="/static/my/fuwuNmber.png" size="28"></u-icon>
					</view>
					<view class="flex-row justify-center statisticsKey">
						<text>我的专员（人）</text>
					</view>
					<view class="flex-row justify-center statisticsValue">
						<text>0</text>
					</view>
				</view>
				<view class="statisticsItem flex-col " v-if="userInfo.isManager !== 1" @click="navigateTo('/pages/earningsList/earningsList')">
					<view class="flex-row justify-center">
						<u-icon name="/static/my/fuwuNmber.png" size="28"></u-icon>
					</view>
					<view class="flex-row justify-center statisticsKey">
						<text>推广收益（元）</text>
					</view>
					<view class="flex-row justify-center statisticsValue">
						<text>85.22</text>
					</view>
				</view>
				<view class="statisticsItem statisticsItemBorder flex-col " v-if="userInfo.isManager !== 1" @click="navigateTo('/pages/directPromotionList/directPromotionList')">
					<view class="flex-row justify-center">
						<u-icon name="/static/my/jinriyeji.png" size="28"></u-icon>
					</view>
					<view class="flex-row justify-center statisticsKey">
						<text>我的直推（人）</text>
					</view>
					<view class="flex-row justify-center statisticsValue">
						<text>0</text>
					</view>
				</view>
				<view class="statisticsItem statisticsItemBorder flex-col " v-if="userInfo.isManager !== 1" @click="navigateTo('/pages/indirectPromotionList/indirectPromotionList')">
					<view class="flex-row justify-center">
						<u-icon name="/static/my/benyueyeji.png" size="28"></u-icon>
					</view>
					<view class="flex-row justify-center statisticsKey">
						<text>我的间推（人）</text>
					</view>
					<view class="flex-row justify-center statisticsValue">
						<text>0</text>
					</view>
				</view>
			</view>
		</view>

		<view class="tuoke " v-if="userInfo.isManager !== 1">
			<view class="statisticsTitle ">
				<text >今日统计</text>
			</view>
			<view class="flex-row justify-center ">
				<view class="statisticsItem flex-col" :style="{'width':'50%'}" @click="navigateTo('/pages/todayPromotionList/todayPromotionList')">
					<view class="flex-row justify-center">
						<u-icon name="/static/my/jinrirenwu.png" size="28"></u-icon>
					</view>
					<view class="flex-row justify-center statisticsKey">
						<text>今日推广</text>
					</view>
					<view class="flex-row justify-center statisticsValue">
						<text>{{staticsData.todayTask || 0}}</text>
					</view>
				</view>

				<view class="statisticsItem statisticsItemBorder flex-col" :style="{'width':'50%'}" @click="navigateTo('/pages/todayEarningsList/todayEarningsList')">
					<view class="flex-row justify-center">
						<u-icon name="/static/my/benyuerenwu.png" size="28"></u-icon>
					</view>
					<view class="flex-row justify-center statisticsKey">
						<text>今日收益</text>
					</view>
					<view class="flex-row justify-center statisticsValue">
						<text>{{staticsData.finishTask || 0}}</text>
					</view>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				staticsData:{},
				userInfo:{}
			}
		},

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

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

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

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