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/order_list_zj.html

335 lines
16 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html class="no-js" lang="">

  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/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-1.11.3.min.js"></script>

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

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

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

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

  19. 

  20. 		<!--<script type="text/javascript" src="./js/Page2.js"></script>-->

  21. 		<script src="js/Page.js" type="text/javascript"></script>

  22. 		

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

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

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

  26. 		<script>

  27. 			login();

  28. 		</script>-->

  29. 		

  30. 	</head>

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

  32. 		sup {

  33. 		    top: -1.5em;

  34. 		    left: 1.5em;

  35. 		}

  36. 		.addbackground{

  37. 			background-color: #666!important;

  38. 		}

  39. 	</style>

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

  41. 		<!--<div class="navbar navbar-default">

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

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

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

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

  46. 			</a>

  47. 		</div>

  48. 	</div>-->

  49. 	

  50. 	<!--<div class="warp clearfix">

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

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

  53. 	<div id="">

  54. 			<!--

  55.         	作者：刘兵

  56.         	时间：2016-06-03

  57.         	描述：add start

  58.         -->

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

  60. 			<div class="row">

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

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

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

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

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

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

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

  68. 							</select>

  69. 						</div>

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

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

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

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

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

  75. 								</span>

  76. 							</div>

  77. 						</div>

  78. 						<!--

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

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

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

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

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

  84. 								</span>

  85. 							</div>

  86. 						</div>

  87. 						-->

  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="endtime" 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. 						<!--

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

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

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

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

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

  103. 								</span>

  104. 							</div>

  105. 						</div>

  106. 						-->

  107. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;margin-top:2px;margin-left:20px;" >线路:</label>

  108. 						<div class="col-sm-3" style="width: 150px;">

  109. 							<input id="line" class="form-control" type="text" style="font-size: 12px; height:30px;" placeholder="线路"/>

  110. 						</div>

  111. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;margin-top:2px;" >出发地:</label>

  112. 						<div class="col-sm-1">

  113. 							<input id="start_area" class="form-control" type="text" style="font-size: 12px; height:30px;width: 92px;" placeholder="出发地"/>

  114. 						</div>

  115. 						<label class="col-sm-1 control-label no-padding-right" style="margin-left: 12px;width: auto; font-size: 12px;margin-top:2px;" >目的地:</label>

  116. 						<div class="col-sm-1">

  117. 							<input id="end_area" class="form-control" type="text" style="font-size: 12px; height:30px;width: 92px;" placeholder="目的地"/>

  118. 						</div>

  119. 					</div>

  120. 

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

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

  123. 						<div class="col-sm-1" style="width: 15%;padding: 0;margin-left: 15px;">

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

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

  126. 							</select> -->

  127. 							<div id="bts-ex-4" class="selectpicker" data-live="true">

  128. 								<button data-id="prov" type="button" class="dropdown-toggle1" style="width: 100%;background-color: #fff;border: 1px solid #ccc;height: 30px;padding-left: 5px;">

  129. 									<span style="float:left;" class="placeholder">请选择</span>

  130. 									<span style="float:right;" class="caret"></span>

  131. 								</button>

  132. 								<div class="dropdown-menu">

  133. 									<div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">

  134. 										<label class="sr-only" for="input-bts-ex-4">Search</label>

  135. 										<div class="search-box">

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

  137. 												<span class="input-group-addon" id="search-icon3">

  138. 												<span><img width="15px;" src="images/search.png"></span>

  139. 												</span>

  140. 												<input type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />

  141. 											</div>

  142. 										</div>

  143. 										<div class="list-to-filter">

  144. 											<ul id="ordersource" class="list-unstyled">

  145. 												<!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->

  146. 											</ul>

  147. 										</div>

  148. 									</div>

  149. 								</div>

  150. 							</div>

  151. 						</div>

  152. 					</div>

  153. 

  154. 

  155. 

  156. 

  157. 

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

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

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

  161. 							<span id="add0" class="btn addbackground" 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>

  162. 						</div>

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

  164. 							<span id="add145" 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>

  165. 						</div>

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

  167. 							<span id="add146" 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>

  168. 						</div>

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

  170. 							<span id="add147" 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>

  171. 						</div>

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

  173. 							<span id="add148" 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>

  174. 						</div>

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

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

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

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

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

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

  181. 							</select>

  182. 						</div>

  183. 						<!--

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

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

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

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

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

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

  190. 							</select>

  191. 						</div>

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

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

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

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

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

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

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

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

  200. 							</select>

  201. 						</div>

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

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

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

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

  206. 								<option value="1" style="font-size: 12px;">退款中</option>

  207. 								<option value="2" style="font-size: 12px;">已退款</option>

  208. 							</select>

  209. 						</div>

  210. 						-->

  211. 					</div>

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

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

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

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

  216. 						</div>

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

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

  219. 						</div>

  220. 						

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

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

  223. 						</div>

  224. 						

  225. 					</div>

  226. 				</form>

  227. 			</div>

  228. 			<div class="row">

  229. 				<div>

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

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

  232. 							<thead>

  233. 								<tr>

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

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

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

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

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

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

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

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

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

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

  244. 								</tr>

  245. 							</thead>

  246. 							<tbody id="tableOrder">

  247. 								<tr>

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

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

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

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

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

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

  254. 										<div><a>line</a>预订产品</div>

  255. 										<div id="ticketText">

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

  257. 										</div>

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

  259. 									</td>

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

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

  262. 										<div>name</div>

  263. 										<div>phone</div>

  264. 									</td>

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

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

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

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

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

  270. 									</td>

  271. 								</tr>

  272. 							</tbody>

  273. 						</table>

  274. 					</div>	

  275. 				</div>

  276. 			</div>

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

  278. 		</div>

  279. 		<!--

  280.         	作者：作者：刘兵   

  281.         	维护：付泓程

  282.         	时间：2016-06-03

  283.         	描述：add end

  284.         -->

  285. 		</div>

  286. 	<!--</div>-->

  287. 

  288. 	

  289. 	</body>

  290. 	<!--  -->

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

  292. 

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

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

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

  296. 		var dataSoure =  getStorJson("dataSoure");

  297. 		initdata(dataSoure);

  298. 		function initdata(data){

  299. 			var temp = '<li value=-1 class="filter-item items"  data-filter="请选择">请选择</li>';

  300. 			for (var i=0;i<data.length;i++) {

  301. 				var j = i+1;

  302. 				temp += '<li value="'+j+'" class="filter-item items"  data-filter="'+data[i].soure+'">'+data[i].soure+'</li>'

  303. 

  304. 			}

  305. 		$("#ordersource").html(temp);

  306. //			$(".filter-item").click(function(){

  307. //				  alert($(this).val());

  308. //				});		

  309. 		}

  310. 		

  311. 

  312. 

  313. 		//设置Json类型的本地缓存

  314. 		function setStorJson(objName, json){ 

  315. 		    if (json) 

  316. 		        setStorage(objName, JSON.stringify(json));

  317. 		}

  318. 		//读取Json类型的本地缓存

  319. 		function getStorJson(objName){ 

  320. 		    var ret = null;

  321. 		    var str = getStorage(objName);

  322. 		    if (str) 

  323. 		        ret = JSON.parse(str);

  324. 		    return ret;

  325. 		}

  326. 	</script>

  327. 	<script src="js/bootstrap.min.js"></script>

  328. 	<script src="js/modernizr.min.js"></script>

  329. 	<script src="js/vendor/tabcomplete.min.js"></script>

  330. 	<script src="js/vendor/livefilter.min.js"></script>

  331. 	<script src="js/vendor/src/bootstrap-select.js"></script>

  332. 	<script src="js/vendor/src/filterlist.js"></script>

  333. 	<script src="js/plugins.js"></script>

  334. </html>