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

236 lines
12 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/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. 		<link rel="stylesheet" type="text/css" href="css/sweetalert2.min.css">

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

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

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

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

  19. 		<script type="text/javascript" src="./js/des_order_list.js?version=4"></script>

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

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

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

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

  24. 

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

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

  27. 		

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

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

  30. 		

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

  32. 		<script>

  33. 			login();

  34. 		</script>-->

  35. 		

  36. 	</head>

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

  38. 		sup {

  39. 		    top: -1.5em;

  40. 		    left: 1.5em;

  41. 		}

  42. 		.addbackground{

  43. 			/*background-color: #666!important;*/

  44. 		}

  45. 		.xiala{

  46. 			width:180px;

  47. 			height:150px;

  48. 			margin-left: 0px;

  49. 			border:1px solid #eaebee;

  50. 			overflow: auto;

  51. 			position: absolute;

  52. 			background-color: #fff;

  53. 			z-index: 2;

  54. 			

  55. 		}

  56. 		.pager{

  57. 			text-align: right!important;

  58. 		}

  59. 		.hide1{

  60. 			display: none;

  61. 		}

  62. 		.get_dark{

  63. 			background-color: #f3f3f3;

  64. 		}

  65. 		.content{

  66. 			border-bottom:1px solid #eaebee;

  67. 			padding:6px 12px;

  68. 			cursor: pointer;

  69. 		}

  70. 	</style>

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

  72. 		

  73.         <div class="iframe_box">

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

  75. 			<div style="margin-bottom: 20px;border: 1px solid #CCCCCC;padding: 20px;">

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

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

  78. 						<span>时间范围：</span>

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

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

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

  82. 						</select>

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

  84. 							<input id="starttime" class="form-control" type="text" placeholder="开始日期" readonly>

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

  86. 						</div>

  87. 						<span> - </span>

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

  89. 							<input id="endtime" class="form-control" type="text" placeholder="截至日期" readonly>

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

  91. 						</div>

  92. 						<span style="margin-left: 15px;">票种类别：</span>

  93. 						<select id="typelimit" class="form-control">

  94. 							<option value="1"  selected="selected" style="font-size: 12px;">全部</option>

  95. 							<!--

  96. 							<option value="258"  style="font-size: 12px;">迪士尼门票</option>

  97. 							<option value="259" style="font-size: 12px;">剧场票</option>

  98. 							<option value="282" style="font-size: 12px;">周庄门票</option>

  99. 							-->

  100. 							<option value="3873593" style="font-size: 12px;">乘客意外险</option>

  101. 							<option value="311" style="font-size: 12px;">其它门票</option>

  102. 						</select>

  103. 						<span style="margin-left: 15px;">订单渠道：</span>

  104. 						<div style="display: inline-block;">

  105. 							<input class="ordersource form-control" changeid="" type="text" id="ordersource"  oninput="ordersourceSearch(this.value,this.id)"  onfocus="ordersourceSearch(this.value,this.id)"   placeholder="选择渠道" style="font-size: 12px; width: 180px;border-radius: 0px;">

  106. 							<!--<input type="hidden" id="start_area_id"/>-->

  107. 							<div class="select_ordersource xiala hide1" id = "select_ordersource" ></div>

  108. 						</div>

  109. 					</div>

  110. 					<div class="form-inline">

  111. 						<span>更多查询：</span>

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

  113. 						<div style="float: right;">

  114. 							<span class="btn btn-primary" style="margin-left: 15px;" onclick="searchBtnClicked(0)"><span class="glyphicon glyphicon-search"></span> 查询</span>

  115. 							<span class="btn btn-primary" style="margin-left: 10px;" onclick="searchBtnClicked2(0)"><span class="glyphicon glyphicon-save"></span> 导出</span>

  116. 						</div>

  117. 						

  118. 					</div>

  119. 				</form>

  120. 			</div>

  121. 			<div id="minus" style="margin-bottom: 20px;">

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

  123. 					<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;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>

  124. 				</div>-->

  125. 				<span id="add0" class="btn btn-primary" onclick="searchBtnClicked(0)" style="margin-right: 2px;">全部 <span id="orderAll" class="badge"></span></span>

  126. 				<span id="add145" class="btn btn-default" onclick="searchBtnClicked(145)" style="margin-right: 10px;">待支付 <span id="will" class="badge"></span></span>

  127. 				<span id="add146" class="btn btn-default" onclick="searchBtnClicked(146)" style="margin-right: 10px;">已出票 <span id="pay" class="badge"></span></span>

  128. 				<span id="add147" class="btn btn-default" onclick="searchBtnClicked(147)" style="margin-right: 10px;">已完成 <span id="over" class="badge"></span></span>

  129. 				<span id="add148" class="btn btn-default" onclick="searchBtnClicked(148)" style="margin-right: 10px;">已取消 <span id="cancel" class="badge"></span></span>

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

  131. 					<span id="add145" class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px;">待支付<sup id="will"  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>

  132. 				</div>

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

  134. 					<span id="add146" class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px;">已出票<sup id="pay" 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>

  135. 				</div>

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

  137. 					<span id="add147" class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px;">已完成<sup id="over" 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>

  138. 				</div>

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

  140. 					<span id="add148" class="btn"style="font-size: 12px;width: 50px; padding: 3px 6px;">已取消<sup id="cancel" 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>

  141. 				</div>-->

  142. 			</div>

  143. 			

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

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

  146. 					<thead>

  147. 						<tr>

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

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

  150. 							<th style="width: 70px;">下单人</th>

  151. 							<th style="width: 100px;">预订时间</th>

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

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

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

  155. 							<th style="width: 165px;">供应商</th>

  156. 							<th style="width: 74px;">支付金额</th>

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

  158. 							<th style="width: 120px;">联系人</th>

  159. 							<th style="width: 53px;">状态</th>

  160. 							<th style="width: 103px;">支付方式</th>

  161. 							<th style="width: 140px;">备注</th>

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

  163. 						</tr>

  164. 					</thead>

  165. 					<tbody id="tableOrder">

  166. 						<tr style="display: none;background-color:[background_color];">

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

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

  169. 							<td style="width: 70px;">[下单人员]</td>

  170. 							<td style="width: 100px;">[预订时间]</td>

  171. 							<td style="width: 100px;">[订单渠道]</td>

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

  173. 							<td style="width: 165px;">

  174. 								<div><a>[线路ID]</a></div>

  175. 								<div id="ticketText">

  176. 									<div>[预订产品]</div>

  177. 								</div>

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

  179. 							</td>

  180. 							<td style="width: 165px;">[供应商]</td>

  181. 							<td style="width: 74px;">[支付金额]</td>

  182. 							<td style="width: 100px;">[出发时间]</td>

  183. 							<td style="width: 120px;">

  184. 								<div>[联系人]</div>

  185. 								<div>[电话]</div>

  186. 							</td>

  187. 							<td style="width: 53px;">状态</td>

  188. 							<td style="width: 103px;">支付方式</td>

  189. 							<td style="width: 140px;">[备注]</td>

  190. 							<td style="width: 100px;">操作</td>

  191. 						</tr>

  192. 					</tbody>

  193. 				</table>

  194. 			</div>	

  195. 			

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

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

  198. 		</div>

  199. 		<!--

  200.         	作者：作者：刘兵   

  201.         	维护：付泓程

  202.         	时间：2016-06-03

  203.         	描述：add end

  204.         -->

  205. 		</div>

  206. 	<!--</div>-->

  207. 

  208. 	

  209. 	</body>

  210. 	<!--  -->

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

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

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

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

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

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

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

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

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

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

  221. 		    autoclose:true,

  222. 		    minView:2,

  223. 		    pickerPosition:"bottom-left"

  224. 		});

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

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

  227. 		    autoclose:true,

  228. 		    minView:2,

  229. 		    pickerPosition:"bottom-left"

  230. 		});

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

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

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

  234. 	</script>

  235. </html>