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

396 lines
17 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="http://img.zhizhuchuxing.cn/zzframe/dist/css/bootstrap.css" />

  8. 		<link rel="stylesheet" type="text/css" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/module.css" />

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

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

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

  12. 		<!--<link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />-->

  13. 		<!--<link rel="stylesheet" type="text/css" href="./css/datepicker.css" />-->

  14. 		<!--<link rel="stylesheet" type="text/css" href="./css/master.css">-->

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

  16. 		<link rel="stylesheet" type="text/css" href="css/sweetalert2.min.css">

  17. 		

  18. 		<!--<script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>

  19. 		<script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>-->

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

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

  22. 		<script src="http://img.zhizhuchuxing.cn/zzframe/dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

  23. 		<script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js" type="text/javascript" charset="utf-8"></script>

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

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

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

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

  28. 		<script src="js/sweetalert2.min.js"></script>

  29. 

  30. 		<script language="javascript" src="./js/jquery.jqprint-0.3.js"></script>

  31. 

  32. 		<script type="text/javascript" src="./js/Page2.js"></script>

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

  34. 		

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

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

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

  38. 		<script>

  39. 			login();

  40. 		</script>-->

  41. 		

  42. 	</head>

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

  44. 		sup {

  45. 		    top: -1.5em;

  46. 		    left: 1.5em;

  47. 		}

  48. 		.addbackground{

  49. 			background-color: #666!important;

  50. 		}

  51. 		.dropdown-menu {

  52. 		    position: absolute;

  53. 		    top: 100%;

  54. 		    left: 0;

  55. 		    z-index: 1000;

  56. 		    display: none;

  57. 		    float: left;

  58. 		    min-width: 160px;

  59. 		    font-size: 12px;

  60. 		    text-align: left;

  61. 		    list-style: none;

  62. 		    background-color: #fff;

  63. 		    -webkit-background-clip: padding-box;

  64. 		    background-clip: padding-box;

  65. 		    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

  66. 		    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

  67. 		    padding: 0;

  68.     			margin: 0;

  69.     			border: 0;

  70.     			border-radius: 0;

  71.     			

  72. 		}

  73. 		.caret {

  74. 				position: absolute;

  75. 				right: 8px;

  76. 				top: 13px;

  77. 			    display: inline-block;

  78. 			    width: 0;

  79. 			    height: 0;

  80. 			    margin-left: 2px;

  81. 			    vertical-align: middle;

  82. 			    border-top: 4px solid;

  83. 			    border-right: 4px solid transparent;

  84. 			    border-left: 4px solid transparent;

  85. 			}

  86. 		.text{

  87. 			float: left;

  88. 			width: 100%;

  89. 		    overflow: hidden;

  90. 		    text-overflow: ellipsis;

  91. 		    white-space: nowrap;

  92. 		    text-align: left;

  93. 		}

  94. 		.search-box{

  95. 			padding: 5px;

  96. 		}

  97. 		.selectpicker .dropdown-menu ul>li:hover {

  98. 		    background: #e6e6e6;

  99. 		}

  100. 		.selectpicker .dropdown-menu ul>li {

  101. 		    display: block;

  102. 		    padding: 8px 0 8px 20px;

  103. 		    cursor: pointer;

  104. 		}

  105. 		.selectpicker .dropdown-menu ul>li.selected {

  106. 		    color: #fff;

  107. 		    background: #1e90ff;

  108. 		}

  109. 		.pager {

  110. 		    padding-left: 0;

  111. 		    margin: 14px 0;

  112. 		    text-align: right;

  113. 		    list-style: none;

  114. 		}

  115. 	</style>

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

  117. 	<div class="iframe_box">

  118. 		<div class="page-content">

  119. 			<div>

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

  121. 					<div style="margin-bottom: 10px;" class="form-inline">

  122. 						<span>时间范围:</span>

  123. 					    <select id="timelimit" class="form-control">

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

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

  126. 					    </select>

  127. 					    <div style="width: 160px;margin-left: 20px;" class="input-group date form_date1">

  128. 						    <input id="starttime" class="form-control" size="16" type="text" readonly>

  129. 						    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

  130. 						</div>

  131. 						<span> - </span>

  132. 						<div style="width: 160px;" class="input-group date form_date2">

  133. 						    <input id="endtime" class="form-control" size="16" type="text" readonly>

  134. 						    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

  135. 						</div>

  136. 						<span style="margin-left: 20px;">线路:</span>

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

  138. 						

  139. 						<span style="margin-left: 20px;">出发地:</span>

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

  141. 						<span style="margin-left: 20px;">目的地:</span>

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

  143. 						

  144. 					</div>

  145. 

  146. 					<div style="margin-bottom: 10px;" class="form-inline">

  147. 						<span style="float: left;padding: 7px 0px;padding-right: 4px;">订单渠道:</span>

  148. 						<div class="col-sm-1" style="width: 200px;padding: 0;">

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

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

  151. 							</select> -->

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

  153. 								<button data-id="prov" type="button" class="dropdown-toggle1" style="width: 100%;background-color: #fff;border: 1px solid #eaebee;height: 28px;padding: 1px 15px 1px 5px;">

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

  155. 									<span style="" class="caret"></span>

  156. 								</button>

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

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

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

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

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

  162. 												<span style="border-radius: 0;padding: 5px 12px;" class="input-group-addon" id="search-icon3">

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

  164. 												</span>

  165. 												<input style="border-radius: 0;" type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />

  166. 											</div>

  167. 										</div>

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

  169. 											<ul style="border-top: 1px solid #EEEEEE;height: 200px;overflow-y: scroll;" id="ordersource" class="list-unstyled">

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

  171. 											</ul>

  172. 										</div>

  173. 									</div>

  174. 								</div>

  175. 							</div>

  176. 						</div>

  177. 						<select id="select_bus_type" class="form-control" style="margin-left: 20px;">

  178. 							<option value="0">全部</option>

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

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

  181. 							<option value="284">城际商务车</option>

  182. 							<option value="368">打包产品</option>

  183. 						</select>

  184. 					</div>

  185. 

  186. 

  187. 

  188. 

  189. 

  190. 

  191. 					<div id="minus" style="margin-bottom: 10px;">

  192. 						<span>订单状态:</span>

  193. 						

  194. 						<span id="add0" class="btn btn-primary" onclick="getList(0)" style="margin-right: 10px;">全部<sup id="orderAll" style="display: block; font-size: 8px;text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>

  195. 					

  196. 						<span id="add145" class="btn btn-default" onclick="getList(145)" style="margin-right: 10px;">待支付<sup id="orderPaid"  style="display: block; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>

  197. 					

  198. 						<span id="add146" class="btn btn-default" onclick="getList(146)" style="margin-right: 10px;">已出票<sup id="orderIssued" style="display:block ; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>

  199. 					

  200. 						<span id="add147" class="btn btn-default" onclick="getList(147)" style="margin-right: 10px;">已完成<sup id="orderCompleted" style="display: block; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>

  201. 					

  202. 						<span id="add148" class="btn btn-default" onclick="getList(148)" style="margin-right: 10px;">已取消<sup id="orderCanceled" style="display: block; font-size: 8px; text-shadow: 1px 1px 1px #672020;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>

  203. 						

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

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

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

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

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

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

  210. 							</select>

  211. 						</div>

  212. 						<!--

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

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

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

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

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

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

  219. 							</select>

  220. 						</div>

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

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

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

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

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

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

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

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

  229. 							</select>

  230. 						</div>

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

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

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

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

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

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

  237. 							</select>

  238. 						</div>

  239. 						-->

  240. 					</div>

  241. 					<div class="form-inline" style="margin-bottom: 10px;">

  242. 						<span>更多查询:</span>

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

  244. 						<span class="btn btn-import" style="margin-left: 10px;" onclick="getList(0)">查询</span>

  245. 						<span class="btn btn-import" style="margin-left: 10px;" onclick="printInfo()">打印</span>

  246. 						<span id="btn_export" class="btn btn-import" style="margin-left: 10px;" onclick="exportToExcel(this)">导出游客信息</span>

  247. 					</div>

  248. 				</form>

  249. 			</div>

  250. 			<div>

  251. 				<div>

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

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

  254. 							<thead>

  255. 								<tr>

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

  257. 									<th class="list_middle" style="width: 30px;">

  258. 										<input  type="checkbox" name="all_check_box" id="all_check_box" value=""  class="ace_check" onclick="select_checked('0')"/>

  259. 									</th>

  260. 									<th>订单编号</th>

  261. 									<th>预订时间</th>

  262. 									<th>订单渠道</th>

  263. 									<!--<th style="width: 150px;">渠道订单号</th>-->

  264. 									<th>预订产品</th>

  265. 									<th>出发时间</th>

  266. 									<th>联系人</th>

  267. 									<th>状态</th>

  268. 									<th>支付方式</th>

  269. 									<th width="165">操作</th>

  270. 								</tr>

  271. 							</thead>

  272. 							<tbody id="tableOrder">

  273. 								<tr style="">

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

  275. 									<td class="list_middle" >

  276. 										<input type="checkbox" onclick="select_checked('1')"  checkid="[oneCheck]" class="ace_check" />

  277. 									</td>

  278. 									<td style="width: 90px;"><a target="_Blank"  onclick="open_order_detail_path(this)" go_path="zzcs/order/order-detail?order_id=[order_id]">订单编号</a></td>

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

  280. 									<td style="width: 160px;">订单来源<br>渠道订单号</td>

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

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

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

  284. 										<div id="ticketText">

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

  286. 										</div>

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

  288. 									</td>

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

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

  291. 										<div>name</div>

  292. 										<div>phone</div>

  293. 									</td>

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

  295. 									<td style="width: 113px;">pay_type</td>

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

  297. 										<span><a style="cursor: pointer;" class="[btn] [btn-danger] [btn-xs]" onclick="cancel(0)">cancelOrder</a></span>

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

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

  300. 										&#160;&#160;<span><a class="btn btn-success btn-xs" style="cursor: pointer;" onclick="copy_order(0)">copyOrder</a></span>

  301. 									</td>

  302. 								</tr>

  303. 							</tbody>

  304. 						</table>

  305. 					</div>	

  306. 				</div>

  307. 			</div>

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

  309.             <div id="sum"></div>

  310. 		</div>

  311. 		<!--

  312.         	作者：作者：刘兵   

  313.         	维护：付泓程

  314.         	时间：2016-06-03

  315.         	描述：add end

  316.         -->

  317. 		</div>

  318. 	<!--</div>-->

  319. 	

  320. 	<div style="width: 1100px;display: none;" id="ddd">

  321. 		

  322. 	</div>

  323. 

  324. 	

  325. 	</body>

  326. 	<!--  -->

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

  328. 		$(".form_date1").datetimepicker({

  329. 		    format: 'yyyy-mm-dd',

  330. 		    autoclose:true,

  331. 		    minView:2,

  332. 		    pickerPosition:"bottom-left"

  333. 		});

  334. 		$(".form_date2").datetimepicker({

  335. 		    format: 'yyyy-mm-dd',

  336. 		    autoclose:true,

  337. 		    minView:2,

  338. 		    pickerPosition:"bottom-left"

  339. 		});

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

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

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

  343. 		

  344. //		var dataSoure =  getStorJson("dataSoure");

  345. 		$(document).ready(function(){

  346. 			$.ajax({ 

  347. 		        url:'st-xm/Api/order_list.php?method=getOrderORG', 

  348. 		        type:'post',

  349. 		        dataType: "json",

  350. 		        async:false,

  351. 		        success : function(dataSoure) {

  352. 		        		console.log(dataSoure)

  353. 		        		initdata(dataSoure.order_ORG_List);

  354. 		        }

  355. 		    });

  356. 		});

  357. 		

  358. 		

  359. 		function initdata(data){

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

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

  362. 				var j = i+1;

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

  364. 

  365. 			}

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

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

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

  369. //				});		

  370. 		}

  371. 		

  372. 

  373. 

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

  375. 		function setStorJson(objName, json){ 

  376. 		    if (json) 

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

  378. 		}

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

  380. 		function getStorJson(objName){ 

  381. 		    var ret = null;

  382. 		    var str = getStorage(objName);

  383. 		    if (str) 

  384. 		        ret = JSON.parse(str);

  385. 		    return ret;

  386. 		}

  387. 	</script>

  388. 	<!--<script src="js/bootstrap.min.js"></script>-->

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

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

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

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

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

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

  395. </html>