renli-wx/pages/tabBar/myHome/myHome.vue

<template>
	<view class="home">
		<view class='main'>
			<scroll-view scroll-x class=" nav">
				<view class="flex text-center">
					<view class="cu-item light flex-sub " :class="[TabCur==0?'bg-red text-white':'']" @tap="tabSelect"
						:data-id="0">
						<text class="cuIcon-circle"></text> 工作台
					</view>
					<view class="cu-item light flex-sub" :class="[TabCur==1?'bg-red text-white':'']" @tap="tabSelect"
						:data-id="1">
						<text class="cuIcon-activity"></text> 门店数据
					</view>
				</view>
			</scroll-view>

			<!-- 工作台 -->
			<view v-if="TabCur==0">
				<view class="cu-list grid ">
					<!-- 疗程服务 -->
					<navigator url='./service-log/service-log' class="cu-item">
						<view class="cuIcon-formfill text-red">
						</view>
						<text>疗程服务日志</text>
					</navigator>
					<!-- 业绩提成 -->
					<navigator url='./sales-commission/sales-commission' class="cu-item">
						<view class="cuIcon-rank text-red"></view>
						<text>业绩提成</text>
					</navigator>
					<navigator url='./client-evaluation/client-evaluation' class="cu-item">
						<view class="cuIcon-form text-red"></view>
						<text>客户评价</text>
					</navigator>
					<navigator url='./service-feedback/service-feedback' class="cu-item">
						<view class="cuIcon-rankfill text-red"></view>
						<text>服务反馈</text>
					</navigator>
					<!-- <navigator url='./client-follow/client-follow' class="cu-item">
						<view class="cuIcon-friend text-red"></view>
						<text>我的会员</text>
					</navigator>
					<navigator url='./myTarget/myTarget' class="cu-item">
						<view class="cuIcon-activity text-red"></view>
						<text>个人目标</text>
					</navigator>
					<navigator url='./backlog/backlog' class="cu-item">
						<view class="cuIcon-keyboard text-red">
							<view class="cu-tag badge">3</view>
						</view>
						<text>待办事项</text>
					</navigator>
					<navigator url='./applyFor/applyFor' class="cu-item">
						<view class="cuIcon-moneybag text-red">
							<view class="cu-tag badge">16</view>
						</view>
						<text>费用申请</text>
					</navigator>
					<navigator url='./applyFor/applyFor' class="cu-item">
						<view class="cuIcon-shop text-red">
							<view class="cu-tag badge">NEW</view>
						</view>
						<text>微商城</text>
					</navigator>
					<navigator url='./applyFor/applyFor' class="cu-item">
						<view class="cuIcon-read text-red"></view>
						<text>学习</text>
					</navigator>
					<navigator url='./applyFor/applyFor' class="cu-item">
						<view class="cuIcon-calendar text-red"></view>
						<text>考试</text>
					</navigator>
					<navigator url='./clocking-in/clocking-in' class="cu-item">
						<view class="cuIcon-font text-red"></view>
						<text>考勤</text>
					</navigator>
					<navigator url='./applyFor/applyFor' class="cu-item">
						<view class="cuIcon-attention text-red"></view>
						<text>我的工资</text>
					</navigator>
					<navigator url='./applyFor/applyFor' class="cu-item">
						<view class="cuIcon-mark text-red">
							<view class="cu-tag badge">1</view>
						</view>
						<text>消息中心</text>
					</navigator> -->
				</view>
			</view>
			<!-- 数据分析 -->
			<view v-if="TabCur==1">
				<view class="cu-list grid ">
					<navigator url='./todays-star/todays-star' class="cu-item">
						<view class="cuIcon-favorfill text-red"></view>
						<text>今日之星</text>
					</navigator>
					<navigator url='./projectRanking/projectRanking' class="cu-item">
						<view class="cuIcon-hotfill text-red"></view>
						<text>项目排行榜</text>
					</navigator>
					<navigator url='./memberRanking/memberRanking' class="cu-item">
						<view class="cuIcon-vip text-red"></view>
						<text>会员排行榜</text>
					</navigator>
					<navigator url='./negativeCard/negativeCard' class="cu-item">
						<view class="cuIcon-medal text-red"></view>
						<text>负卡金</text>
					</navigator>
					<navigator url='./staffSalary/staffSalary' class="cu-item">
						<view class="cuIcon-pay text-red"></view>
						<text>员工工资</text>
					</navigator>
					<!-- 		<navigator url='./monthlyTaking/monthlyTaking' class="cu-item">
						<view class="cuIcon-shop text-red"></view>
						<text>月度营业额</text>
					</navigator>
					<navigator url='./results/results' class="cu-item">
						<view class="cuIcon-form text-red"></view>
						<text>个人业绩排行榜</text>
					</navigator>
					<navigator url='./yieldRate/yieldRate' class="cu-item">
						<view class="cuIcon-activityfill text-red"></view>
						<text>门店绩达成率</text>
					</navigator>
					<navigator url='./costList/costList' class="cu-item">
						<view class="cuIcon-attentionfavor text-red"></view>
						<text>成本利润表</text>
					</navigator> -->
				</view>
			</view>
			<!-- 未开发菜单 -->
			<view>
			</view>
		</view>
		<view class='main' style="margin-top: 40upx;" v-show="false">
			<view class="cu-list grid ">
				<navigator url='./all-powerful/all-powerful' class="cu-item">
					<view class="cuIcon-favorfill text-red"></view>
					<text>全能测试页面</text>
				</navigator>
				<!-- 我的预约 -->
				<navigator url='./reservation/reservation' class="cu-item">
					<view class="cuIcon-formfill text-red"></view>
					<text>我的预约</text>
				</navigator>
				<!-- 服务反馈 -->
				<navigator url='./service-feedback/service-feedback' class="cu-item">
					<view class="cuIcon-rankfill text-red"></view>
					<text>服务反馈</text>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				TabCur: 0,
				userInfo: null,
			};
		},
		methods: {
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id * 1;

			}
		},
		onShow: function() {
			this.userInfo = uni.getStorageSync('userInfo')
			uni.stopPullDownRefresh();
		},
		onPullDownRefresh: function() {
			setTimeout(function() {
				uni.switchTab({
					url: './myHome'
				})
				uni.showToast({
					title: '刷新成功',
					icon: 'success',
					duration: 2000
				});
				uni.stopPullDownRefresh();
			}, 500);
		},
	}
</script>

<style>
	navigator {
		width: 33.3%;
	}

	.home .nav .cu-item {
		padding: 0;
		margin: 0;
	}
</style>