nizongfeng
/
zzcx_line
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
17 MiB
 
 
 
 
Tree: aa52171df8
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'aa52171df8'
${ noResults }
zzcx_line/coding/order_list - 副本.html

332 lines
16 KiB
Raw 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/xm.js"></script>

  25. 		<script>

  26. 			login();

  27. 		</script>

  28. 		

  29. 	</head>

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

  31. 		sup {

  32. 		    top: -1.5em;

  33. 		    left: 1.5em;

  34. 		}

  35. 		.addbackground{

  36. 			background-color: #666!important;

  37. 		}

  38. 	</style>

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

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

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

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

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

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

  45. 			</a>

  46. 		</div>

  47. 	</div>

  48. 	

  49. 	<div class="warp clearfix">

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

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

  52. 			<!--

  53.         	作者：刘兵

  54.         	时间：2016-06-03

  55.         	描述：add start

  56.         -->

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

  58. 			<div class="row">

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

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

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

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

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

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

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

  66. 							</select>

  67. 						</div>

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

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

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

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

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

  73. 								</span>

  74. 							</div>

  75. 						</div>

  76. 						<!--

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

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

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

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

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

  82. 								</span>

  83. 							</div>

  84. 						</div>

  85. 						-->

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

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

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

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

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

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

  92. 								</span>

  93. 							</div>

  94. 						</div>

  95. 						<!--

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

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

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

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

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

  101. 								</span>

  102. 							</div>

  103. 						</div>

  104. 						-->

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

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

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

  108. 						</div>

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

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

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

  112. 						</div>

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

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

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

  116. 						</div>

  117. 					</div>

  118. 

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

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

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

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

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

  124. 							</select> -->

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

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

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

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

  129. 								</button>

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

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

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

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

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

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

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

  137. 												</span>

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

  139. 											</div>

  140. 										</div>

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

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

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

  144. 											</ul>

  145. 										</div>

  146. 									</div>

  147. 								</div>

  148. 							</div>

  149. 						</div>

  150. 					</div>

  151. 

  152. 

  153. 

  154. 

  155. 

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

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

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

  159. 							<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>

  160. 						</div>

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

  162. 							<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>

  163. 						</div>

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

  165. 							<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>

  166. 						</div>

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

  168. 							<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>

  169. 						</div>

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

  171. 							<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>

  172. 						</div>

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

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

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

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

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

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

  179. 							</select>

  180. 						</div>

  181. 						<!--

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

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

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

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

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

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

  188. 							</select>

  189. 						</div>

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

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

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

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

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

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

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

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

  198. 							</select>

  199. 						</div>

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

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

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

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

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

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

  206. 							</select>

  207. 						</div>

  208. 						-->

  209. 					</div>

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

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

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

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

  214. 						</div>

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

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

  217. 						</div>

  218. 						

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

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

  221. 						</div>

  222. 						

  223. 					</div>

  224. 				</form>

  225. 			</div>

  226. 			<div class="row">

  227. 				<div>

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

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

  230. 							<thead>

  231. 								<tr>

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

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

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

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

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

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

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

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

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

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

  242. 								</tr>

  243. 							</thead>

  244. 							<tbody id="tableOrder">

  245. 								<tr>

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

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

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

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

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

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

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

  253. 										<div id="ticketText">

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

  255. 										</div>

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

  257. 									</td>

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

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

  260. 										<div>name</div>

  261. 										<div>phone</div>

  262. 									</td>

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

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

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

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

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

  268. 									</td>

  269. 								</tr>

  270. 							</tbody>

  271. 						</table>

  272. 					</div>	

  273. 				</div>

  274. 			</div>

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

  276. 		</div>

  277. 		<!--

  278.         	作者：作者：刘兵   

  279.         	维护：付泓程

  280.         	时间：2016-06-03

  281.         	描述：add end

  282.         -->

  283. 		</div>

  284. 	</div>

  285. 

  286. 	

  287. 	</body>

  288. 	<!--  -->

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

  290. 

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

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

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

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

  295. 		initdata(dataSoure);

  296. 		function initdata(data){

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

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

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

  300. 

  301. 			}

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

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

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

  305. //				});		

  306. 		}

  307. 		

  308. 

  309. 

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

  311. 		function setStorJson(objName, json){ 

  312. 		    if (json) 

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

  314. 		}

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

  316. 		function getStorJson(objName){ 

  317. 		    var ret = null;

  318. 		    var str = getStorage(objName);

  319. 		    if (str) 

  320. 		        ret = JSON.parse(str);

  321. 		    return ret;

  322. 		}

  323. 	</script>

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

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

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

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

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

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

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

  331. </html>