<template>
	<view class="wrap_box">
		<!-- <uParse v-if="datas" :content="datas"></uParse> -->
		<view class="tel_index_bg"></view>
		
		
		<view v-if="datas.info" class="vio_list">
			<view class="main_list">
				<view class="main_top">
					<view class="main_tit">
						{{datas.info.title}} <text>{{datas.info.pid}}</text>
					</view>
					<view class="">
						课程详情：{{datas.info.content}}
					</view>
				</view>
				<view class="my_seat">
					<image class="my_seat_bg" src="/static/images/seat_bg.png" mode="aspectFill"></image>
					<view class="my_seat_num">
						你选的座位：{{datas.seat_title}}
					</view>
				</view>
			</view>
			<!-- <view class="bz_add" >
				<view @click="save_fuc" data-url="/pagesA/stu_bz_edit/stu_bz_edit">
					确认选座
				</view>
			</view> -->
		</view>
		
		<!-- 阻止滑动 -->
		<!-- <view @touchmove.stop.prevent='test'></view> -->
	</view>
</template>

<script>
	import Vue from 'vue'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	var that 
	export default {
		data() {
			return {
				options:'',
				
				datas:'',
				x: 0,
				y: 0,
				old: {
						x: 0,
						y: 0
				}
			}
		},
		computed: {
			...mapState(['hasLogin', 'forcedLogin', 'userName', 'userinfo','nowtime']),
			
		},
		onLoad(e) {
			that=this
			that.options=e||{}
			console.log(e)
			// if(e.type==0){
			// 	uni.setNavigationBarTitle({
			// 		title:'公务员目标制定'
			// 	})
			// }
			// if(e.type==1){
			// 	uni.setNavigationBarTitle({
			// 		title:'事业单位目标制定'
			// 	})
			// }
			// if(e.type==2){
			// 	uni.setNavigationBarTitle({
			// 		title:'特岗教师目标制定'
			// 	})
			// }
			that.getdata()
		},
		onShow() {
			
		},
		methods: {
			// ...mapMutations(['wxshouquan','login']),
			test(){},
			
			getdata(){
				///study/letter_wx
				var datas = {}
				
				var jkurl = '/study/class_room'
							
				that.$service.P_post(jkurl, datas).then(res => {
					that.btnkg = 0
					console.log(res)
					if (res.code == 1) {
						that.htmlReset = 0
						var datas = res.data
						console.log(typeof datas)
						that.datas=datas
						// that.x=datas.width*20+'rpx'
					} else {
							
						if (res.msg) {
							uni.showToast({
								icon: 'none',
								title: res.msg
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: '获取数据失败'
							})
						}
					}
				}).catch(e => {
					that.htmlReset = 1
					that.btnkg = 0
					// that.$refs.htmlLoading.htmlReset_fuc(1)
					console.log(e)
					uni.showToast({
						icon: 'none',
						title: '获取数据失败，请检查您的网络连接'
					})
				})
			},
			
			getimg(img){
				return service.getimg(img)
			},
			jump(e) {
				var that = this
				if (that.btnkg == 1) {
					return
				} else {
					that.btnkg = 1
					setTimeout(function() {
						that.btnkg = 0
					}, 2000)
				}
				console.log(e.currentTarget.dataset.type)
				service.jump(e)
			},
			goback(){
			  uni.navigateBack()
			},
			func(){
				// that.$store.commit('setSystem',datas.system)
			}
		}
	}
</script>

<style lang="scss" scoped>
.wrap_box{
	width: 100%;
	// padding: 30rpx;
	min-height: 100vh;
	// #ifdef H5
	min-height: calc(100vh - 44px);
	// #endif
	background: #F8F8F8;
	position: relative;
}

.tel_index_bg {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	min-height: 220rpx;
	background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
}
.top_tabs{
	width: 100%;
}
.vip_tab_list{
	// padding: 0 30rpx;
}
.vip_tab_li{
	height: 90rpx;
	display: inline-flex;
	align-items: center;
	font-size: 30rpx;
	color: #FFFFFF;
	opacity: 0.6;
	
	position: relative;
	&+.vip_tab_li{
		margin-left: 50rpx;
	}
	&.active{
		opacity: 1;
		
		&:after{
			content: '';
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -18rpx;
			width: 36rpx;
			height: 6rpx;
			background: #FFFFFF;
			border-radius: 3rpx;
		}
	}
}
.vio_sx{
	height: 100rpx;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
}
.vio_time{
	
	// padding: 0 24rpx;
	font-size: 30rpx;
	color: #7D8087;
	letter-spacing: 0;
	display: flex;
	align-items: center;
	.icon{
		font-size: 20rpx;
		margin-left: 5rpx;
		color: #999999;
		opacity: .5;
	}
	input{
		font-size: 30rpx;
		color: #7D8087;
		text-align: right;
		padding: 0 10rpx;
	}
}
.vio_int{
	font-size: 30rpx;
	color: #7D8087;
	text-align: right;
	padding: 0 10rpx;
}
/deep/ .vip_intpl{
	color: #D5D7DA;
}
.vio_list{
	width: 100%;
	// padding: 0 30rpx 30rpx;
	padding:20rpx 30rpx 30rpx;
	position: relative;
	z-index: 2;
	.main_list{
		background: #FFFFFF;
		border-radius: 10rpx;
		padding-bottom: 30rpx;
		// padding:0 30rpx;
	}
	
}

.bz_add{
	width: 100%;
	// position: fixed;
	// bottom: 0;
	background: #f8f8f8;
	z-index: 800;
	// left: 0;
	padding:30rpx 0;
	view{
		font-size: 32rpx;
		color: #FFFFFF;
		width: 100%;
		height: 90rpx;
		background: #2D81FF;
		border-radius: 10rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
.main_top{
	width: 100%;
	padding: 30rpx;
	font-size: 28rpx;
	color: #929399;
	border-bottom: 1px solid #eee;
	line-height: 45rpx;
	.main_tit{
		font-size: 32rpx;
		color: #545D71;
		margin-bottom: 20rpx;
		font-weight: bold;
		line-height: 55rpx;
		// display: flex;
		// align-items: center;
		// flex-wrap: wrap;
		text{
			height: 48rpx;
			line-height: 48rpx;
			display: inline-flex;
			align-items: center;
			padding: 0 12rpx;
			background: rgba(45, 129, 255, .1);
			border-radius: 10rpx;
			font-size: 26rpx;
			color: #2D81FF;
			font-weight: normal;
			margin-left: 20rpx;
		}
	}
}

.my_seat{
	width: 593rpx;
	height: 140rpx;
	margin: 30rpx auto;
	position: relative;
	padding-top: 24rpx;
	.my_seat_bg{
		width: 593rpx;
		height: 140rpx;
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
	}
	.my_seat_num{
		position: relative;
		z-index: 10;
		width: 100%;
		height: 78rpx;
		display: flex;
		align-items: center;
		padding-left: 80rpx;
		font-size: 32rpx;
		color: #FFFFFF;
	}
}
</style>