nizongfeng
/
ZZCS
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
14 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZCS/coding/js/order_list.html

240 lines
12 KiB
Raw Permalink Blame History 

  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. 		<link rel="stylesheet" type="text/css" href="./css/master.css">

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

  14. 		<script type="text/javascript" src="./js/jquery-2.0.3.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 type="text/javascript" src="./js/Page2.js"></script>

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

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

  20. 		<script src="js/xm.js"></script>

  21. 		<script>

  22. 			login();

  23. 		</script>

  24. 	</head>

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

  26. 		sup {

  27. 		    top: -1.5em;

  28. 		    left: 1.5em;

  29. 		}

  30. 	</style>

  31. 	<body style="font-size: 12px;" style="margin-bottom: 0px;">

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

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

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

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

  36. 				CS System

  37. 			</a>

  38. 		</div>

  39. 	</div>

  40. 	

  41. 	<div class="warp clearfix">

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

  43. 		<div class="control-show" style="float: left;">

  44. 			<!--

  45.         	作者：刘兵

  46.         	时间：2016-06-03

  47.         	描述：add start

  48.         -->

  49. 		<div class="page-content" style="width: 1225px; margin-left: 40px; margin-top: 30px;">

  50. 			<div class="row">

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

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

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

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

  55. 							<select id="timelimit" style="width: 90px;">

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

  57. 								<option value="出发时间" style="font-size: 12px;">出发时间</option>

  58. 							</select>

  59. 						</div>

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

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

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

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

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

  65. 								</span>

  66. 							</div>

  67. 						</div>

  68. 						<!--

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

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

  71. 								<input id="timepicker1" type="text" class="form-control" style="font-size: 12px;"/>

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

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

  74. 								</span>

  75. 							</div>

  76. 						</div>

  77. 						-->

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

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

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

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

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

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

  84. 								</span>

  85. 							</div>

  86. 						</div>

  87. 						<!--

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

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

  90. 								<input id="timepicker2" type="text" class="form-control" style="font-size: 12px;"/>

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

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

  93. 								</span>

  94. 							</div>

  95. 						</div>

  96. 						-->

  97. 						<label class="col-sm-1 control-label no-padding-right" style="display: none;width: 15%; font-size: 12px;">订单来源:</label>

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

  99. 							<select id="ordersource" style="font-size: 12px; width: 200px;">

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

  101. 							</select>

  102. 						</div>

  103. 					</div>

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

  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: 70px; padding-right: 2px;" onclick="getList(0)">

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

  108. 						</div>

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

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

  111. 						</div>

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

  113. 							<span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px;">已出票<sup id="orderIssued" style="display:block ; font-size: 8px; text-shadow: 1px 1px 1px #672020;"></sup></span>

  114. 						</div>

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

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

  117. 						</div>

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

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

  120. 						</div>

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

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

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

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

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

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

  127. 							</select>

  128. 						</div>

  129. 						<!--

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

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

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

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

  134. 								<option value="0" style="font-size: 12px;">待结算</option>

  135. 								<option value="1" style="font-size: 12px;">已结算</option>

  136. 							</select>

  137. 						</div>

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

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

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

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

  142. 								<option value="1" style="font-size: 12px;">有改签</option>

  143. 								<option value="2" style="font-size: 12px;">有退票</option>

  144. 								<option value="3" style="font-size: 12px;">已改签</option>

  145. 								<option value="4" style="font-size: 12px;">已退票</option>

  146. 							</select>

  147. 						</div>

  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 id="refund" style="font-size: 12px; width: 90px;">

  151. 								<option value="" 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. 						-->

  157. 					</div>

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

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

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

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

  162. 						</div>

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

  164. 							<span class="btn" style="font-size: 12px;height:30px;" onclick="getList(0)">查询</span>

  165. 						</div>

  166. 						<!--

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

  168. 							<span class="btn" style="font-size: 12px;" onclick="exportToExcel()">导出游客信息</span>

  169. 						</div>

  170. 						-->

  171. 					</div>

  172. 				</form>

  173. 			</div>

  174. 			<div class="row">

  175. 				<div>

  176. 					<div class="table-responsive" style="width: 1225px;">

  177. 						<table id="orderTable" class="table table-striped table-bordered table-hover">

  178. 							<thead>

  179. 								<tr>

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

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

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

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

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

  185. 									<th style="width: 360px;">预定产品</th>

  186. 									<th style="width: 120px;">出发时间</th>

  187. 									<th style="width: 130px;">联系人</th>

  188. 									<th style="width: 113px;">状态</th>

  189. 									<th style="width: 100px;">操作</th>

  190. 								</tr>

  191. 							</thead>

  192. 							<tbody id="tableOrder">

  193. 								<tr>

  194. 									<!--<td class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(1)" type="checkbox"><span class="lbl"></span></label></td>-->

  195. 									<td style="width: 90px;"><a target="_Blank" href="order_details.html?order_id=[order_id]">订单编号</a></td>

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

  197. 									<td style="width: 160px;">订单来源</td>

  198. 									<td style="width: 160px;">渠道订单号</td>

  199. 									<td style="width: 360px;">

  200. 										<div><a>line</a>预定产品</div>

  201. 										<div id="ticketText">

  202. 											<div>普通成人票 </div>

  203. 										</div>

  204. 										<!--<div>贵宾成人票 </div>-->

  205. 									</td>

  206. 									<td style="width: 120px;">出发时间</td>

  207. 									<td style="width: 130px;">

  208. 										<div>name</div>

  209. 										<div>phone</div>

  210. 									</td>

  211. 									<td style="width: 113px;">状态</td>

  212. 									<td style="width: 100px;">

  213. 										<span><a style="cursor: pointer;" onclick="cancel(0)">cancelOrder</a></span>

  214. 										<span><a onclick="meal(0)">mealOrder</a></span>

  215. 										<span><a onclick="refund(0)">refundOrder</a></span>

  216. 									</td>

  217. 								</tr>

  218. 							</tbody>

  219. 						</table>

  220. 					</div>	

  221. 				</div>

  222. 			</div>

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

  224. 		</div>

  225. 		<!--

  226.         	作者：作者：刘兵

  227.         	时间：2016-06-03

  228.         	描述：add end

  229.         -->

  230. 		</div>

  231. 	</div>

  232. 	</body>

  233. 	<script type="text/javascript" src="./js/master.js"></script>

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

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

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

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

  238. 	</script>

  239. </html>