test/free-technological-management/WebRoot/WebPages_170421/meetingPages/meetingPage.html

<%var cssPar = {%>
	<link rel="stylesheet" href="${contextPath}/WebPages_170421/css/meeting/meeting.css" type="text/css">
<%};%>

<%var jsPar = {%>
	<script type="text/javascript" src="${contextPath}/WebPages_170421/js/meeting/meeting.js"></script>
	<script type="text/javascript" src="${contextPath}/WebPages_170421/js/jquery.datetimepicker.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 verifyForm(){
			
			if($("#orderStartTime").val()==''){
				$("#orderStartTime").focus();
				alert("请输入预约开始时间！");
				return false;
			}
			
			if($("#orderEndTime").val()==''){
				$("#orderEndTime").focus();
				alert("请输入预约结束时间！");
				return false;
			}
			
			return true;
		}

		$('#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("/WebPages_170421/commonPage/_layout.html", {nav:"",meunsel:"",jsParam:jsPar,cssParam:cssPar}) {%>

<div class="container">
    <div class="conent" >
        <span class="nin">您当前的位置：</span>
        <a href="#this" class="yiji">首页</a>
        <span class="nin"> > </span>
        <a href="${contextPath}/Service/toInnovativeServices" class="yiji">创新服务</a>
        <span class="nin"> > </span>
        <a href="#this" class="yiji">视频会议</a>
    </div>
</div>
<div class="container">
    <div class="top">
        <div class="lt mr15">
            <div class="xmK">
                <div class="Ktp">
                    <div class="txt">我的会议</div>
                </div>
                <%if(session.LoginUser!'' == ''){%>
	                <div class="login1">
	                    <div class="denglu">请登录后操作此功能</div>
	                </div>
                <%}else{%>
	                <div class="liebiao">
	                    <div class="list">
	                    	<%for(tempOrder in myList!''){%>
		                        <div class="tiao">
		                            <div class="meet1" title="${tempOrder.orderStartTime}-${tempOrder.meetingName}">${tempOrder.orderStartTime}-${tempOrder.meetingName}</div>
		                            <ul class="meet2">
		                            	<%if(tempOrder.state==0){%>
										<li><a href="javascript:" onclick="del()"  title="删除会议">
											<img src="${contextPath}/WebPages_170421/img/meeting/del.gif" title="删除会议">
										</a></li>
										<li><a  href="javascript:openWindow('${contextPath}/vcNew/toeditOrderUserList?id=${tempOrder.id}')" title="邀请列表">
											<img src="${contextPath}/WebPages_170421/img/meeting/list.gif" title="邀请列表">
										</a></li>
									<%}else if(tempOrder.state==1){%>
										<li><a href="javascript:" onclick="del()"  title="删除会议">
											<img src="${contextPath}/WebPages_170421/img/meeting/del.gif" title="删除会议">
										</a></li>
										<li><a href="javascript:openWindow('${contextPath}/vcNew/toeditOrderUserList?id=${tempOrder.id}')" title="邀请列表">
											<img src="${contextPath}/WebPages_170421/img/meeting/list.gif" title="邀请列表">
										</a></li>
									<%}else if(tempOrder.state==2){%>
										<li><a href="javascript:openWindow('${contextPath}/vcNew/toeditOrderUserList?id=${tempOrder.id}')" title="邀请列表">
											<img src="${contextPath}/WebPages_170421/img/meeting/list.gif" title="邀请列表">
										</a></li>
										<li><a href="${contextPath}/vcNew/cancelConference?id=${tempOrder.id}" title="取消会议">
											<img src="${contextPath}/WebPages_170421/img/meeting/stop.gif" title="取消会议">
										</a></li>
										<li><a href="javascript:openWindowOpt(1,'${tempOrder.id}')" title="开始会议">
											<img src="${contextPath}/WebPages_170421/img/meeting/start.gif" title="开始会议">
										</a></li>
									<%}else if(tempOrder.state==3){%>
									<%}else if(tempOrder.state==4){%>
				 						<li><a href="javascript:openWindowOpt(2,'${tempOrder.id}')" title="进入会议室">
											<img src="${contextPath}/WebPages_170421/img/meeting/jin.gif" title="进入会议室">
										</a></li>
										<li><a href="${contextPath}/vcNew/endConference?id=${tempOrder.id}" title="结束会议">
											<img src="${contextPath}/WebPages_170421/img/meeting/stop1.gif" title="结束会议">
										</a></li>
									<%}else if(tempOrder.state==5){%>
									<%}%>
		                            </ul>
		                        </div>
	                        <%}elsefor{%>
		                        <div class="tiao">
		                            <div class="meet1" title="">还没有您会议申请记录</div>
		                        </div>
	                        <%}%>
	                    </div>
                	</div>
                <%}%>
            </div>
        </div>
        <div class="lt">
            <div class="xmK">
                <div class="Ktp">
                    <div class="txt">我要预订</div>
                </div>
                <%if(session.LoginUser!'' == ''){%>
	                <div class="login1">
	                    <div class="denglu">请登录后操作此功能</div>
	                </div>
                <%}else{%>
	                <div class="met">
	                    <form class="yuding" action="${contextPath}/Meeting/editOrder" method="post" onsubmit="return verifyForm()">
		                    <input type="hidden" name="orderModel.id" value="">
		                    <div class="tian">
		                        <p class="lft">会&nbsp;议&nbsp;室&nbsp;：</p>
		                        <select class="rit" name="orderModel.roomNumber">
		                            <%for(roomDate in roomList){%>
							            <option value="${roomDate.roomNumber}">${roomDate.roomName}</option>
							        <%}%>
		                        </select>
		                    </div>
		                    <div class="tian">
		                        <p class="lft">会议类型：</p>
		                        <select class="rit" name="orderModel.videoType">
		                            <%for(templist in videoTypelist){%>
										<option value="${templist.code}">${templist.name}</option>
									<%}%>
		                        </select>
		                    </div>
		                    <div class="tian">
		                        <p class="lft">会议名称：</p>
		                        <input type="text" id="meetingName" class="rit" name="orderModel.meetingName" placeholder="请输入会议名称">
		                    </div>
		                    <div class="tian">
		                        <p class="lft">公开通知：</p>
		                        <select class="rit" name="orderModel.public">
		                            <option value="0" selected="selected">不公开</option>
									<option value="1">公开</option>
		                        </select>
		                    </div>
		                    <div class="tian">
		                        <p class="lft">开始时间：</p>
		                        <input type="text" name="orderModel.orderStartTime" id="orderStartTime" placeholder="请输入会议开始时间" class="rit"/>
		                    </div>
		                    <div class="tian">
		                        <p class="lft">结束时间：</p>
		                        <input type="text" name="orderModel.orderEndTime" id="orderEndTime" placeholder="请输入会议结束时间" class="rit"/>
		                    </div>
		                    <div class="tian h60 w500">
		                        <p class="lft">会议说明：</p>
		                        <textarea class="rit1" name="orderModel.meetingContent" id="meetingContent" placeholder="这里是会议说明..."></textarea>
		                    </div>
		                    <div class="an">
		                        <input  type="submit" class="btn" value="提交预订">
		                        <input  type="reset" class="btn" value="清空预订">
		                    </div>
		                </form>
	                </div>
                <%}%>
            </div>
        </div>
        <div class="lt mr15">
            <div class="xmK">
                <div class="Ktp">
                    <div class="txt">正在开会</div>
                </div>
                <div class="Nr">
                    <div class="Nrtu"></div>
                        <ul class="NrUl">
                        	<%for(tempOrder in proceedList){%>
	                            <li title="${tempOrder.roomName}${tempOrder.startTime}开始了会议${tempOrder.meetingName}">${tempOrder.roomName}${tempOrder.startTime}开始了会议${tempOrder.meetingName}</li>
                        	<%}elsefor{%>
	                            <div class="mei" title="">还没有正在召开的会议</div>
                        	<%}%>
                        </ul>
                </div>
            </div>
        </div>
        <div class="lt">
            <div class="xmK">
                <div class="Ktp">
                    <div class="txt">会议预订</div>
                </div>
                <div class="Nr">
                    <div class="Nrtu bg2"></div>
                    <ul class="NrUl">
                        <%for(tempOrder in orderList){%>
                            <li title="${tempOrder.roomName}${tempOrder.orderStartTime}预订了会议${tempOrder.meetingName}">${tempOrder.roomName}${tempOrder.orderStartTime}预订了会议${tempOrder.meetingName}</li>
                       	<%}elsefor{%>
                            <div class="mei" title="">还没有会议预订记录</div>
                       	<%}%>
                    </ul>
                </div>
            </div>
        </div>
        <%if(session.LoginUser!'' == ''){%>
	        <div class="lt mr15">
	            <div class="xmK">
	                <div class="Ktp">
	                    <div class="txt">会议通知</div>
	                </div>
	                <div class="Nr">
	                    <div class="Nrtu bg4"></div>
	                    <ul class="NrUl2">
	                        <%for(tempList in pOrderList){%>
	                            <li title="${tempList.meetingName}(${tempList.typeName}型)于${tempList.startTime}在${tempList.roomName}召开">${tempList.meetingName}(${tempList.typeName}型)于${tempList.startTime}在${tempList.roomName}召开</li>
	                       	<%}%>
	                    </ul>
	                </div>
	            </div>
	        </div>
        <%}else{%>
	        <div class="lt mr15">
	            <div class="xmK">
	                <div class="Ktp">
	                    <div class="txt">会议通知</div>
	                </div>
	                <div class="Nr">
	                    <div class="Nrtu bg4"></div>
	                    <ul class="NrUl2">
	                        <%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{%>
	                            <div class="mei" title="">还没有您会议通知</div>
	                       	<%}%>
	                    </ul>
	                </div>
	            </div>
	        </div>
        <%}%>
        <div class="lt">
            <div class="xmK">
                <div class="Ktp">
                    <div class="txt">往期会议</div>
                </div>
                <div class="Nr">
                    <div class="Nrtu bg3"></div>
                    <ul class="NrUl">
                        <%for(tempOrder in historyList){%>
                            <li title="${tempOrder.startTime!}的会议${tempOrder.meetingName}">${tempOrder.startTime!}的会议${tempOrder.meetingName}</li>
                       	<%}elsefor{%>
                            <div class="mei" title="">还没有往期会议记录</div>
                       	<%}%>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
					<div id="box">
				        <p style="width: 200px; height:80px; line-height:80px; text-align: center;">确认删除吗？</p>
				        <a href="#this">
				        	<input type="button" onclick="yes()" value="确定" class="delBtn">
				        </a>
				        <input type="button" onclick="no()" value="取消" class="delBtn m0" >
				    </div>
<%}%>