nizongfeng
/
zzcx_line
1
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
2 коммитов
1 ветка
17 MiB
ветка: master
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'master'
${ noResults }
zzcx_line/coding/hotelOrderList.html

hotelOrderList.html 12 KiB
Исходник Постоянная ссылка Обычный вид История

1
3 лет назад
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229 
  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

  4. 		<meta charset="UTF-8">

  5. 		<title>酒店订单列表</title>

  6. 		<link rel="stylesheet" type="text/css" href="./css/ace.min.css" />

  7. 		<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />

  8. 		<link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css" />

  9. 		<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />

  10. 		<link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />

  11. 		<link rel="stylesheet" type="text/css" href="./css/datepicker.css" />

  12. 		

  13. 		<link rel="stylesheet" type="text/css" href="./css/Page.css">

  14. 		<script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>

  15. 		<script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>

  16. 		<script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>

  17. 		<script src="js/Page.js" type="text/javascript" charset="utf-8"></script>

  18. 		<script type="text/javascript" src="./js/hotelOrderList.js"></script>

  19. 		<script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>

  20. 		<link rel="stylesheet" type="text/css" href="./css/master.css">

  21. 		<script src="js/jquery.cookie.js"></script>

  22. 		<!--<script src="js/xm.js"></script>

  23. 		<script>

  24. 			login();

  25. 		</script>-->

  26. 	</head>

  27. 	<style type="text/css">

  28. 		th,

  29. 		td {

  30. 			text-align: center;

  31. 		}

  32. 		sup{

  33. 			top: -1.5em;

  34. 			left:1.5em;

  35. 		}

  36. 	</style>

  37. 	<script src="js/jquery.cookie.js"></script>

  38. 	<!--<script src="js/xm.js"></script>

  39. 	<script>

  40. 		login();

  41. 	</script>-->

  42. 	<body>

  43. 	<!--<div class="navbar navbar-default" style="margin-bottom:0px;">

  44. 		<div class="navbar-header ">

  45. 			<a href="#" class="navbar-brand">

  46. 				<i class="icon-leaf"></i>

  47. 				CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>

  48. 			</a>

  49. 		</div>

  50. 	</div>-->

  51. 	

  52. 	<!--<div id="show_html" style="display:none;" class="warp clearfix">

  53. 			<div class="control-bar"></div>

  54. 		

  55. 		<div class="control-show" style="float: left; margin-left: 20px; margin-top: 20px;" >-->

  56. 	<div id="">

  57. 			<!--

  58.             	作者：fuhongcheng_fhc@163.com

  59.             	时间：2016-06-06

  60.             	描述：酒店订单列表

  61.             -->

  62. 		<div class="page-content" style="width: 1200px;">

  63. 			<div class="row">

  64. 				<form class="form-horizontal" role="form">

  65. 					<div class="form-group">

  66. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">时间范围:</label>

  67. 						<div class="col-sm-1" style="width: auto; margin-right:-17px;">

  68. 							<select style="width: 90px;">

  69. 								<option value="0" style="font-size: 12px;">下单时间</option>

  70. 							</select>

  71. 						</div>

  72. 						<div class="col-sm-1" style="width: 12%;padding-right: 3px;">

  73. 							<div class="input-group">

  74. 								<input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 12px; height:30px;">

  75. 								<span class="input-group-addon">

  76. 									<i class="icon-calendar bigger-110"></i>

  77. 								</span>

  78. 							</div>

  79. 						</div>

  80. 						<div class="col-sm-1" style="width: 12%;padding-left: 3px; padding-right: 1px;">

  81. 							<div class="input-group bootstrap-timepicker">

  82. 								<input id="timepicker1" type="text" class="form-control" style="font-size: 12px; height:30px;" value="00:00"/>

  83. 								<span class="input-group-addon">

  84. 									<i class="icon-time bigger-110"></i>

  85. 								</span>

  86. 							</div>

  87. 						</div>

  88. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">-</label>

  89. 						<div class="col-sm-1" style="width: 12%;padding-right: 3px;">

  90. 							<div class="input-group">

  91. 								<input id="id-date-picker-2" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="截至日期" style="font-size: 12px; height:30px;">

  92. 								<span class="input-group-addon">

  93. 									<i class="icon-calendar bigger-110"></i>

  94. 								</span>

  95. 							</div>

  96. 						</div>

  97. 						<div class="col-sm-1" style="width: 12%;padding-left: 3px;">

  98. 							<div class="input-group bootstrap-timepicker">

  99. 								<input id="timepicker2" type="text" class="form-control" style="font-size: 12px; height:30px;" value="23:59"/>

  100. 								<span class="input-group-addon">

  101. 									<i class="icon-time bigger-110"></i>

  102. 								</span>

  103. 							</div>

  104. 						</div>

  105. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">订单渠道:</label>

  106. 						<div class="col-sm-1" style="width: auto;">

  107. 							<select id="orderSource1" onchange="select_type(this.options[this.selectedIndex].value)" style="font-size: 12px; width: 120px;">

  108. 								<option selected="selected" value="-1"  style="font-size: 12px;">渠道类型</option>

  109. 								<!--自营 176   分销 177-->

  110. 								<option value="176"  style="font-size: 12px;">自营</option>

  111. 								<option value="177"  style="font-size: 12px;">分销</option>

  112. 							</select>

  113. 							<select id="orderSource2"  onchange="select_org(this.options[this.selectedIndex].value)" style="font-size: 12px; width: 120px;">

  114. 								<option value="[value]" style="font-size: 12px;">请选择</option>

  115. 							</select>

  116. 						</div>

  117. 					</div>

  118. 					<div class="form-group">

  119. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">订单状态:</label>

  120. 						<div class="col-sm-1" style="width: 70px; padding-right: 2px;" onclick="getList(0,1)">

  121. 							<span class="btn" style="font-size: 12px; width: 50px; padding: 3px 6px;">全部<sup id="order_all" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  122. 						</div>

  123. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(198,1)">

  124. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:7px;">待确认<sup id="order_status1"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  125. 						</div>

  126. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(145,1)">

  127. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">待支付<sup id="order_status2"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  128. 						</div>

  129. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(199,1)">

  130. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">待通知<sup id="order_status3"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  131. 						</div>

  132. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(200,1)">

  133. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">待安排<sup id="order_status4"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  134. 						</div>

  135. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(218,1)">

  136. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">已安排<sup id="order_status5"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  137. 						</div>

  138. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(147,1)">

  139. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">已完成<sup id="order_status6"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  140. 						</div>

  141. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(148,1)">

  142. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">已取消<sup id="order_status7"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  143. 						</div>

  144. 						<div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(201,1)">

  145. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">退改中<sup id="order_status8"  style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>

  146. 						</div>

  147. 						

  148. 						<!--<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">支付状态:</label>

  149. 						<div class="col-sm-1" style="width: auto;">

  150. 							<select  style="font-size: 12px; width: 90px;">

  151. 								<option value="0" selected="selected" style="font-size: 12px;">请选择</option>

  152. 								<option value="1" style="font-size: 12px;">已支付</option>

  153. 								<option value="2" style="font-size: 12px;">未支付</option>

  154. 							</select>

  155. 						</div>-->

  156. 					</div>

  157. 					<div class="form-group">

  158. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">更多查询:</label>

  159. 						<div class="col-sm-3">

  160. 							<input id="select_condition" class="form-control" type="text" style="font-size: 12px; height:30px;" placeholder="  订单号 / 客人姓名 / 客人电话"/>

  161. 						</div>

  162. 						<div class="col-sm-1" style="padding-left: 2px; padding-right: 2px;">

  163. 							<span id="select_btn" class="btn" style="font-size: 12px; height:30px;">查询</span>

  164. 						</div>

  165. 						<!--<div class="col-sm-1" style=" padding-left: 2px; padding-right: 2px;">

  166. 							<span id="explorer_excel" class="btn" style="font-size: 12px;">导出订单信息</span>

  167. 						</div>-->

  168. 					</div>

  169. 				</form>

  170. 			</div>

  171. 			<div class="row">

  172. 				<div>

  173. 					<div class="table-responsive" style="width: 1200px;">

  174. 						<table id="hotel_order_list" class="table table-striped table-bordered table-hover">

  175. 							<thead>

  176. 								<tr>

  177. 									<th class="center" style="width: 30px;"><label><input onclick="select_checked()" class="ace" type="checkbox"><span class="lbl"></span></label></th>

  178. 									<th style="width: 90px;">订单编号</th>

  179. 									<th style="width: 120px;">下单时间</th>

  180. 									<th style="width: 160px;">订单渠道</th>

  181. 									<th style="width: 300px;">预订产品</th>

  182. 									<th style="width: 160px;">供应商</th>

  183. 									<th style="width: 100px;">客人信息</th>

  184. 									<th style="width: 100px;">订单金额</th>

  185. 									<th style="width: 100px;">采购成本</th>

  186. 									<th style="width: 100px;">状态</th>

  187. 								</tr>

  188. 							</thead>

  189. 							<tbody id="list">

  190. 								<tr style="display: none;">

  191. 									<td class="center" style="vertical-align: middle;width: 30px;"><label><input class="ace" type="checkbox"><span class="lbl"></span></label></td>

  192. 									<td style="vertical-align: middle;width: 90px;color: #428bca;"><a  target="_blank" href="hotelWaitConfirm.html?order_id=[order_id1]" style="cursor: pointer;">[订单编号]</a></td>

  193. 									<td style="vertical-align: middle;width: 120px;">[下单时间]</td>

  194. 									<td style="vertical-align: middle;width: 120px;">[订单渠道]</td>

  195. 									<td style="vertical-align: middle;width: 200px;">

  196. 										<div><a target="_blank" href="change_hotel.html?productId=[order_id2]" style="cursor: pointer;">[预订产品酒店房型]</a></div>

  197. 										<div style="margin-top: 5px;">[预订产品酒店详情]</div>

  198. 									</td>

  199. 									<td style="vertical-align: middle;width: 100px;">[供应商]</td>

  200. 									<td style="vertical-align: middle;width: 100px;">

  201. 										<div>[客人信息姓名]</div>

  202. 										<div style="margin-top: 5px;">[客人信息电话]</div>

  203. 									</td>

  204. 									<td style="vertical-align: middle;width: 100px;">￥&nbsp;[订单金额]</td>

  205. 									<td style="vertical-align: middle;width: 100px;">￥&nbsp;[采购成本]</td>

  206. 									<td style="vertical-align: middle;width: 100px;">[状态]</td>

  207. 								</tr>

  208. 							</tbody>

  209. 						</table>

  210. 					</div>

  211. 				</div>

  212. 			</div>

  213. 			<div id="page"></div>

  214. 		</div>

  215. 		<!--

  216.         	作者：fuhongcheng_fhc@163.com

  217.         	时间：2016-06-06

  218.         	描述：酒店订单列表

  219.         -->

  220. 		</div>

  221. 	</body>

  222. 		

  223. 	<script type="text/javascript">

  224. 		$('.date-picker').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});

  225. 		$('#timepicker1').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});

  226. 		$('#timepicker2').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});

  227. 	</script>

  228. 	<!--<script type="text/javascript" src="./js/master.js"></script>-->

  229. </html>