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

266 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="./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. 		<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/des_order_list.js?version=1"></script>

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

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

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

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

  21. 

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

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

  24. 		

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

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

  27. 		

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

  29. 		<script>

  30. 			login();

  31. 		</script>-->

  32. 		

  33. 	</head>

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

  35. 		sup {

  36. 		    top: -1.5em;

  37. 		    left: 1.5em;

  38. 		}

  39. 		.addbackground{

  40. 			background-color: #666!important;

  41. 		}

  42. 		.xiala{

  43. 			width:180px;

  44. 			height:150px;

  45. 			margin-left: 0px;

  46. 			border:1px solid #ccc;

  47. 			overflow: auto;

  48. 			position: absolute;

  49. 			background-color: #fff;

  50. 			z-index: 2;

  51. 			

  52. 		}

  53. 		.hide1{

  54. 			display: none;

  55. 		}

  56. 		.get_dark{

  57. 			background-color: #f3f3f3;

  58. 		}

  59. 		.content{

  60. 			border-bottom:1px solid #ccc;

  61. 			padding:5px;

  62. 			cursor: pointer;

  63. 		}

  64. 	</style>

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

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

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

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

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

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

  71. 			</a>

  72. 		</div>

  73. 	</div>

  74. 	

  75. 	<div id="show_html" style="display:none;" class="warp clearfix">

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

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

  78. 			<!--

  79.         	作者：刘兵

  80.         	时间：2016-06-03

  81.         	描述：add start

  82.         -->

  83.         <div class="iframe_box">

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

  85. 			<div class="row">

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

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

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

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

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

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

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

  93. 							</select>

  94. 						</div>

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

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

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

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

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

  100. 								</span>

  101. 							</div>

  102. 						</div>

  103. 						<!--

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

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

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

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

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

  109. 								</span>

  110. 							</div>

  111. 						</div>

  112. 						-->

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

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

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

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

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

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

  119. 								</span>

  120. 							</div>

  121. 						</div>

  122. 						<!--

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

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

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

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

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

  128. 								</span>

  129. 							</div>

  130. 						</div>

  131. 						-->

  132. 						<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px; margin-left:19px;">票种类别：</label>

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

  134. 							<select id="typelimit" style="width: 120px;">

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

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

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

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

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

  140. 							</select>

  141. 						</div>

  142. 					</div>

  143. 

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

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

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

  147. 							<input class="ordersource" changeid="" type="text" id="ordersource"  oninput="ordersourceSearch(this.value,this.id)"  onfocus="ordersourceSearch(this.value,this.id)"   placeholder=" 选择渠道" style="font-size: 13px; width: 180px;height: 30px;">

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

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

  150. 						</div>

  151. 					</div>

  152. 

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

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

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

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

  157. 						</div>

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

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

  160. 						</div>

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

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

  163. 						</div>

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

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

  166. 						</div>

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

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

  169. 						</div>

  170. 						</div>

  171. 

  172. 

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

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

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

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

  177. 						</div>

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

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

  180. 						</div>

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

  182. 							<span class="btn" style="font-size: 12px;height:30px;" onclick="searchBtnClicked2(0)">导出</span>

  183. 						</div>

  184. 					</div>

  185. 				</form>

  186. 			</div>

  187. 			<div class="row">

  188. 				<div>

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

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

  191. 							<thead>

  192. 								<tr>

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

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

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

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

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

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

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

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

  201. 									<th style="width: 140px;">联系人</th>

  202. 									<th style="width: 83px;">状态</th>

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

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

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

  206. 								</tr>

  207. 							</thead>

  208. 							<tbody id="tableOrder">

  209. 								<tr style="display: none;">

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

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

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

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

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

  215. 									<td style="width: 240px;">

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

  217. 										<div id="ticketText">

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

  219. 										</div>

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

  221. 									</td>

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

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

  224. 									<td style="width: 140px;">

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

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

  227. 									</td>

  228. 									<td style="width: 83px;">状态</td>

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

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

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

  232. 								</tr>

  233. 							</tbody>

  234. 						</table>

  235. 					</div>	

  236. 				</div>

  237. 			</div>

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

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

  240. 		</div>

  241. 		<!--

  242.         	作者：作者：刘兵   

  243.         	维护：付泓程

  244.         	时间：2016-06-03

  245.         	描述：add end

  246.         -->

  247. 		</div>

  248. 	<!--</div>-->

  249. 

  250. 	

  251. 	</body>

  252. 	<!--  -->

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

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

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

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

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

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

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

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

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

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

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

  264. 	</script>

  265. </html>