nizongfeng
/
ZZFX
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
3.0 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZFX/order.html

331 lines
14 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

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

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

  6. 		<!--/模板/-->

  7. 		

  8. 		<link rel="stylesheet" href="css/master.css" charset="UTF-8">

  9. 		<link rel="stylesheet" href="css/ace.min.css" />

  10. 		<link rel="stylesheet" href="css/bootstrap.min.css" />

  11. 		<!--<link rel="stylesheet" href="css/font-awesome.min.css" charset="UTF-8">-->

  12. 		<link rel="stylesheet" href="css/common_css/order_list.css" />

  13. 		<link rel="stylesheet" href="css/datepicker.css" />

  14. 		<link rel="stylesheet" href="css/daterangepicker.css" />

  15. 		<link rel="stylesheet" href="css/font-awesome.min.css" />

  16. 	</head>

  17. 	<body>

  18. 		<!--标题-->

  19. 		<div class="navbar navbar-default">

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

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

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

  23. 					蜘蛛出行<sub style="font-size:12px;position: initial;"></sub>

  24. 				</a>

  25. 			</div>

  26. 		</div>

  27. 		<div class="warp clearfix">

  28. 			<!--菜单-->

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

  30. 			<!--内容-->

  31. 			<div class="control-show" style="width: 1100px;min-height: 720px;">

  32. 				<div class="top_title">所有订单</div>

  33. 				<div class="line_top"></div>

  34. 				<div class="title_top_layer">搜索订单</div>

  35. 				<div class="search_btns_top">

  36. 					<div class="top_search_time">

  37. 						<div class="time_top">

  38. 							<!--时间范围-->

  39. 							<div class="time_top" style="vertical-align: top;">时间范围：

  40. 								<select id="order_time" style="width:90px;">			

  41. 									<option value="1">下单时间</option>		

  42. 									<option value="2">出发时间</option>

  43. 								</select>

  44. 							</div>

  45. 							<!--开始日期-->

  46. 							<div class="time_top" style="width: 150px;">

  47. 								<div class="input-group com_span_top" style="float: left;margin-left: 10px;">

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

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

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

  51. 									</span>

  52. 								</div>

  53. 								

  54. 							</div>

  55. 							<div class="time_top" style="height: 30px;vertical-align: bottom;margin-left: 10px;">-</div>

  56. 							<!--截止日期-->

  57. 							<div class="time_top" style="width: 150px;">

  58. 								<div class="input-group com_span_top" style="float: left;margin-left: 10px;">

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

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

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

  62. 									</span>

  63. 								</div>

  64. 							</div>

  65. 						</div>

  66. 						<div class="time_top" style="margin-left: 30px;vertical-align: top;" >

  67. 							<div class="time_top" >出发地:

  68. 								<input type="text" id="start_area" style="width: 90px"/>

  69. 							</div>

  70. 							<div class="time_top" style="margin-left: 20px;">目的地:

  71. 								<input type="text" id="end_area" style="width: 90px" />

  72. 							</div>

  73. 						</div>

  74. 						<div class="time_top" style="margin-left: 30px;vertical-align: top;">

  75. 							<div class="time_top">产品类型：

  76. 								<select id="order_product" style="width:90px;">			

  77. 									<option value="0">请选择</option>		

  78. 									<option value="255">直通巴士</option>

  79. 									<option value="256">穿梭巴士</option>

  80. 									<option value="257">迪士尼门票</option>

  81. 								</select>

  82. 							</div>

  83. 						</div>

  84. 					</div>

  85. 					<div class="top_search_time">

  86. 						<!--订单状态-->

  87. 						<div class="time_top" style="vertical-align: top;">订单状态：

  88. 							<span class="style_btns btn_style" id="all" style="margin-left: 0px;">全部</span>

  89. 							<span class="style_btns btn_style" id="out_ticket">已出票</span>

  90. 							<span class="style_btns btn_style" id="out_go">已出行</span>

  91. 							<span class="style_btns btn_style" id="cansel">已取消</span>

  92. 						</div>

  93. 						<!--更多查询-->

  94. 						<div class="time_top" style="vertical-align: top;margin-left: 40px;">更多查询：

  95. 							<div class="time_top">

  96. 								<select id="order_condition" style="width:90px;">			

  97. 									<option value="0">请选择</option>		

  98. 									<option value="1">订单号</option>

  99. 									<option value="2">联系人姓名</option>

  100. 									<option value="3">联系人手机号</option>

  101. 								</select>

  102. 							</div>

  103. 							<div class="time_top" style="margin-left: 5px;">

  104. 								<input type="text" id="more_search_input" style="width: 90px;"/>

  105. 							</div>

  106. 							<div class="time_top btn-primary search_btn" id="search_btn" onclick="searchBtnDidClicked()">查询</div>

  107. 						</div>

  108. 					</div>

  109. 				</div>

  110. 				<!--表格-->

  111. 				<div class="row" style="margin-left: 40px; margin-top: 30px; ">

  112. 				<div class="col-xs-12" style="padding: 0px;">

  113. 					<div class="table-responsive">

  114. 						<table id="sample-table-1" class="table table-striped table-bordered table-hover" style="width: 1070px;">

  115. 							<thead>

  116. 								<tr>

  117. 									<th width="80px">订单编号</th>

  118. 									<th width="110px">下单时间</th>

  119. 									<th width="300px">预订产品</th>

  120. 									<th width="110px">出发时间</th>

  121. 									<th width="120px">联系人</th>

  122. 									<th width="80px">订单金额</th>

  123. 									<th width="90px">支付方式</th>

  124. 									<th width="80px">状态</th>

  125. 									<th width="90px">操作</th>

  126. 								</tr>

  127. 							</thead>

  128. 							<tbody id="list">

  129. 								<tr class="list_info"  id="list_info">

  130. 									<td>[订单编号]</td>

  131. 									<td>[下单时间]</td>

  132. 									<td>[预订产品]</td>

  133. 									<td>[出发时间]</td>

  134. 									<td>[联系人]</td>

  135. 									<td>[订单金额]</td>

  136. 									<td>[支付方式]</td>

  137. 									<td>[状态]</td>

  138. 									<td>[操作]</td>

  139. 								</tr>

  140. 							</tbody>

  141. 						</table>

  142. 					</div>

  143. 					<!-- /.table-responsive -->

  144. 				</div>

  145. 				<!-- /span -->

  146. 			</div>

  147. 				

  148. 				<!--弹层-->

  149. 				<!--往返退单弹层-->

  150. 				<div class="refund_ticket_back" id="refund_ticket_back" style="display: none;">

  151. 					<div style="margin-top: 20px;margin-left: 20px;">

  152. 						<span style="font-size: 18px;font-weight: bold;" >退票</span>

  153. 						<span style="padding-left: 30px;">该订单为往返订单，讲一同退票</span>

  154. 					</div>

  155. 					<!--去程-->

  156. 					<div>

  157. 						<div style="margin-left: 90px;margin-top: 25px;">

  158. 							<span class="circle">去</span>

  159. 							<span style="padding-left: 20px;">[去程出发地]（去程出发地站点）</span>

  160. 							<span style="margin-left: 5px;">-</span>

  161. 							<span style="margin-left: 10px;">[去程目的地]（去程目的地站点）</span>

  162. 						</div>

  163. 						<div>

  164. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  165. 						</div>

  166. 						<div style="margin-left: 100px;">

  167. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  168. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  169. 						</div>

  170. 					</div>

  171. 					<!--返程-->

  172. 					<div>

  173. 						<div style="margin-left: 90px;margin-top: 25px;">

  174. 							<span class="circle">返</span>

  175. 							<span style="padding-left: 20px;">[返程出发地]（返程出发地站点）</span>

  176. 							<span style="margin-left: 5px;">-</span>

  177. 							<span style="margin-left: 10px;">[返程目的地]（返程目的地站点）</span>

  178. 						</div>

  179. 						<div>

  180. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  181. 						</div>

  182. 						<div style="margin-left: 100px;">

  183. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  184. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  185. 						</div>

  186. 						<div>

  187. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  188. 						</div>

  189. 					</div>

  190. 					<!--订单总额-->

  191. 					<div>

  192. 						<div style="margin-left: 90px;margin-top: 5px;">订单总额：[订单总额]</div>

  193. 					</div>

  194. 					<div style="margin-left: 80px;margin-top: 25px;margin-bottom: 25px;">

  195. 						<span class="style_btns btn-primary" onclick="click_two_show_div('.refund_ticket_back','.refund_ticket_back_success')">确定退票</span>

  196. 						<span class="style_btns btn-primary" style="margin-left: 20px;" onclick="click_cancel(null,'.refund_ticket_back')">取消</span>

  197. 					</div>

  198. 				</div>

  199. 				<!--往返退票成功-->

  200. 				<div class="refund_ticket_back_success" id="refund_ticket_back_success" style="margin-top: 20px;display: none;">

  201. 					<div style="margin-top: 20px;margin-left: 20px;">

  202. 						<span class="circle_right" >√</span>

  203. 						<span style="padding-left: 30px;">退票成功</span>

  204. 					</div>

  205. 					<!--去程-->

  206. 					<div>

  207. 						<div style="margin-left: 90px;margin-top: 15px;">

  208. 							<span class="circle">去</span>

  209. 							<span style="padding-left: 20px;">[去程出发地]（去程出发地站点）</span>

  210. 							<span style="margin-left: 5px;">-</span>

  211. 							<span style="margin-left: 10px;">[去程目的地]（去程目的地站点）</span>

  212. 						</div>

  213. 						<div>

  214. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  215. 						</div>

  216. 						<div style="margin-left: 100px;">

  217. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  218. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  219. 						</div>

  220. 					</div>

  221. 					<!--返程-->

  222. 					<div>

  223. 						<div style="margin-left: 90px;margin-top: 25px;">

  224. 							<span class="circle">返</span>

  225. 							<span style="padding-left: 20px;">[返程出发地]（返程出发地站点）</span>

  226. 							<span style="margin-left: 5px;">-</span>

  227. 							<span style="margin-left: 10px;">[返程目的地]（返程目的地站点）</span>

  228. 						</div>

  229. 						<div>

  230. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  231. 						</div>

  232. 						<div style="margin-left: 100px;">

  233. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  234. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  235. 						</div>

  236. 						<div>

  237. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  238. 						</div>

  239. 					</div>

  240. 					<!--订单总额-->

  241. 					<div>

  242. 						<div style="margin-left: 90px;margin-top: 5px;">订单总额：[订单总额]</div>

  243. 					</div>

  244. 					<div style="margin-left: 80px;margin-top: 25px;margin-bottom: 25px;">

  245. 						<span class="style_btns btn-primary" onclick="click_cancel(null,'.refund_ticket_back_success')">关闭</span>

  246. 					</div>

  247. 				</div>

  248. 				<!--去程退单弹层-->

  249. 				<div class="refund_ticket_go" id="refund_ticket_go" style="margin-top: 20px;display: none;">

  250. 					<div style="margin-top: 20px;margin-left: 20px;">

  251. 						<span style="font-size: 18px;font-weight: bold;" >退票</span>

  252. 					</div>

  253. 					<!--去程-->

  254. 					<div>

  255. 						<div style="margin-left: 90px;margin-top: 25px;">

  256. 							<span class="circle">去</span>

  257. 							<span style="padding-left: 20px;">[去程出发地]（去程出发地站点）</span>

  258. 							<span style="margin-left: 5px;">-</span>

  259. 							<span style="margin-left: 10px;">[去程目的地]（去程目的地站点）</span>

  260. 						</div>

  261. 						<div>

  262. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  263. 						</div>

  264. 						<div style="margin-left: 100px;">

  265. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  266. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  267. 						</div>

  268. 					</div>

  269. 					<div>

  270. 						<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  271. 					</div>

  272. 					<!--订单总额-->

  273. 					<div>

  274. 						<div style="margin-left: 90px;margin-top: 5px;">订单总额：[订单总额]</div>

  275. 					</div>

  276. 					<div style="margin-left: 80px;margin-top: 25px;margin-bottom: 25px;">

  277. 						<span class="style_btns btn-primary" onclick="click_two_show_div('.refund_ticket_go','.refund_ticket_go_success')">确定退票</span>

  278. 						<span class="style_btns btn-primary" style="margin-left: 20px;" onclick="click_cancel(null,'.refund_ticket_go')">取消</span>

  279. 					</div>

  280. 				</div>

  281. 				<!--去程退单成功-->

  282. 				<div class="refund_ticket_go_success" id="refund_ticket_go_success" style="margin-top: 20px;display: none;">

  283. 					<div style="margin-top: 20px;margin-left: 20px;">

  284. 						<span class="circle_right" >√</span>

  285. 						<span style="padding-left: 30px;">退票成功</span>

  286. 					</div>

  287. 					<!--去程-->

  288. 					<div>

  289. 						<div style="margin-left: 90px;margin-top: 25px;">

  290. 							<span class="circle">去</span>

  291. 							<span style="padding-left: 20px;">[去程出发地]（去程出发地站点）</span>

  292. 							<span style="margin-left: 5px;">-</span>

  293. 							<span style="margin-left: 10px;">[去程目的地]（去程目的地站点）</span>

  294. 						</div>

  295. 						<div>

  296. 							<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  297. 						</div>

  298. 						<div style="margin-left: 100px;">

  299. 							<div>出发时间：[yyyy-mm-dd][mm:ss]</div>

  300. 							<div style="margin-top: 10px;">数量：[座位等级]x[数量]</div>

  301. 						</div>

  302. 					</div>

  303. 					<div>

  304. 						<hr style="border:1px dashed lightgray; height:0px;margin-left: 90px;width: 630px;">

  305. 					</div>

  306. 					<!--订单总额-->

  307. 					<div>

  308. 						<div style="margin-left: 90px;margin-top: 5px;">订单总额：[订单总额]</div>

  309. 					</div>

  310. 					<div style="margin-left: 80px;margin-top: 25px;margin-bottom: 25px;">

  311. 						<span class="style_btns btn-primary" onclick="click_cancel(null,'.refund_ticket_go_success')">关闭</span>

  312. 					</div>

  313. 				</div>

  314. 				<!--蒙板-->

  315. 				<div class="mask" onclick="hide_all()" style="display: none;top: 0;left: 0;margin: 0px;padding: 0px;width: 100%;height: 100%;position: absolute;z-index: 2;background: #000000;opacity: 0.5;"></div>

  316. 				

  317. 			</div>

  318. 		</div>

  319. 		<!--结束语-->

  320. 		<div class="end_down">Copyright © 2016 zhizhuchuxing.com. 蜘蛛行网络科技有限公司版权所有</div>

  321. 	</body>

  322. 	<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

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

  324. 	<script src="js/bootstrap-datepicker.min.js" type="text/javascript" charset="utf-8"></script>

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

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

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

  328. 	</script>

  329. 	<script src="js/master.js"></script>	

  330. </html>