Home Explore Help
Register Sign In
fanzherong
/
baozhangfang
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: effb3de1f5
Branches Tags
baozhangfang
/
WebRoot
/
WEB-INF
/
jsp
/
yaohao
/
yaohao.jsp

yaohao.jsp 10 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190 
  1. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
    2. 

  2. <%@taglib prefix="s" uri="/struts-tags" %>
    3. 

  3. 

  4. <% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
    5. 

  5. <!DOCTYPE html>
    6. 

  6. <html lang="zh-CN">
    7. 

  7.   <head>
    8. 

  8.     <meta charset="utf-8">
    9. 

  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    10. 

  10.     <meta name="viewport" content="width=device-width, initial-scale=1">
    11. 

  11.     <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    12. 

  12.     <title>摇号管理</title>
    13. 

  13.     <!-- Bootstrap -->
    14. 

  14.     <link href="<%=basePath %>/js/easyui/themes/icon.css" rel="stylesheet" />
    15. 

  15. 	<link href="<%=basePath %>/js/easyui/themes/default/easyui.css" rel="stylesheet" />
    16. 

  16. 	<link href="<%=basePath %>/style/my.css" rel="stylesheet" />
    17. 

  17. 	<link href="<%=basePath %>/style/icons.css" rel="stylesheet" />
    18. 

  18.     <link href="<%=basePath%>/style/bootstrap.min.css" rel="stylesheet">
    19. 

  19.     <link href="<%=basePath%>/style/font-awesome.min.css" rel="stylesheet">
    20. 

  20.     <link href="<%=basePath%>/style/lottery.css" rel="stylesheet">
    21. 

  21. 

  22.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    23. 

  23.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    24. 

  24.     <!--[if lt IE 9]>
    25. 

  25.       <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    26. 

  26.       <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    27. 

  27.     <![endif]-->
    28. 

  28.   </head>
    29. 

  29.   <body>
    30. 

  30.     <div class="container-fluid container-top">
    31. 

  31.     	<div class="container-top-logo"><img src="<%=basePath%>/images/logo.png"></div>
    32. 

  32.         <div class="collapse navbar-collapse navbar-top">
    33. 

  33.           <ul class="nav navbar-nav navbar-right">
    34. 

  34.             <li>
    35. 

  35.             </li>
    36. 

  36.             <li class="dropdown">
    37. 

  37.               <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span></a>
    38. 

  38.             </li>
    39. 

  39.           </ul>
    40. 

  40.         <div class="container-top-control">
    41. 

  41.           <input type="hidden" value="${houseListSize}" id="houseListSize">
    42. 

  42.           <input type="hidden" value="${securityPersonSize}" id="securityPersonSize">
    43. 

  43.           <input type="hidden" value="${yaohao.id}" id="yaohaoId">
    44. 

  44.         </div>
    45. 

  45.     </div>
    46. 

  46.     <div class="container-fluid container-main">
    47. 

  47.     	<div class="container-leftpanel">
    48. 

  48.     	
    49. 

  49.         	<!--<div class="box box-solid box-primary lottery-house">
    50. 

  50.             	<div class="box-header lottery-house-head" id="housefold">
    51. 

  51.                 	<i class="fa fa-building-o box-header-icon"></i>
    52. 

  52.                 	<h3 class="box-title">房源摇号</h3>
    53. 

  53.                     <i class="fa fa-angle-double-up pull-right arrowfold" id="housefold1" ></i>
    54. 

  54.                 </div>
    55. 

  55.                 <div class="box-body lottery-house-body" name="house">
    56. 

  56.                 	<s:iterator value="houseList" id = "info" status="houseStatus" >  
    57. 

  57.                 	<s:property value="info.houseState"/>
    58. 

  58.                 		<s:if test="#info.houseState == 3">
    59. 

  59. 		                	<div class="lottery-house-unit" id="house_${info.id}" >
    60. 

  60. 		                    	<div  class="lottery-house-community">${info.address}</div>
    61. 

  61. 		                    </div>
    62. 

  62. 	                    </s:if><s:else>
    63. 

  63. 	                    	<div class="lottery-house-unit ignore" id="house_${info.id}" >
    64. 

  64. 		                    	<div  class="lottery-house-community">${info.address}</div>
    65. 

  65. 		                    </div>
    66. 

  66. 	                    </s:else>
    67. 

  67.                     </s:iterator>
    68. 

  68.                 </div>
    69. 

  69.                 <div class="lottery-house-foot" name="house">
    70. 

  70.                 	<button id="houseBegin" type="button" class="btn btn-primary"><i class="fa fa-play"></i> 开始</button>
    71. 

  71.                     <button id="houseOK" type="button" class="btn btn-primary" ><i class="fa fa-stop"></i> 停止</button>
    72. 

  72.                 </div>
    73. 

  73.             </div>
    74. 

  74.             -->
    75. 

  75.             <div class="box box-solid box-primary lottery-people">
    76. 

  76.             	<div class="box-header lottery-people-head" id="peoplefold">
    77. 

  77.                 	<i class="fa fa-user box-header-icon"></i>
    78. 

  78.                 	<h3 class="box-title">人员摇号</h3>
    79. 

  79.                     <i class="fa fa-angle-double-down pull-right arrowfold"  id="peoplefold1"></i>
    80. 

  80.                 </div>
    81. 

  81.                 <div class="box-body lottery-people-body" name="people">
    82. 

  82.                 	<s:iterator value="securityPersonList" id = "info1" status="securityPersonStatus" >  
    83. 

  83. 	                    <s:if test="#info1.rentHouseState == 3">
    84. 

  84. 		                	<div class="lottery-people-unit" id="securityPerson_${info1.id}" >
    85. 

  85. 		                    	<div id="securityPersonName_${info1.id}" class="lottery-people-name">${info1.name}</div>
    86. 

  86. 	                        	<div class="lottery-people-idcard">${info1.idCard}</div>
    87. 

  87. 		                    </div>
    88. 

  88. 	                    </s:if><s:else>
    89. 

  89. 	                    	<div class="lottery-people-unit ignore" id="securityPerson_${info1.id}" >
    90. 

  90. 		                    	<div id="securityPersonName_${info1.id}" class="lottery-people-name">${info1.name}</div>
    91. 

  91. 	                        <div class="lottery-people-idcard">${info1.idCard}</div>
    92. 

  92. 		                    </div>
    93. 

  93. 	                    </s:else>
    94. 

  94.                 	</s:iterator>
    95. 

  95.                 </div>
    96. 

  96.                 <div class="lottery-people-foot" name="people">
    97. 

  97.                 	<button id="securityPersonBegin" type="button" class="btn btn-primary"><i class="fa fa-play"></i> 开始</button>
    98. 

  98.                     <button id="securityPersonOK" type="button" class="btn btn-primary"><i class="fa fa-stop"></i> 停止</button>
    99. 

  99.                 </div>
    100. 

  100.             </div>
    101. 

  101.         </div>
    102. 

  102.     	<div class="container-rightpanel">
    103. 

  103.         	<div class="box box-solid box-primary">
    104. 

  104.             	<div class="box-header result">
    105. 

  105.                 <i class="fa fa-bullhorn box-header-icon"></i>
    106. 

  106.                 <h3 class="box-title">本次摇号结果</h3>
    107. 

  107.           		<button type="button" class="btn btn-info pull-right submit"><i class="fa fa-check-square-o"></i> 提交结果</button>
    108. 

  108.                 </div>
    109. 

  109.                 <div class="box-body result-body">
    110. 

  110.                     <table id="yaohaoItemDataGrid"  title="摇号结果" >
    111. 

  111. 						<thead>
    112. 

  112. 			        		<tr>
    113. 

  113. 			            		<th data-options="field:'yaohaoNo',sortable:true,width:34">序号</th>
    114. 

  114. 			            		<th data-options="field:'houseAddress',sortable:true,width:180,formatter:houseAddressFormatter">房屋地址</th>
    115. 

  115. 			            		<th data-options="field:'securityPersonName',align:'center',width:78 ,formatter:securityPersonNameFormatter">姓名</th>
    116. 

  116. 			            		<th data-options="field:'securityPersonIdcard',align:'center',width:160,formatter:securityPersonIdCardFormatter">身份证号</th>
    117. 

  117. 			            		<th data-options="field:'update',align:'center',width:60,formatter:houseYaohaoFormatter">操作</th>
    118. 

  118. 			        		</tr>  
    119. 

  119. 			    		</thead>
    120. 

  120. 					</table>
    121. 

  121.                 </div>
    122. 

  122.             </div>
    123. 

  123.         </div>
    124. 

  124.     </div>
    125. 

  125.     <script src="<%=basePath%>/js/jquery-1.11.3.min.js"></script>
    126. 

  126.     <!-- Include all compiled plugins (below), or include individual files as needed -->
    127. 

  127.     <script src="<%=basePath%>/js/bootstrap.min.js"></script>
    128. 

  128.     <script src="<%=basePath%>/js/lottery.js"></script>
    129. 

  129.     <script type="text/javascript" src="<%=basePath %>/js/easyui/jquery.easyui.min.js"></script>
    130. 

  130. 	<script type="text/javascript" src="<%=basePath %>/js/easyui/locale/easyui-lang-zh_CN.js"></script>
    131. 

  131. 	<script type="text/javascript" src="<%=basePath %>/js/easyui/ext.js"></script>
    132. 

  132. 	<script type="text/javascript" src="<%=basePath %>/js/whzl.js"></script>
    133. 

  133.     
    134. 

  134.     
    135. 

  135.     <div class="modal fade" id="housestop" tabindex="-2" role="dialog" aria-labelledby="myModalLabel">
    136. 

  136.       <div class="modal-dialog modal-modal">
    137. 

  137.         <div class="modal-content">
    138. 

  138.           <div class="modal-header">
    139. 

  139.             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>		        
    140. 

  140.             <h4 class="modal-title"><i class="fa fa-building fa-fw modal-header-icon"></i>&nbsp;房源摇号结果</h4>
    141. 

  141.           </div>
    142. 

  142.           <div class="modal-body">
    143. 

  143.             本次摇中的房源为：<span class="red" id="currentHouseAddress" ></span>，房源顺位号为: <span class="red" id="currentYaohaoNo"> </span>
    144. 

  144.           </div>
    145. 

  145.           <div class="modal-footer">
    146. 

  146.             <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
    147. 

  147.           </div>
    148. 

  148.         </div>
    149. 

  149.       </div>
    150. 

  150. 	 </div>
    151. 

  151.      
    152. 

  152.     <div class="modal fade" id="securityPersonstop" tabindex="-2" role="dialog" aria-labelledby="myModalLabel">
    153. 

  153.       <div class="modal-dialog modal-modal">
    154. 

  154.         <div class="modal-content">
    155. 

  155.           <div class="modal-header">
    156. 

  156.             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>		        
    157. 

  157.             <h4 class="modal-title"><i class="fa fa-user fa-fw modal-header-icon"></i>&nbsp;人员摇号结果</h4>
    158. 

  158.           </div>
    159. 

  159.           <div class="modal-body">
    160. 

  160.             本次摇中的人员为：<span class="red" id="currentSecurityPersonName"></span>，人员顺位号为<span class="red" id="currentYaohaoNos"></span>
    161. 

  161.           </div>
    162. 

  162.           <div class="modal-footer">
    163. 

  163.             <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
    164. 

  164.           </div>
    165. 

  165.         </div>
    166. 

  166.       </div>
    167. 

  167. 	 </div>
    168. 

  168. 	 
    169. 

  169. 	 <div class="modal fade" id="communitySelect" tabindex="-2" role="dialog" aria-labelledby="myModalLabel">
    170. 

  170.       <div class="modal-dialog modal-modal">
    171. 

  171.         <div class="modal-content">
    172. 

  172.           <div class="modal-header">
    173. 

  173.           	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>		        
    174. 

  174.             <h4 class="modal-title"><i class="fa fa-user fa-fw modal-header-icon"></i>&nbsp;请选择小区</h4>
    175. 

  175.           </div>
    176. 

  176.           <div class="modal-body"  >
    177. 

  177.           		 <div>
    178. 

  178.           		  摇号人员：<span class="red" id="currentPersonName"></span>，适用户型：<span class="red" id="currentRoomType"></span>，当前<span class="red" id="currentRoomType1"></span>剩余量为：
    179. 

  179.           		</div>
    180. 

  180.           		<div class="box-body lottery-people-body" id="communityList"></div>
    181. 

  181.           </div>
    182. 

  182.         </div>
    183. 

  183.       </div>
    184. 

  184. 	 </div>
    185. 

  185. 	 
    186. 

  186. 	 <div id="houseYaohaoDialog" data-options="title:'&nbsp;房源摇号',width:800,height:420,modal:true">
    187. 

  187. 	 </div>
    188. 

  188. 	 
    189. 

  189.   </body>
    190. 

  190. </html>
    191.