<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML>
<html>
<head>
<title id="pageTitle">上海复星星泰医药科技有限公司</title>
<meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/axingtai/css/swiper.min.css"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/axingtai/css/common.css"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/axingtai/css/center.css"/>
<link type="text/css" rel="stylesheet" href="css/wap.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/axingtai/js/config.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/axingtai/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/axingtai/laydate/laydate.js"></script>

</head>

<body style="background:#f5f5f5;">

    <div class="header">
        <jsp:include page='<%="/newshead.html"%>'></jsp:include>
    </div>


<script type="text/javascript">
$(function(){
	var exptopfixed=$(".exp_fixed").offset().top;

    $(".havelevel").hover(function(){
            $(this).children(".levelson").addClass('cur');
            $(this).children(".down_level").stop().slideDown();
            
        },function(){
            $(this).children(".levelson").removeClass('cur');
            $(this).children(".down_level").stop().slideUp();
            Fixed();

        })
	
    $(window).scroll(function(){	
		Fixed()
    });
	
	function Fixed(){
		var top = $(document).scrollTop();        
		 //console.log(top+',,'+exptopfixed);
		if(top>=79){
		  $(".top").addClass("top_jl");
          $(".down_level").css("top","70px");
		  }
		  else{
			  $(".top").removeClass("top_jl");
            $(".down_level").css("top","110px");
			  }
		}
	
	$(".wapmenu").click(function(){
			$(".menucon").show(500);
			})
	$(".close").click(function(){
		$(".menucon").hide(500);
		})		
	
})
</script>


<div class="main center clearfix">
     <div class="selfleft">
        <ul class="clearfix">
            <li class="dispcblock">
                <p class="selfleic">平台中心</p>
            </li>
            <li>
                <a class="webborderright" href="center.html"><i class="icon_center_1"></i>基本信息</a>
            </li>
            <li>
                <a class="selfleonc" href="roomlist.html"><i class="icon_center_2"></i>会议室预约</a>
            </li>
            <li>
                <a class="webborderright" href="order.html"><i class="icon_center_3"></i>我的预约订单</a>
            </li>
            <li>
                <a href="notice.html"><i class="icon_center_4"></i>站内公告</a>
            </li>

            <li>
                <a class="webborderright" href="download.html"><i class="icon_center_6"></i>下载中心</a>
            </li>
            <li>
                <a href="safe.html"><i class="icon_center_7"></i>密码修改</a>
            </li>
            <li class="webwidthall">
                <a href="out.html">退出账号</a>
            </li>
        </ul>
    </div>


    <div class="selfright">
        <div class="selfbread">
            会议室预约
        </div>
        <div class="roomlist">
            <div class="pers_date clearfix">
                <input id="test1" class="pro_datetime" name="startTime">
               <%-- <input type="text" value="${commentdatemin}" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{\'%y-%M-%d\'}' })" id="releasedate" class="pro_datetime" name="startTime">--%>
                <span class="pro_dateto">至</span>
                <input id="test2" class="pro_datetime"name="endTime">
                <a class="pro_dateque" href="#">查询</a>
                <p class="search_num">共<span>13</span>条数据</p>
            </div>
            <ul class="roomlist_ul clearfix">
                <c:forEach items="${coomList}" var="coomList">
                    <li>
                        <a class="yuyue_btn" id="${coomList.id}" >
                            <span class="roomlist_pic"><img class="ts5" src="${coomList.surfaceplot}" alt=""></span>
                            <p class="roomlist_tit clearfix">${coomList.mins} ~${coomList.maxs}<span class="room_money">适合人数
                                <c:forEach items="${coomFys}" var="coomFys">
                                    <c:if test="${coomFys.id==coomList.cid}">
                                        ${coomFys.name}
                                    </c:if>
                                </c:forEach>
                            </span></p>
                            <p class="roomlist_des">${coomList.describe}
                            </p>
                        </a>
                    </li>
                </c:forEach>


            </ul>
            <div class="page clearfix">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <ul>
                                <li><a class="page_cur" href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">6</a></li>
                            </ul>
                        </div>
                        
                        
                    </div>
                </div>
                <div class="arrow arrow-left"> < </div>
                <div class="arrow arrow-right"> > </div>
            </div>
            <script type="text/javascript" src="${pageContext.request.contextPath}/axingtai/js/swiper.min.js"></script>
            <script>
                var iSwiper = new Swiper('.page .swiper-container', {
                    paginationClickable: true,
                    autoplayDisableOnInteraction: false,
                    calculateHeight : true,
                    loop:false
                });
                $('.arrow-left').on('click', function(e){
                    e.preventDefault();
                    iSwiper.swipePrev();
                });
                $('.arrow-right').on('click', function(e){
                    e.preventDefault();
                    iSwiper.swipeNext();
                });
            </script>
        </div>

    </div>
</div>


    <jsp:include page='<%="/footer.html"%>'></jsp:include>

<!-----------------footer ------------------>
<div class="member_fixed">
    <div class="member member_login">
        <form class="form form-horizontal" id="form-article-add" action="orders-save.html" method="post" enctype="multipart/form-data">
        <div class="closew closebtn2"></div>
        <div class="member_tit">会议室预约</div>
        <div class="member_text_w">
            <input type="text" id="coomId" name="cid" placeholder="值">
            <div class="member_text clearfix">
                <div class="input_text_con">
                    <p class="p_input_con"><input type="text" placeholder="使用人数" name="numbers" class="input_text"></p>
                   <p class="p_input_con p_select_con">
                        <span class="select_tit">使用原因：</span>
                       <select class="select_right" name="cause" id="">
                            <option value="内部">内部</option>
                            <option value="会客">会客</option>
                       </select>
                   </p>
                   <p class="p_input_con"><input type="text" name="sumTime" id="timeqj" placeholder="使用时间" class="input_text" ></p>
                </div>
            </div>
          <button type="submit" class="member_tjbtn" >预约提交</button>
        </div>
        </form>
    </div>
    <div class="closew2 memberbg"></div>
</div>

<script>

    $(function(){
        $(".yuyue_btn").click(function(){
            var vasl=$(this).attr("id");

            $("#coomId").val(vasl);

            $(".member_fixed").show(300);
            })
        $(".closebtn2").click(function(){
            $(".member_fixed").hide(300);
            })
    })
</script>
<script>

laydate.render({
  elem: '#test1' //指定元素
  ,type: 'datetime'
  ,value: new Date(),
   min: 2
});

laydate.render({
  elem: '#test2' //指定元素
  ,type: 'datetime'
  ,value: new Date(),
  min: 2
});

laydate.render({
elem: '#timeqj'
,type: 'datetime'
,range: '到'
,format: 'yyyy-M-d H:m:s'
});
</script>

</body>
</html>