test/free-technological-management/WebRoot/DirectorEditPages/VideoConference/index.html

<%var cssParam = {%>

		<link rel="stylesheet" type="text/css" href="${contextPath}/DirectorEditPages/css/meeting.css"/>
		<link rel=stylesheet type=text/css href="${contextPath}/DirectorEditPages/css/common2.css">
		<link rel="stylesheet" href="${contextPath}/DirectorEditPages/css/font-awesome.min.css">
		<link rel="stylesheet" href="${contextPath}/component/jquery-datetimepicker/jquery.datetimepicker.css">
<%};%>

<%var jsParam = {%>

		<DIV id="floatTools" class="float0831">
			<div class="floatL">
				<a style="DISPLAY: none" id="aFloatTools_Show" class="btnOpen" title="查看在线服务"
					onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'www.waityou24.cn'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" 
					href="javascript:void(0);">展开
				</a> 
				<a id="aFloatTools_Hide" class="btnCtn" title="关闭在线服务"
					onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'www.waityou24.cn'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" 
					href="javascript:void(0);">收缩
				</a>
			</div>
			<DIV id="divFloatToolsView" class="floatR">
				<DIV class="tp"></DIV>
				<DIV class="cn">
					<UL>
						<LI class="top">
							<!-- <H3 class="titZx">在线咨询</H3> -->
							<A href="javascript:openZXKF();">&nbsp;在线客服</A> 
						</LI>
						<LI><A href="javascript:openZXKF();">&nbsp;自助服务</A> </LI>
					</UL>
					<UL>
						<LI><A href="${contextPath}/technologySupermarketWeb/toComplaintPage">&nbsp;投诉监管</A> </LI>
					</UL>
				</DIV>
			</DIV>
		</DIV>

        <SCRIPT type="text/javascript" src="${contextPath}/DirectorEditPages/js/jquery.js"></SCRIPT>
        <SCRIPT type="text/javascript" src="${contextPath}/component/jquery-datetimepicker/jquery.datetimepicker.js"></SCRIPT>
        <SCRIPT type="text/javascript" src="${contextPath}/DirectorEditPages/js/bootstrap.min.js"></SCRIPT>
        <SCRIPT type="text/javascript" src="${contextPath}/DirectorEditPages/js/bootbox.min.js"></SCRIPT>
        <SCRIPT type="text/javascript" src="${contextPath}/DirectorEditPages/js/kefu.js"></SCRIPT>
		<script type="text/javascript">
			$(function() {
				$("a[id=aFloatTools_Hide]").click()
			});
			
			function openWindowOpt(optType, optId){
				var url = "${contextPath}/vcNew/";
				var param = "scrollbars=yes,status=no,resizable=no,location=no,toolbar=no,top=0,left=0,width=1024,height=768";
				if(optType == 1){
					url = url + "beginConference?id=" + optId;
				}else if(optType == 2){
					url = url + "beginConference?id=" + optId;
				}else{
					url = url + "joinConference?opttype=other&id=" + optId;
				}
				window.open(url, "_blank", param);
			}

			function openWindow(url){
				var param = "scrollbars=yes,status=no,resizable=no,location=no,toolbar=no,top=0,left=0,width=1024,height=768";
				window.open(url, "_blank", param);
			}
			
			function openDialog(url,msg){
				url = "${contextPath}/vcNew/" + url;
				bootbox.dialog({
					title: "系统提示", 
					message: msg, 
					locale:"zh_CN",
					buttons: {
						cancel: {label: "取消",className: "btn-cancel",callback: function() {}},
						ok: {label: "确定",className: "btn-success",
							callback: function() {
								window.location.href = url;
							}
						}
					}
				});
			}
			
			function openDialogToAjax(url,msg){
				url = "${contextPath}/vcNew/" + url;
				bootbox.dialog({
					title: "系统提示", 
					message: msg, 
					locale:"zh_CN",
					buttons: {
						cancel: {label: "取消",className: "btn-cancel",callback: function() {}},
						ok: {label: "确定",className: "btn-success",
							callback: function() {
								// Ajax操作
							}
						}
					}
				});
			}
			
			function verifyForm(){
				
				if($("#orderStartTime").val()==''){
					$("#orderStartTime").focus();
					alert("请输入预约开始时间！");
					return false;
				}
				
				if($("#orderEndTime").val()==''){
					$("#orderEndTime").focus();
					alert("请输入预约结束时间！");
					return false;
				}
				
				return true;
			}
			
			function login(){
				if($("#login_user").val()==""){
					alert("请输入登录用户名称！");
					$("#login_user").focus();
					return false;
				}
				if($("#login_pwd").val()==""){
					alert("请输入登录用户密码！");
					$("#login_pwd").focus();
					return false;
				}
				return true;
			}

			function openZXKF(){
				var url = "http://bb.waityou24.cn:9999/chatTest.jsp?UserID=23860281";
				var param = "scrollbars=yes,status=no,resizable=no,location=no,toolbar=no,top=0,left=0,width=1024,height=768";
				window.open(url, "_blank", param);
			}
			
			$('#orderStartTime').datetimepicker({
				format:"Y-m-d H:i",
				lang:'ch'
			});
			
			$('#orderEndTime').datetimepicker({
				format:"Y-m-d H:i",
				lang:'ch'
			});
		
			<%if(""!=msg!""){%>
			alert('${msg}');
			<%}%>
		
			<%if(""!=openOrderUserList!""){%>
			openWindow('${contextPath}/vcNew/toeditOrderUserList?id=${openOrderUserList}');
			<%}%>
		</script>

<%};%>

<%layout("/DirectorEditPages/commonPage/_layout.html", {nav: "",meunsel:"indexPage",jsParam:jsParam,cssParam:cssParam}) {%>
			<!--小导航-->
			<div id="title_nav">
				<div class="conent">
					<span>当前位置：</span>
					<a href="${contextPath}/">首页</a>
					<span>></span>
					<a href="#">视频会议</a>
				</div>
			</div>
			<%if(session.LoginVideoConferenceUser.id!'' == ''){%>
			<div class="left">
				<div class="left_one">
					<div class="panel-heading" id="bg">
						<span style="font-size: 16px; color:white;">我的会议</span>
					</div>
					<p id="h1"><a href="#">请登录后操作此功能。</a></p>
				</div>
				<div class="left_two">
					<div class="panel-heading" id="bg">
						<span style="font-size: 16px; color:white;">我要预定</span>
					</div>
					<p id="h1"><a href="#">请登录后操作此功能。</a></p>
				</div>
			</div>
			<%}else{%>
			<div class="left">
				<div class="left_one">
					<div class="panel-heading" id="bg">
						<span style="font-size: 16px; color:white;">我的会议</span>
					</div>
					<div class="loginleft_one">
						<ul>
						<%for(tempOrder in myList){%>
							<li>
								<span class="zhuchi" title="${tempOrder.orderStartTime}-${tempOrder.meetingName}">${tempOrder.orderStartTime}-${tempOrder.meetingName}</span>
								<span class="yaoqing">
									<%if(tempOrder.state==0){%>
										<a href="javascript:openDialog('delConference?id=${tempOrder.id}', '您确定要删除这个会议么？')" title="删除会议">
											<i class="icon-trash"></i>
										</a>
										<a href="javascript:openWindow('${contextPath}/vcNew/toeditOrderUserList?id=${tempOrder.id}')" title="邀请列表">
											<i class="icon-group"></i>
										</a>
									<%}else if(tempOrder.state==1){%>
										<a href="javascript:openDialog('delConference?id=${tempOrder.id}', '您确定要删除这个会议么？')" title="删除会议">
											<i class="icon-trash"></i>
										</a>
										<a href="javascript:openWindow('${contextPath}/vcNew/toeditOrderUserList?id=${tempOrder.id}')" title="邀请列表">
											<i class="icon-group"></i>
										</a>
									<%}else if(tempOrder.state==2){%>
										<a href="javascript:openWindow('${contextPath}/vcNew/toeditOrderUserList?id=${tempOrder.id}')" title="邀请列表">
											<i class="icon-group"></i>
										</a>
										<a href="javascript:openDialog('cancelConference?id=${tempOrder.id}', '您确定要取消这个会议么？')" title="取消会议">
											<i class="icon-edit"></i>
										</a>
										<a href="javascript:openWindowOpt(1,'${tempOrder.id}')" title="开始会议">
											<i class="icon-fire"></i>
										</a>
									<%}else if(tempOrder.state==3){%>
									<%}else if(tempOrder.state==4){%>
										<a href="javascript:openWindowOpt(2,'${tempOrder.id}')" title="进入会议室">
											<i class="icon-fire"></i>
										</a>
										<a href="javascript:openDialog('endConference?id=${tempOrder.id}', '您确定要结束这个会议么？')" title="结束会议">
											<i class="icon-edit"></i>
										</a>
									<%}else if(tempOrder.state==5){%>
									<%}%>
								</span>
							</li>
						<%}elsefor{%>
							<li>
								<span class="zhuchi">还没有您会议申请记录。</span>
							</li>
						<%}%>
						</ul>
					</div>
				</div>
				<div class="left_two">
					<div class="panel-heading" id="bg">
						<span style="font-size: 16px; color:white;">我要预定</span>
					</div>
					<div class="loginleft_two">
						<form action="${contextPath}/vcNew/editOrder" method="post" onsubmit="return verifyForm()">
							<input type="hidden" name="orderModel.id" value="">
							<p>会议室
						    	<select name="orderModel.roomNumber" id="select_k1">
						    	<%for(roomDate in roomList){%>
					            	<option value="${roomDate.roomNumber}">${roomDate.roomName}</option>
					            <%}%>
					            </select>
				            </p>
				            <p>会议名称 <input type="text" name="orderModel.meetingName" id="meetingName" placeholder="请输入会议名称" class="mingcheng" /></p>
				            <p>会议类型
								<select name="orderModel.videoType" id="videoType">
								<%for(templist in videoTypelist){%>
									<option value="${templist.code}">${templist.name}</option>
								<%}%>
								</select>
							</p>
							<p>是否公开通知  
								<select name="orderModel.public" id="public">
									<option value="0" selected="selected">不公开</option>
									<option value="1">公开</option>
								</select>
							</p>
				            <p>会议预约开始时间 <input type="text" name="orderModel.orderStartTime" id="orderStartTime" placeholder="请输入会议开始时间" /></p>
				            <p>会议预约结束时间 <input type="text" name="orderModel.orderEndTime" id="orderEndTime" placeholder="请输入会议结束时间" /></p>
							<p class="shuoming">会议说明 <textarea name="orderModel.meetingContent" id="meetingContent" cols="29px" rows="4" class="area" placeholder="这里是会议说明..."></textarea></p>	
							<p>
							<input type="submit" value="提交" class="btn btn-info an"/>
							<input type="reset" value="清空" class="btn btn-info"/>
							</p>
						</form>
					</div>
				
				</div>
			</div>
			<%}%>
			<div class="middle">
				<div class="middle_one">
					<div class="panel-heading panel-heading1" id="bg1">
						<span style="font-size: 16px; color:white;">正在开会</span>
					</div>
					<ul>
					<%for(tempOrder in proceedList){%>
						<li><span class="title" title="${tempOrder.roomName}${tempOrder.startTime}开始了会议${tempOrder.meetingName}"><a href="#">${tempOrder.roomName}${tempOrder.startTime}开始了会议${tempOrder.meetingName}</a></span></li>
					<%}elsefor{%>
						<li><span class="title">还没有正在召开的会议。</span></li>
					<%}%>
					</ul>
				</div>
				<div class="middle_two">
					<div class="panel-heading panel-heading1" id="bg1">
						<span style="font-size: 16px; color:white;">会议预订</span>
					</div>
					<ul>
					<%for(tempOrder in orderList){%>
						<li><span class="title" title="${tempOrder.roomName}${tempOrder.orderStartTime}预订了会议${tempOrder.meetingName}"><a href="#">${tempOrder.roomName}${tempOrder.orderStartTime}预定了会议${tempOrder.meetingName}</a></span></li>
					<%}elsefor{%>
						<li><span class="title">还没有会议预订记录。</span></li>
					<%}%>
					</ul>
				</div>
				<div class="middle_three">
					<div class="panel-heading panel-heading1" id="bg1">
						<span style="font-size: 16px; color:white;">往期会议</span>
					</div>
					<ul>
					<%for(tempOrder in historyList){%>
						<li><span class="title" title="${tempOrder.startTime!}的会议${tempOrder.meetingName}"><a href="#">${tempOrder.startTime!}的会议${tempOrder.meetingName}</a></span></li>
					<%}elsefor{%>
						<li><span class="title">还没有往期会议记录。</span></li>
					<%}%>
					</ul>
				</div>
			</div>
			<%if(session.LoginVideoConferenceUser.id!'' == ''){%>
			<div class="right">
				<div class="right_one">
					<div class="panel-heading panel-heading2" id="bg">
						<span style="font-size: 16px; color:white;">会议通知</span>
					</div>
					<div class="loginright_one">
						<ul>
							<%for(tempList in pOrderList){%>
							<li><span class="title" title="${tempList.meetingName}(${tempList.typeName}型)于${tempList.startTime}在${tempList.roomName}召开">
							<a href="#">${tempList.meetingName}(${tempList.typeName}型)于${tempList.startTime}在${tempList.roomName}召开</a></span></li>
							<%}%>
						</ul>
					</div>
				</div>
				<div class="right_two">
					<div class="panel-heading panel-heading2" id="bg">
						<span style="font-size: 16px; color:white;">请您登陆</span>
					</div>
					<div class="zhengti">
						<form id="loginForm" action="${contextPath}/vcNew/login" method="post" onsubmit="return login()">
							<div class="login2">
								名称：<input type="text" name="userName" id="login_user" placeholder="请输入登录名称"/><br><br>
								密码：<input type="password" name="userPwd" id="login_pwd" placeholder="请输入登录密码"/><br><br>
							</div>
							<button type="submit" class="btn btn-info dlan">登陆</button>
						</form>
					</div>
				</div>
			</div>
			<%}else{%>
			<div class="right">
				<div class="right_one">
					<div class="panel-heading panel-heading2" id="bg">
						<span style="font-size: 16px; color:white;">会议通知</span>
					</div>
					<div class="loginright_one">
						<ul>
						<%for(tempOrder in participateOrderList){%>
							<li title="${tempOrder.startTime!tempOrder.orderStartTime}请参与${tempOrder.meetingName}">
							<%if(tempOrder.orderState==4){%>
								<a href="javascript:openWindowOpt(3,'${tempOrder.id}')" title="进入会议室">
									<i class="icon-fire"></i>
								</a>
							<%}else{%>
								<a href="javascript:void(0)" title="会议尚未开始">
									<i class="icon-minus-sign"></i>
								</a>
							<%}%>
							${tempOrder.startTime!tempOrder.orderStartTime}请参与${tempOrder.meetingName}
							</li>
						<%}elsefor{%>
							<li>还没有您会议通知。</li>
						<%}%>
						</ul>
					</div>
				</div>
				<div class="right_two">
					<div class="panel-heading panel-heading2" id="bg">
						<span style="font-size: 16px; color:white;">用户信息</span>
					</div>
					<div class="loginright_two">
						 <p>姓名:${session.LoginVideoConferenceUser.name!} &nbsp;&nbsp; <a href="${contextPath}/vcNew/logout">注销</a></p>
						 <p>邮件:${session.LoginVideoConferenceUser.email!}</p>
						 <p>电话:${session.LoginVideoConferenceUser.phone!}</p>
						 <p>地址:${session.LoginVideoConferenceUser.addr!}</p>
					</div>
				</div>
			</div>
			<%}%>
<%}%>