<template>
	<view class="">
			
		 <view class="zxkjyr" style="padding: 0  42rpx;padding-top: 12rpx;">
			 
		 	<view :class="['zxkjyra',Inv==0?'zxkjyrff':'']" @click="Inv=0">
		 		<text>进行中</text>
		 		<view class="zxkjxh"></view>
		 	</view>
			
			<view :class="['zxkjyra',Inv==1?'zxkjyrff':'']" @click="Inv=1">
				<text>未开始</text>
				<view class="zxkjxh"></view>
			</view>
			
		 	<view :class="['zxkjyra',Inv==2?'zxkjyrff':'']" @click="Inv=2">
		 		<text>已结束</text>
		 		<view class="zxkjxh"></view>
		 	</view>
			
		 </view>
		 
		<view class=" " v-show="Inv == 0">
			<view style="margin-top: 30rpx;">
				<view class="fsxto sclixmy">
					<navigator class="fzctob"  url="../user/wdhd-xq"  hover-class="none">
						<view class="sckjert">
							<!-- 图片预留 -->
						</view>
						<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
							<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
							<view class="cptxtyra"><text>课程讲师</text></view>
							<view class="flztoa">
								 <text class="cpkkry">数量: 1</text>
								 <text class="cpkkrya">总价￥200.00</text>
							</view>
						</view>
					</navigator>
					<view style="border-top: 2rpx dashed #e8e8e8;width: 107%;margin-left: -24rpx;margin-top: 22rpx;"></view>
					<view class="flztoa" style="margin-top: 26rpx;">
						<view class="hdtyyr">
							<text>下单时间：2018-01-13 19:0</text>
						</view>
						<view class="hdtyyra">
							<text>进行中</text>
						</view>
					</view>
				</view>
				
				<view class="fsxto sclixmy">
					<navigator class="fzctob"  url="../user/wdhd-xq"  hover-class="none">
						<view class="sckjert">
							<!-- 图片预留 -->
						</view>
						<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
							<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
							<view class="cptxtyra"><text>课程讲师</text></view>
							<view class="flztoa">
								 <text class="cpkkry">数量: 1</text>
								 <text class="cpkkrya">总价￥200.00</text>
							</view>
						</view>
					</navigator>
					<view style="border-top: 2rpx dashed #e8e8e8;width: 107%;margin-left: -24rpx;margin-top: 22rpx;"></view>
					<view class="flztoa" style="margin-top: 26rpx;">
						<view class="hdtyyr">
							<text>下单时间：2018-01-13 19:0</text>
						</view>
						<view class="hdtyyra">
							<text>进行中</text>
						</view>
					</view>
				</view>
			</view>
 
		</view>
		
		<view class=" " v-show="Inv == 1">
			<view style="margin-top: 30rpx;">
				<view class="fsxto sclixmy">
					<navigator class="fzctob"  url="../user/wdhd-xq"  hover-class="none">
						<view class="sckjert">
							<!-- 图片预留 -->
						</view>
						<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
							<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
							<view class="cptxtyra"><text>课程讲师</text></view>
							<view class="flztoa">
								 <text class="cpkkry">数量: 1</text>
								 <text class="cpkkrya">总价￥200.00</text>
							</view>
						</view>
					</navigator>
					<view style="border-top: 2rpx dashed #e8e8e8;width: 107%;margin-left: -24rpx;margin-top: 22rpx;"></view>
					<view class="flztoa" style="margin-top: 26rpx;">
						<view class="hdtyyr">
							<text>下单时间：2018-01-13 19:0</text>
						</view>
						<view class="fyctoc">
							<navigator class="hdtyyra" url="../user/wdhd-tc"  hover-class="none">
								<text>去请假</text>
							</navigator>
							<navigator class="hdtyyra" url="../user/wdhd-tc"  hover-class="none">
								<text>去退出</text>
							</navigator>
						</view>
					</view>
				</view>
				
				<view class="fsxto sclixmy">
					<navigator class="fzctob"  url="../user/wdhd-xq"  hover-class="none">
						<view class="sckjert">
							<!-- 图片预留 -->
						</view>
						<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
							<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
							<view class="cptxtyra"><text>课程讲师</text></view>
							<view class="flztoa">
								 <text class="cpkkry">数量: 1</text>
								 <text class="cpkkrya">总价￥200.00</text>
							</view>
						</view>
					</navigator>
					<view style="border-top: 2rpx dashed #e8e8e8;width: 107%;margin-left: -24rpx;margin-top: 22rpx;"></view>
					<view class="flztoa" style="margin-top: 26rpx;">
						<view class="hdtyyr">
							<text>下单时间：2018-01-13 19:0</text>
						</view>
						<view class="fyctoc">
							<navigator class="hdtyyra" url="../user/wdhd-tc"  hover-class="none">
								<text>去请假</text>
							</navigator>
							<navigator class="hdtyyra" url="../user/wdhd-tc"  hover-class="none">
								<text>去退出</text>
							</navigator>
						</view>
						 
					</view>
				</view>
			</view>
		 
		</view>
		
		<view class=" " v-show="Inv == 2">
			<view style="margin-top: 30rpx;">
				<view class="fsxto sclixmy">
					
					<navigator class="fzctob"  url="../user/wdhd-xq"  hover-class="none">
						<view class="sckjert">
							<!-- 图片预留 -->
						</view>
						<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
							<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
							<view class="cptxtyra"><text>课程讲师</text></view>
							<view class="flztoa">
								 <text class="cpkkry">数量: 1</text>
								 <text class="cpkkrya">总价￥200.00</text>
							</view>
						</view>
					</navigator>
					
					<view style="border-top: 2rpx dashed #e8e8e8;width: 107%;margin-left: -24rpx;margin-top: 22rpx;"></view>
					<view class="flztoa" style="margin-top: 26rpx;">
						<view class="hdtyyr">
							<text>下单时间：2018-01-13 19:0</text>
						</view>
						<view class="hdtyyra">
							<text>已结束</text>
						</view>
					</view>
				</view>
				
				<view class="fsxto sclixmy">
					
					<navigator class="fzctob"  url="../user/wdhd-xq"  hover-class="none">
						<view class="sckjert">
							<!-- 图片预留 -->
						</view>
						<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
							<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
							<view class="cptxtyra"><text>课程讲师</text></view>
							<view class="flztoa">
								 <text class="cpkkry">数量: 1</text>
								 <text class="cpkkrya">总价￥200.00</text>
							</view>
						</view>
					</navigator>
					
					<view style="border-top: 2rpx dashed #e8e8e8;width: 107%;margin-left: -24rpx;margin-top: 22rpx;"></view>
					<view class="flztoa" style="margin-top: 26rpx;">
						<view class="hdtyyr">
							<text>下单时间：2018-01-13 19:0</text>
						</view>
						<view class="hdtyyra">
							<text>已结束</text>
						</view>
					</view>
				</view>
			</view>
		 
		</view>
		
 
		 
		
		 
	</view>
</template>
<style>
	page {
		background: #FAFAFA;
	}
</style>
<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: '#ffffff',
				},
				hhyanm: {
					color: '#FFFFFF',
				},
				Inv: 0
 

			}
		},
		methods: {
			changeTab(Inv) {
				that.navIdx = Inv;
		
			},

		}


	}
</script>

<style lang="scss" scoped>
 
	 
</style>
