<html>
<head>
<title>预约培训系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<link href="/css/style.css?v=1.4" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/css/fuxuankuang.css?v=1.4">

<script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/js/vue.js"></script>
<script type="text/javascript" src="/js/enroll.js?v=1.8"></script>
<script type="text/javascript" src="/js/locationSearch.js?v=1.4"></script>
<script type="text/javascript" src="/js/index-btncall.js?v=1.5"></script>
<script type="text/javascript" src="/layer/layer.js?v=1.4"></script>

<script>
	/*<![CDATA[*/
	    var siteCode = "sitemap.xml";
	    var logoutURL = "https:\/\/zsdy-passport.shui12366.com\/logout";
	    var userInfo = null;
	    var type = "";
	/*]]>*/
	
	$(function(){
		var hash = location.hash;
		if(hash != ''){
			var param = hash.substring(3,hash.length);
			var index = param.substring(0,1);
			$(".tab-nav-item").eq(index).click();
			if(index==1 &&param.length>1 && param.indexOf("&")!=-1){
				var str = param.substring(2);
				var params = str.split("$");
				var data = {};
		    	data.docId=params[1];
		    	data.enterpriseId=params[0];
		    	var index = layer.open({type: 2,content:'发送中...'});
		    	$.ajax({
					url:"/user/emailFile",
						type:"POST",
						data:data,
						success:function(data){
							layer.close(index);
							console.log(data);
							if(data.code==401){
								window.location.href = "/oauth2/login";
							}else if(data.status==101){//缺少个人信息
								layer.open({
									content: data.msg,
									skin: 'msg',
									time: 2,
									end:function(){
										window.location.href = "/ucenter/index"+location.search;
									}
								});	
							}else if(data.status==0){
								enrolled = false;
								layer.open({
									content: "发送邮件成功",
									skin: 'msg',
									time: 2
								});	
							}else{
								layer.open({
									content: data.msg,
									skin: 'msg',
									time: 2
								});
							}
						},
						error:function(){
							layer.close(index);
						}
					});
			}
		}
	});
	
</script>
<style>

#zhichiBtnBox{
	display: none!important;
}
.class-panel {
	position: relative;
}
</style>
</head>
<section class="aui-flexView">
	<header class="aui-navBar">
		<div class="aui-ranking-box">
			<img alt=""
				src="/images/banner.png"></img>
		</div>
	</header>

	<section>
		<ul class="tab-nav">
			<li class="tab-nav-item tab-active"><a href="javascript:;">
					<span>课堂预约</span>
			</a></li>
			<li class="tab-nav-item"><a href="javascript:;"> <span>学习资料</span>
			</a></li>
			<li class="tab-nav-item"><a href="javascript:;"> <span>培训视频</span>
			</a></li>
			<li class="tab-nav-item"><a href="javascript:;"> <span>个人中心</span>
			</a></li>
		</ul>
	</section>
	<section class="aui-scrollView">
		<div class="aui-tab" data-ydui-tab="">
			<div class="tab-panel">
				<div class="tab-panel-item tab-active">
					<div class="class-panel">
	<div style="text-align:center;margin:0 auto;padding:20px;">
		暂无课程信息
	</div>
	
</div>
					
				</div>
				<div class="tab-panel-item" id="ppts">
					<div>
	<div class="class-catagory-header" style="padding: 10px 20px 10px 20px;">
		<span id="spanQ">资料列表</span>
	</div>
	<div class="chuizhijz" v-for="ppt in ppts">
		<div class="pptjz">
			<div style="width: 40px" class="chuizhijz-cell">
				<img class="ppt" src="/images/ppt.png" width="50%" />
			</div>
			<span class="chuizhijz-cell"
				style="text-align: left; padding-left: 1em;">{{ppt.docName}}</span>
		</div>
		<div class="btnn">
			<ul>
<!-- 				<li><a class="threebtn" @click="downloadFile(ppt.url)">点击下载</a></li> -->
<!-- 				<li><a class="threebtn" @click="sendEmail(ppt.url)">发送邮件</a></li> -->
<!-- 				<li><a class="threebtn" @click="share">分享</a></li> -->
				<li style="width:40%;font-size:12px"  >上线时间：{{ppt.updateTime}}</li>
				<li style="width:20%"><img  src="/images/eye.png" style="width:10%;" /><span style="margin-left:10px;font-size:12px">{{ppt.count}}</span></li>
				<li style="width:20%"><a class="threebtn" @click="downLoad(ppt.id)" style="font-size:12px;visibility:hidden;">下载</a></li>
				<li style="width:20%"><a class="threebtn" @click="sendEmail(ppt.id)" style="font-size:12px" >下载</a></li>
			</ul>
		</div>
	</div>
</div>
				</div>
				<div class="tab-panel-item">
					<div>
	<div id="videoList">
		<div class="class-catagory-header"  @click="openVideoList()" style="padding: 10px 20px 10px 20px;">
			<span id="spanQ" >视频列表</span>
			<input type="hidden" id="userInfo" value="">
		</div>
	 <div id="videos1">
			<input type="hidden" id="videoUrl" value="">
		<div v-for="item in items" >
<!-- 			<div class="chuizhijz videoCataogory" @click="openVideoList(item.id)"> -->

<!-- 				<div style="width: 2em" class="chuizhijz-cell"> -->
<!-- 					<img class="icon_g1" src="/images/icon_p1.png" /> -->
<!-- 				</div> -->
<!-- 				<span class="chuizhijz-cell" -->
<!-- 					style="text-align: left; padding-left: 1em;">{{item.name}}</span> -->
<!-- 				<div style="width: 6%" class="chuizhijz-cell"> -->
<!-- 					<img class="moresty" src="/images/more.png" /> -->
<!-- 				</div> -->
<!-- 			</div> -->
				<div v-bind:class="'watchvideo video-'+item.id">
					<div href="#" @click="play(item.url,item.id)" class="video_box">
						<div class="img_center">
							<img v-bind:src="item.thumbnail">
						</div>
						<div class="font_content" style="height:20px">
							<span style="height:18px;font-size: 12px">{{item.name}}</span>
						</div>
						<div class="font_content" style="height:20px">
							<span style="height:18px"><img  src="/images/eye.png" style="width:8%;" /><span style="margin-left:10px;font-size:13px">{{item.playNum}}</span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<iframe  frameborder="0" v-bind:id="'iframe'" class="playiframe" style="display: none; width: 100%; height: 421.875px;" allowfullscreen=""></iframe>
	<iframe  frameborder="0" v-bind:id="'qyiframe'" class="qyiframe" style="display: none; width: 100%; height: 421.875px;" allowfullscreen=""></iframe>
	</div>

</div>
				</div>
				<div class="tab-panel-item" id="ucenter">
					<div>
	<div class="chuizhijz yuyuerecord" @click="openOrClose">
		<div style="width: 2em" class="chuizhijz-cell">
			<img class="icon_g1" src="/images/icon_g1.png" />
		</div>
		<span class="chuizhijz-cell"
			style="text-align: left; padding-left: 1em;">预约/听课记录</span>
		<div id="baidu" style="width: 6%" class="chuizhijz-cell">
			<img class="moresty" src="/images/more.png" />
		</div>
	</div>
	<div id="grzx-roughly" style="display: none;">
		<div class="pxprogect">
			<div style="border-bottom: 2px solid #dddddd; background: #F5F5F5; padding: 15px; text-align: center;" v-if="items.length==0">暂无数据</div>
			<div style="border-bottom: 2px solid #dddddd; background: #F5F5F5" v-for="item in items">
				<div class="pxneirong">
					<div style="font-size: 7px; width: 100%; float: left;">
						<div class="pxtime">
							<span class="pxkclist-cell" style="text-align: left; padding-left: 0.5em; color: #3896d5">培训名称：{{item.classDTO.name}}</span>
						</div>
						<div class="pxtime">
							<p class="pxkclist-cell" style="text-align: left; padding-left: 0.5em;">
								报名时间：<span>{{item.createTime}}</span>
							</p>
						</div>
						<div class="pxtime" v-if="item.classDTO.startTime!=null">
							<p class="pxkclist-cell"
								style="text-align: left; padding-left: 0.5em;">
								培训时间：<span>{{item.classDTO.startTime}}</span>
							</p>
						</div>
						<div class="pxtime">
							<p class="pxlist-cell"
								style="text-align: left; padding-left: 0.5em;">
								培训地点：<span>{{item.address==null ||
									item.address==''?'地点以短信形式通知':item.address}}</span>
							</p>
						</div>
						<div class="pxtime" v-if="(item.classDTO.memo)!=''">
							<p class="pxlist-cell"
								style="text-align: left; padding-left: 0.5em;">
								备注：<span>{{item.classDTO.memo}}</span>
							</p>
						</div>
					<div class="cancelbtn" v-if="!item.classDTO.start">
						<button class="cancelbtn-cell" v-bind:data-yyid="item.id" @click="cancelEnroll(item.id)">取消</button>
					</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ifload" style="display: none;text-align: center;background: rgb(245, 245, 245);" @click="loadmore">
			<span class="ifload-cell">点击加载更多</span>
		</div>
	</div>
	
	<div class="chuizhijz yuyuerecord" id="zlxz" @click="zlOpenOrClose">
		<div style="width: 2em" class="chuizhijz-cell">
			<img class="icon_g1" src="/images/icon_g1.png" />
		</div>
		<span class="chuizhijz-cell"
			style="text-align: left; padding-left: 1em;">已下载的资料</span>
		<div id="baidu" style="width: 6%" class="chuizhijz-cell">
			<img class="moresty" src="/images/more.png" />
		</div>
	</div>
	<div id="zl-grzx-roughly" style="display: none;">
		<div class="pxprogect">
			<div style="border-bottom: 2px solid #dddddd; background: #F5F5F5; padding: 15px; text-align: center;" v-if="zlItems.length==0">暂无数据</div>
			<div style="border-bottom: 2px solid #dddddd; background: #F5F5F5" v-for="item in zlItems">
				<div class="pxneirong">
					<div style="font-size: 7px; width: 100%; float: left;">
						<div class="pxtime">
							<span class="pxkclist-cell"
								style="text-align: left; padding-left: 0.5em; color: #3896d5">资料名称：{{item.docName}}</span>
						</div>
						<div class="pxtime">
							<p class="pxkclist-cell"
								style="text-align: left; padding-left: 0.5em;">
								下载时间：<span>{{item.updateTime}}</span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ifload" id="zl-ifload" style="display: none;text-align: center;background: rgb(245, 245, 245);" @click="zlLoadmore">
			<p class="ifload-cell">点击加载更多</p>
		</div>
	</div>
		<div class="chuizhijz yuyuerecord" @click="spOpenOrClose">
			<div style="width: 2em" class="chuizhijz-cell">
				<img class="icon_g1" src="/images/icon_g1.png" />
			</div>
			<span class="chuizhijz-cell"
				style="text-align: left; padding-left: 1em;">已学习的视频</span>
			<div id="baidu" style="width: 6%" class="chuizhijz-cell">
				<img class="moresty" src="/images/more.png" />
			</div>
		</div>
		<div id="sp-grzx-roughly" style="display: none;">
			<div class="pxprogect">
				<div style="border-bottom: 2px solid #dddddd; background: #F5F5F5; padding: 15px; text-align: center;" v-if="spItems.length==0">暂无数据</div>
				<div style="border-bottom: 2px solid #dddddd; background: #F5F5F5" v-for="item in spItems">
					<div class="pxneirong">
						<div style="font-size: 7px; width: 100%; float: left;">
							<div class="pxtime">
								<span class="pxkclist-cell" style="text-align: left; padding-left: 0.5em; color: #3896d5">视频名称：{{item.videoName}}</span>
							</div>
							<div class="pxtime">
								<p class="pxkclist-cell" style="text-align: left; padding-left: 0.5em;">
									学习时间：<span>{{item.updateTime}}</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="ifload" id="sp-ifload" style="display: none;text-align: center;background: rgb(245, 245, 245);" @click="spLoadmore">
				<span class="ifload-cell">点击加载更多</span>
			</div>
		</div>
		
		<!--<div id="mymessage" class="chuizhijz">
			<div style="width: 2em" class="chuizhijz-cell">
				<img class="icon_g1 zhiCustomBtn" src="/images/icon_g2.png" />
			</div>
			<span class="chuizhijz-cell zhiCustomBtn"
				style="text-align: left; padding-left: 1em;">我的留言</span>
			<div style="width: 6%" class="chuizhijz-cell zhiCustomBtn">
				<img class="moresty" src="/images/more.png" />
			</div>
		</div>-->

		<div class="chuizhijz  ucenter">
			<div style="width: 2em" class="chuizhijz-cell">
				<img class="icon_g1" src="/images/icon_11.png" />
			</div>
			<span class="chuizhijz-cell"
				style="text-align: left; padding-left: 1em;">个人资料</span>
			<div style="width: 6%" class="chuizhijz-cell">
				<img class="moresty" src="/images/more.png" />
			</div>
		</div>

		

		<div class="tellPhoneDiv">
			技术支持：13611199579
		</div>

</div>
				</div>
			</div>
		</div>

	</section>
</section>
</body>
	<script
	src="//www.sobot.com/chat/frame/js/entrance.js?sysNum=e3b45e6c8d2e4a65895c40a5d0528783"
	id="zhichiScript" class="zhiCustomBtn"></script>
</html>