<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>

<head>
  <title> 退宿审核管理 </title>
  <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  <link href="<c:url value='/scripts/lib/layui/layui.css'/>" rel="stylesheet" type="text/css" />
  <link href="<c:url value='/styles/vehicleClean/home.css'/>" rel="stylesheet" type="text/css" />

  <link href="<c:url value='/styles/dormitoryManage/dormitoryInfor.css'/>" rel="stylesheet" type="text/css" />
  <link href="<c:url value='/styles/dormitoryManage/retreatAudit.css?2019-1-1'/>" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="<c:url value='/scripts/lib/jquery-1.8.2.min.js'/>"></script>
  <script type="text/javascript" src="<c:url value='/scripts/lib/layui/layui.js'/>"></script>
  <script type="text/javascript" src="<c:url value='/scripts/lib/template-native.js'/>"></script>
  <script type="text/javascript" src="<c:url value='/scripts/admin/cjqt.js'/>"></script>
</head>

<body>
  <input type="hidden" value="${ctx}" id="contextPath">
  <input type="hidden" id="orgId" name="orgId" value="${orgs[0].id}">

  <%-- 因为js中无法直接调用自定义的权限校验标签 --%>
  <%-- 判断当前用户是否有相应权限,如果有权限则在JSP页面新增隐藏input标签,方便js代码调用 --%>

  <%-- 是否有审核权限 --%>
  <perm:hasPermission permCode="pc:dormitory:checkout:approve">
    <input type="hidden" value="1" id="perm-approve" />
  </perm:hasPermission>


  <div class="content">
    <div class="layui-tab layui-tab-card">
      <div class="form_content">
        <div class="layui-form-item">
          <!-- 选择校区 -->
          <c:if test="${fn:length(orgs) > 1}">
            <div>
              <div class="part-wp">
                <span class="search-tips txt_brown">请选择校区</span>
                <input class="default-select orgId" name="orgId" id="orgId"  autocomplete="off"/>
                <span class="select_wrap _hide"></span>
  <!--               <select class="orgId default-select" name="orgId">
                  <c:forEach items="${orgs }" var="org">
                    <option value="${org.id }">${org.name }</option>
                  </c:forEach>
                </select> -->
              </div>
            </div>
          </c:if>
          <c:if test="${fn:length(orgs) == 1}">
            <select class="orgId default-select" name="orgId" style="display: none;">
              <option value="${orgs[0].id }" selected="selected">${orgs[0].name }</option>
            </select>
          </c:if>
          <!-- 姓名 -->
          <div class="layui-inline" style="margin-left:16px">
            <label class="layui-form-label txt_brown fs14">姓名</label>
            <div class="layui-input-inline">
              <input type="text" name="user" lay-verify="userName" autocomplete="off" class="layui-input" placeholder="请输入姓名">
            </div>
          </div>
          <!-- 手机 -->
          <div class="layui-inline">
            <label class="layui-form-label txt_brown fs14">手机</label>
            <div class="layui-input-inline">
              <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input"
                placeholder="请输入4位及以上位数手机号码">
            </div>
          </div>
          <!-- 公寓 -->
          <div class="layui-inline">
            <label class="layui-form-label txt_brown fs14">公寓</label>
            <div class="layui-input-inline">
              <input type="text" name="apartment" autocomplete="off" class="layui-input" placeholder="请输入公寓">
            </div>
          </div>

          <!-- 楼宇 -->
          <div class="layui-inline">
            <label class="layui-form-label txt_brown fs14">楼宇</label>
            <div class="layui-input-inline">
              <input type="text" name="build" autocomplete="off" class="layui-input" placeholder="请输入楼宇">
            </div>
          </div>

          <!-- 楼层  -->
          <div class="layui-inline">
            <label class="layui-form-label txt_brown fs14">楼层</label>
            <div class="layui-input-inline">
              <input type="text" name="floor" autocomplete="off" class="layui-input" placeholder="请输入楼层">
            </div>
          </div>

          <!-- 房号 -->
          <div class="layui-inline">
            <label class="layui-form-label txt_brown fs14">房号</label>
            <div class="layui-input-inline">
              <input type="text" name="room" autocomplete="off" class="layui-input" placeholder="请输入房号">
            </div>
          </div>
          <!-- 状态 -->
          <div class="layui-inline">
              <label class="layui-form-label txt_brown fs14">状态</label>
              <div class="layui-input-inline">
                <select name="status" lay-verify="required" lay-search="" id="status" placeholder="请输入状态">
                  <option value=""></option>
                  <option value="5">全部</option>
                  <option value="1">待审核</option>
                  <option value="2">待放行</option>
                  <option value="3">已放行</option>
                  <option value="4">已拒绝</option>
                  <option value="6">放行拒绝</option>
                  <option value="7">审核拒绝</option>
                </select>
              </div>
            </div>
          <div class="layui-inline changeBtn">
            <button class="bl_yellow fs16" id="searchUser">查询</button>
            <button class="bt_blue fs16" id="resetSearch">重置</button>
          </div>
        </div>
        <div class="tables">
          <table class="layui-hide" id="table_retreat_audit" lay-filter="retreat"></table>
        </div>
      </div>
    </div>
  </div>
  <div class="alert-bo" onclick="closeAlert()">
    <div class="boost-bo">
      <img src="" alt="">
    </div>
  </div>
  <script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
  <script type="text/javascript" src="<c:url value='/scripts/admin/dormitoryManage/retreatAudit.js?2019-1-1'/>"></script>
</body>

</html>