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.
 
 
 
 

351 lines
22 KiB

  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/jquery-1.4.4.min.js"></script>
  16. <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
  17. <script type="text/javascript" src="./js/order_list_qianlvhs.js"></script>
  18. <!--<script type="text/javascript" src="./js/master.js"></script>-->
  19. <script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>
  20. <script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>
  21. <script language="javascript" src="./js/jquery.jqprint-0.3.js"></script>
  22. <script type="text/javascript" src="./js/Page2.js"></script>
  23. <script src="js/Page.js" type="text/javascript"></script>
  24. <script src="js/jquery.cookie.js"></script>
  25. <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
  26. <!--<script src="js/xm.js"></script>-->
  27. <!--<script>-->
  28. <!--login();-->
  29. <!--</script>-->
  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. <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. <div class="form-group" style="display:none;" >
  119. <label class="col-sm-1 no-padding-right" style="font-size: 12px;width:auto;">订单渠道:</label>
  120. <div class="col-sm-1" style="width: 15%;padding: 0;margin-left: 15px;">
  121. <!-- <select id="ordersource" style="font-size: 12px; width: 200px;">
  122. <option value="-1" selected="selected" style="font-size: 12px;">请选择</option>
  123. </select> -->
  124. <div id="bts-ex-4" class="selectpicker" data-live="true">
  125. <button data-id="prov" type="button" class="dropdown-toggle1" style="width: 100%;background-color: #fff;border: 1px solid #ccc;height: 30px;padding-left: 5px;">
  126. <span style="float:left;" class="placeholder">请选择</span>
  127. <span style="float:right;" class="caret"></span>
  128. </button>
  129. <div class="dropdown-menu">
  130. <div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">
  131. <label class="sr-only" for="input-bts-ex-4">Search</label>
  132. <div class="search-box">
  133. <div class="input-group">
  134. <span class="input-group-addon" id="search-icon3">
  135. <span><img width="15px;" src="images/search.png"></span>
  136. </span>
  137. <input type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />
  138. </div>
  139. </div>
  140. <div class="list-to-filter">
  141. <ul id="ordersource" class="list-unstyled">
  142. <!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->
  143. </ul>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <div id="minus" class="form-group" >
  151. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">订单状态:</label>
  152. <div class="col-sm-1" style="width: 70px; padding-right: 2px;" onclick="getList(0)">
  153. <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>
  154. </div>
  155. <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(145)">
  156. <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;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="getList(146)">
  159. <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;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="getList(147)">
  162. <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;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="getList(148)">
  165. <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;position: relative;top: -20px;left: 20px;font-size: 10px;color: rgb(216, 0, 0);"></sup></span>
  166. </div>
  167. <label class="col-sm-1 control-label no-padding-right" style="display: none;width: auto; font-size: 12px; padding-left: 210px;">支付状态:</label>
  168. <div class="col-sm-1" style="display: none;width: auto;">
  169. <select id="paystatus" style="font-size: 12px; width: 90px;">
  170. <option value="-1" selected="selected" style="font-size: 12px;">请选择</option>
  171. <option value="1" style="font-size: 12px;">已支付</option>
  172. <option value="0" style="font-size: 12px;">未支付</option>
  173. </select>
  174. </div>
  175. <!--
  176. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">结算状态:</label>
  177. <div class="col-sm-1" style="width: auto;">
  178. <select id="billingstatus" style="font-size: 12px; width: 90px;">
  179. <option value="" selected="selected" style="font-size: 12px;">请选择</option>
  180. <option value="0" style="font-size: 12px;">待结算</option>
  181. <option value="1" style="font-size: 12px;">已结算</option>
  182. </select>
  183. </div>
  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="mealbounce" style="font-size: 12px; width: 90px;">
  187. <option value="" selected="selected" style="font-size: 12px;">请选择</option>
  188. <option value="1" style="font-size: 12px;">有改签</option>
  189. <option value="2" style="font-size: 12px;">有退票</option>
  190. <option value="3" style="font-size: 12px;">已改签</option>
  191. <option value="4" style="font-size: 12px;">已退票</option>
  192. </select>
  193. </div>
  194. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">退款状态:</label>
  195. <div class="col-sm-1" style="width: auto;">
  196. <select id="refund" style="font-size: 12px; width: 90px;">
  197. <option value="" selected="selected" style="font-size: 12px;">请选择</option>
  198. <option value="1" style="font-size: 12px;">退款中</option>
  199. <option value="2" style="font-size: 12px;">已退款</option>
  200. </select>
  201. </div>
  202. -->
  203. </div>
  204. <div class="form-group">
  205. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;margin-top:2px;" >更多查询:</label>
  206. <div class="col-sm-3">
  207. <input id="moresearch" class="form-control" type="text" style="font-size: 12px; height:30px;" placeholder="订单号/客人姓名/客人电话/渠道订单号"/>
  208. </div>
  209. <div class="col-sm-1" style="padding-left: 2px; padding-right: 2px;width: 65px;" >
  210. <span class="btn" style="font-size: 12px;height:30px;" onclick="getList(0)">查询</span>
  211. </div>
  212. <div class="col-sm-1" style="padding-left: 2px; padding-right: 2px;display:none; ">
  213. <span class="btn" style="font-size: 12px;height:30px;" onclick="printInfo()">打印</span>
  214. </div>
  215. <div class="col-sm-1" style=" padding-left: 2px; padding-right: 2px;display:none;">
  216. <span id="btn_export" class="btn" style="font-size: 12px;" onclick="exportToExcel(this)">导出游客信息</span>
  217. </div>
  218. </div>
  219. </form>
  220. </div>
  221. <div class="row">
  222. <div>
  223. <div class="table-responsive" style="width: 1225px;">
  224. <table id="orderTable" class="table table-striped table-bordered table-hover">
  225. <thead>
  226. <tr>
  227. <!--<th class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(0)" type="checkbox"><span class="lbl"></span></label></th>-->
  228. <th class="list_middle" style="width: 30px;">
  229. <input type="checkbox" name="all_check_box" id="all_check_box" value="" class="ace_check" onclick="select_checked('0')"/>
  230. </th>
  231. <th style="width: 90px;">订单编号</th>
  232. <th style="width: 120px;">下单时间</th>
  233. <!--<th style="width: 150px;">订单渠道</th>-->
  234. <!--<th style="width: 150px;">渠道订单号</th>-->
  235. <th style="width: 350px;">预订产品</th>
  236. <th style="width: 120px;">出发时间</th>
  237. <th style="width: 130px;">联系人</th>
  238. <th style="width: 113px;">状态</th>
  239. <!--<th style="width: 100px;">操作</th>-->
  240. </tr>
  241. </thead>
  242. <tbody id="tableOrder">
  243. <tr>
  244. <!--<td class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(1)" type="checkbox"><span class="lbl"></span></label></td>-->
  245. <td class="list_middle" >
  246. <input type="checkbox" onclick="select_checked('1')" checkid="[oneCheck]" class="ace_check" />
  247. </td>
  248. <td style="width: 90px;"><a target="_Blank" href="order_details_limited.html?order_id=[order_id]">订单编号</a></td>
  249. <td style="width: 120px;">下单时间</td>
  250. <!--<td style="width: 160px;">订单来源</td>-->
  251. <!--<td style="width: 160px;">渠道订单号</td>-->
  252. <td style="width: 360px;">
  253. <div><a>line</a>预订产品</div>
  254. <div id="ticketText">
  255. <div>普通成人票 </div>
  256. </div>
  257. <!--<div>贵宾成人票 </div>-->
  258. </td>
  259. <td style="width: 120px;">出发时间</td>
  260. <td style="width: 130px;">
  261. <div>name</div>
  262. <div>phone</div>
  263. </td>
  264. <td style="width: 113px;">状态</td>
  265. <!--<td style="width: 100px;">-->
  266. <!--<span><a style="cursor: pointer;" onclick="cancel(0)">cancelOrder</a></span>-->
  267. <!--<span><a onclick="meal(0)">mealOrder</a></span>-->
  268. <!--<span><a onclick="refund(0)">refundOrder</a></span>-->
  269. <!--</td>-->
  270. </tr>
  271. </tbody>
  272. </table>
  273. </div>
  274. </div>
  275. </div>
  276. <div id="page"></div>
  277. <div id="sum"></div>
  278. </div>
  279. <!--
  280. 作者:作者:刘兵
  281. 维护:付泓程
  282. 时间:2016-06-03
  283. 描述:add end
  284. -->
  285. </div>
  286. </div>
  287. <div style="width: 1100px;display: none;" id="ddd">
  288. </div>
  289. </body>
  290. <!-- -->
  291. <script type="text/javascript">
  292. $('.date-picker').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});
  293. $('#timepicker1').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});
  294. $('#timepicker2').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});
  295. var dataSoure = getStorJson("dataSoure");
  296. initdata(dataSoure);
  297. function initdata(data){
  298. var temp = '<li value=-1 class="filter-item items" data-filter="请选择">请选择</li>';
  299. for (var i=0;i<data.length;i++) {
  300. var j = i+1;
  301. temp += '<li value="'+data[i].org_id+'" class="filter-item items" data-filter="'+data[i].soure+'">'+data[i].soure+'</li>'
  302. }
  303. $("#ordersource").html(temp);
  304. // $(".filter-item").click(function(){
  305. // alert($(this).val());
  306. // });
  307. }
  308. //设置Json类型的本地缓存
  309. function setStorJson(objName, json){
  310. if (json)
  311. setStorage(objName, JSON.stringify(json));
  312. }
  313. //读取Json类型的本地缓存
  314. function getStorJson(objName){
  315. var ret = null;
  316. var str = getStorage(objName);
  317. if (str)
  318. ret = JSON.parse(str);
  319. return ret;
  320. }
  321. </script>
  322. <script src="js/bootstrap.min.js"></script>
  323. <script src="js/modernizr.min.js"></script>
  324. <script src="js/vendor/tabcomplete.min.js"></script>
  325. <script src="js/vendor/livefilter.min.js"></script>
  326. <script src="js/vendor/src/bootstrap-select.js"></script>
  327. <script src="js/vendor/src/filterlist.js"></script>
  328. <script src="js/plugins.js"></script>
  329. </html>