fanzherong
/
baozhangfang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
							<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>

<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>摇号管理</title>
    <!-- Bootstrap -->
    <link href="<%=basePath %>/js/easyui/themes/icon.css" rel="stylesheet" />
	<link href="<%=basePath %>/js/easyui/themes/default/easyui.css" rel="stylesheet" />
	<link href="<%=basePath %>/style/my.css" rel="stylesheet" />
	<link href="<%=basePath %>/style/icons.css" rel="stylesheet" />
    <link href="<%=basePath%>/style/bootstrap.min.css" rel="stylesheet">
    <link href="<%=basePath%>/style/font-awesome.min.css" rel="stylesheet">
    <link href="<%=basePath%>/style/lottery.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container-fluid container-top">
    	<div class="container-top-logo"><img src="<%=basePath%>/images/logo.png"></div>
        <div class="collapse navbar-collapse navbar-top">
          <ul class="nav navbar-nav navbar-right">
            <li>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span></a>
            </li>
          </ul>
        <div class="container-top-control">
          <input type="hidden" value="${houseListSize}" id="houseListSize">
          <input type="hidden" value="${securityPersonSize}" id="securityPersonSize">
          <input type="hidden" value="${yaohao.id}" id="yaohaoId">
        </div>
    </div>
    <div class="container-fluid container-main">
    	<div class="container-leftpanel">
    	
        	<!--<div class="box box-solid box-primary lottery-house">
            	<div class="box-header lottery-house-head" id="housefold">
                	<i class="fa fa-building-o box-header-icon"></i>
                	<h3 class="box-title">房源摇号</h3>
                    <i class="fa fa-angle-double-up pull-right arrowfold" id="housefold1" ></i>
                </div>
                <div class="box-body lottery-house-body" name="house">
                	<s:iterator value="houseList" id = "info" status="houseStatus" >  
                	<s:property value="info.houseState"/>
                		<s:if test="#info.houseState == 3">
		                	<div class="lottery-house-unit" id="house_${info.id}" >
		                    	<div  class="lottery-house-community">${info.address}</div>
		                    </div>
	                    </s:if><s:else>
	                    	<div class="lottery-house-unit ignore" id="house_${info.id}" >
		                    	<div  class="lottery-house-community">${info.address}</div>
		                    </div>
	                    </s:else>
                    </s:iterator>
                </div>
                <div class="lottery-house-foot" name="house">
                	<button id="houseBegin" type="button" class="btn btn-primary"><i class="fa fa-play"></i> 开始</button>
                    <button id="houseOK" type="button" class="btn btn-primary" ><i class="fa fa-stop"></i> 停止</button>
                </div>
            </div>
            -->
            <div class="box box-solid box-primary lottery-people">
            	<div class="box-header lottery-people-head" id="peoplefold">
                	<i class="fa fa-user box-header-icon"></i>
                	<h3 class="box-title">人员摇号</h3>
                    <i class="fa fa-angle-double-down pull-right arrowfold"  id="peoplefold1"></i>
                </div>
                <div class="box-body lottery-people-body" name="people">
                	<s:iterator value="securityPersonList" id = "info1" status="securityPersonStatus" >  
	                    <s:if test="#info1.rentHouseState == 3">
		                	<div class="lottery-people-unit" id="securityPerson_${info1.id}" >
		                    	<div id="securityPersonName_${info1.id}" class="lottery-people-name">${info1.name}</div>
	                        	<div class="lottery-people-idcard">${info1.idCard}</div>
		                    </div>
	                    </s:if><s:else>
	                    	<div class="lottery-people-unit ignore" id="securityPerson_${info1.id}" >
		                    	<div id="securityPersonName_${info1.id}" class="lottery-people-name">${info1.name}</div>
	                        <div class="lottery-people-idcard">${info1.idCard}</div>
		                    </div>
	                    </s:else>
                	</s:iterator>
                </div>
                <div class="lottery-people-foot" name="people">
                	<button id="securityPersonBegin" type="button" class="btn btn-primary"><i class="fa fa-play"></i> 开始</button>
                    <button id="securityPersonOK" type="button" class="btn btn-primary"><i class="fa fa-stop"></i> 停止</button>
                </div>
            </div>
        </div>
    	<div class="container-rightpanel">
        	<div class="box box-solid box-primary">
            	<div class="box-header result">
                <i class="fa fa-bullhorn box-header-icon"></i>
                <h3 class="box-title">本次摇号结果</h3>
          		<button type="button" class="btn btn-info pull-right submit"><i class="fa fa-check-square-o"></i> 提交结果</button>
                </div>
                <div class="box-body result-body">
                    <table id="yaohaoItemDataGrid"  title="摇号结果" >
						<thead>
			        		<tr>
			            		<th data-options="field:'yaohaoNo',sortable:true,width:34">序号</th>
			            		<th data-options="field:'houseAddress',sortable:true,width:180,formatter:houseAddressFormatter">房屋地址</th>
			            		<th data-options="field:'securityPersonName',align:'center',width:78 ,formatter:securityPersonNameFormatter">姓名</th>
			            		<th data-options="field:'securityPersonIdcard',align:'center',width:160,formatter:securityPersonIdCardFormatter">身份证号</th>
			            		<th data-options="field:'update',align:'center',width:60,formatter:houseYaohaoFormatter">操作</th>
			        		</tr>  
			    		</thead>
					</table>
                </div>
            </div>
        </div>
    </div>
    <script src="<%=basePath%>/js/jquery-1.11.3.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<%=basePath%>/js/bootstrap.min.js"></script>
    <script src="<%=basePath%>/js/lottery.js"></script>
    <script type="text/javascript" src="<%=basePath %>/js/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>/js/easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="<%=basePath %>/js/easyui/ext.js"></script>
	<script type="text/javascript" src="<%=basePath %>/js/whzl.js"></script>
    
    
    <div class="modal fade" id="housestop" tabindex="-2" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog modal-modal">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>		        
            <h4 class="modal-title"><i class="fa fa-building fa-fw modal-header-icon"></i>&nbsp;房源摇号结果</h4>
          </div>
          <div class="modal-body">
            本次摇中的房源为：<span class="red" id="currentHouseAddress" ></span>，房源顺位号为: <span class="red" id="currentYaohaoNo"> </span>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
          </div>
        </div>
      </div>
	 </div>
     
    <div class="modal fade" id="securityPersonstop" tabindex="-2" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog modal-modal">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>		        
            <h4 class="modal-title"><i class="fa fa-user fa-fw modal-header-icon"></i>&nbsp;人员摇号结果</h4>
          </div>
          <div class="modal-body">
            本次摇中的人员为：<span class="red" id="currentSecurityPersonName"></span>，人员顺位号为<span class="red" id="currentYaohaoNos"></span>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
          </div>
        </div>
      </div>
	 </div>
	 
	 <div class="modal fade" id="communitySelect" tabindex="-2" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog modal-modal">
        <div class="modal-content">
          <div class="modal-header">
          	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>		        
            <h4 class="modal-title"><i class="fa fa-user fa-fw modal-header-icon"></i>&nbsp;请选择小区</h4>
          </div>
          <div class="modal-body"  >
          		 <div>
          		  摇号人员：<span class="red" id="currentPersonName"></span>，适用户型：<span class="red" id="currentRoomType"></span>，当前<span class="red" id="currentRoomType1"></span>剩余量为：
          		</div>
          		<div class="box-body lottery-people-body" id="communityList"></div>
          </div>
        </div>
      </div>
	 </div>
	 
	 <div id="houseYaohaoDialog" data-options="title:'&nbsp;房源摇号',width:800,height:420,modal:true">
	 </div>
	 
  </body>
</html>