<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="'/static/ud4.png'"></image>
			</view>
			<view class="flex-col justify-around useMsg">
				<view class="flex-row">
					<text class="name">张辉</text>
					<view class="tag">拓客经理</view>
				</view>
				<view>
					<text class="phone">电话：17365000111</text>
				</view>
			</view>
		</view>

		<view class="statistics flex-col">
			<view class="statisticsTitle">
				<text >拓客统计</text>
			</view>
			<view class="flex-row justify-center ">
				<view class="statisticsItem flex-col " @click="goSpecialists">
					<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 statisticsItemBorder flex-col " >
					<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 ">
					<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 ">
			<view class="statisticsTitle ">
				<text >任务统计</text>
			</view>
			<view class="flex-row justify-center ">
				<view class="statisticsItem flex-col" :style="{'width':'50%'}">
					<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%'}">
					<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:{}
			}
		},
		methods: {
			goSpecialists(){
				uni.navigateTo({
					url: '/pages/specialistsList/specialistsList'
				})
			},
			goUserInfo(){
				uni.navigateTo({
					url: '/pages/userInfo/userInfo'
				})
			},
		}
	}
</script>

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