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.
 
 
 
 

484 lines
21 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="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. <!--<script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>
  18. <script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>-->
  19. <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
  20. <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
  21. <script src="http://img.zhizhuchuxing.cn/zzframe/dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
  22. <script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js" type="text/javascript" charset="utf-8"></script>
  23. <script type="text/javascript" src="./js/order_list.js?v=20171108001"></script>
  24. <script type="text/javascript" src="./js/master.js"></script>
  25. <script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>
  26. <script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>
  27. <script src="js/sweetalert2.min.js"></script>
  28. <script language="javascript" src="./js/jquery.jqprint-0.3.js"></script>
  29. <script type="text/javascript" src="./js/Page2.js"></script>
  30. <script src="js/Page.js" type="text/javascript"></script>
  31. <script src="js/jquery.cookie.js"></script>
  32. <!--<script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>-->
  33. <!--<script src="js/xm.js"></script>
  34. <script>
  35. login();
  36. </script>-->
  37. </head>
  38. <style type="text/css">
  39. sup {
  40. top: -1.5em;
  41. left: 1.5em;
  42. }
  43. .addbackground{
  44. background-color: #666!important;
  45. }
  46. .dropdown-menu {
  47. position: absolute;
  48. top: 100%;
  49. left: 0;
  50. z-index: 1000;
  51. display: none;
  52. float: left;
  53. min-width: 160px;
  54. font-size: 12px;
  55. text-align: left;
  56. list-style: none;
  57. background-color: #fff;
  58. -webkit-background-clip: padding-box;
  59. background-clip: padding-box;
  60. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  61. box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  62. padding: 0;
  63. margin: 0;
  64. border: 0;
  65. border-radius: 0;
  66. }
  67. .caret {
  68. position: absolute;
  69. right: 8px;
  70. top: 13px;
  71. display: inline-block;
  72. width: 0;
  73. height: 0;
  74. margin-left: 2px;
  75. vertical-align: middle;
  76. border-top: 4px solid;
  77. border-right: 4px solid transparent;
  78. border-left: 4px solid transparent;
  79. }
  80. .text{
  81. float: left;
  82. width: 100%;
  83. overflow: hidden;
  84. text-overflow: ellipsis;
  85. white-space: nowrap;
  86. text-align: left;
  87. }
  88. .search-box{
  89. padding: 5px;
  90. }
  91. .selectpicker .dropdown-menu ul>li:hover {
  92. background: #e6e6e6;
  93. }
  94. .selectpicker .dropdown-menu ul>li {
  95. display: block;
  96. padding: 8px 0 8px 20px;
  97. cursor: pointer;
  98. }
  99. .selectpicker .dropdown-menu ul>li.selected {
  100. color: #fff;
  101. background: #1e90ff;
  102. }
  103. .pager {
  104. padding-left: 0;
  105. margin: 14px 0;
  106. text-align: right;
  107. list-style: none;
  108. }
  109. </style>
  110. <body style="font-size: 12px;" style="margin-bottom: 0px;">
  111. <div class="iframe_box">
  112. <div class="page-content">
  113. <div style="margin-bottom: 20px;border: 1px solid #CCCCCC;padding: 20px;">
  114. <form class="form-horizontal" role="form">
  115. <div style="margin-bottom: 10px;" class="form-inline">
  116. <span>时间范围:</span>
  117. <select id="timelimit" class="form-control">
  118. <option value="下单时间" selected="selected" style="font-size: 12px;">预订时间</option>
  119. <option value="出发时间" style="font-size: 12px;">出发时间</option>
  120. </select>
  121. <div style="width: 160px;margin-left: 15px;" class="input-group date form_date1" onchange="changeEndDate()">
  122. <input id="starttime" class="form-control" size="16" type="text" readonly>
  123. <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  124. </div>
  125. <span> - </span>
  126. <div style="width: 160px;" class="input-group date form_date2" onchange="changeStartDate()">
  127. <input id="endtime" class="form-control" size="16" type="text" readonly>
  128. <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  129. </div>
  130. <span style="margin-left: 15px;">线路:</span>
  131. <input id="line" class="form-control" type="text" style="font-size: 12px;" placeholder="线路"/>
  132. <span style="margin-left: 15px;">出发地:</span>
  133. <input id="start_area" class="form-control" type="text" style="font-size: 12px; width: 92px;" placeholder="出发地"/>
  134. <span style="margin-left: 15px;">目的地:</span>
  135. <input id="end_area" class="form-control" type="text" style="font-size: 12px; width: 92px;" placeholder="目的地"/>
  136. </div>
  137. <div class="form-inline">
  138. <span style="float: left;padding: 7px 0px;padding-right: 4px;">订单渠道:</span>
  139. <div class="col-sm-1" style="width: 222px;padding: 0;">
  140. <!-- <select id="ordersource" style="font-size: 12px; width: 200px;">
  141. <option value="-1" selected="selected" style="font-size: 12px;">请选择</option>
  142. </select> -->
  143. <div id="bts-ex-4" class="selectpicker" data-live="true">
  144. <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;">
  145. <span style="float:left;" id="selected_org" class="placeholder">请选择</span>
  146. <span style="" class="caret"></span>
  147. </button>
  148. <div class="dropdown-menu">
  149. <div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">
  150. <label class="sr-only" for="input-bts-ex-4">Search</label>
  151. <div class="search-box">
  152. <div class="input-group">
  153. <span style="border-radius: 0;padding: 5px 12px;" class="input-group-addon" id="search-icon3">
  154. <span><img width="15px;" src="images/search.png"></span>
  155. </span>
  156. <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" />
  157. </div>
  158. </div>
  159. <div class="list-to-filter">
  160. <ul style="border-top: 1px solid #EEEEEE;height: 200px;overflow-y: scroll;" id="ordersource" class="list-unstyled">
  161. <!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->
  162. </ul>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. <select id="select_bus_type" class="form-control" style="margin-left: 15px; float:left;">
  169. <option value="0">全部</option>
  170. <option value="255">直通巴士</option>
  171. <option value="256">穿梭巴士</option>
  172. <option value="284">城际商务车</option>
  173. <option value="368">打包产品</option>
  174. </select>
  175. <span style="margin-left: 15px;">更多查询:</span>
  176. <input id="moresearch" class="form-control" type="text" style="font-size: 12px; width: 160px;" placeholder="订单号/姓名/电话/渠道号"/>
  177. <span style="margin-left: 15px;">班次时间:</span>
  178. <!-- HTML -->
  179. <div id="time_id" class="timepicker_box">
  180. <span class="form-inline timepicker">
  181. <input type="text" id="run_time" class="form-control" readonly>
  182. <span class="glyphicon glyphicon-time"></span>
  183. </span>
  184. <div class="timepicker_select">
  185. <div class="select_hour_box"></div>
  186. <div class="select_minute_box"></div>
  187. </div>
  188. </div>
  189. <span style="margin-left: 15px;">车次号:</span>
  190. <input id="search_bus_no" class="form-control" type="text" style="font-size: 12px; width: 70px;" placeholder="车次号"/>
  191. <span style="float: left;padding: 7px 0px;padding-right: 4px; margin-left:15px;">运营负责人:</span>
  192. <div class="col-sm-1" style="width: 100px;padding: 0;">
  193. <!-- <select id="ordersource" style="font-size: 12px; width: 200px;">
  194. <option value="-1" selected="selected" style="font-size: 12px;">请选择</option>
  195. </select> -->
  196. <div id="bts-ex-4" class="selectpicker" data-live="true">
  197. <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;">
  198. <span style="float:left;" id="selected_run_duty" class="placeholder">请选择</span>
  199. <span style="" class="caret"></span>
  200. </button>
  201. <div class="dropdown-menu" style="width:150px;">
  202. <div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">
  203. <label class="sr-only" for="input-bts-ex-4">Search</label>
  204. <div class="search-box">
  205. <div class="input-group">
  206. <span style="border-radius: 0;padding: 5px 12px;" class="input-group-addon" id="search-icon3">
  207. <span><img width="15px;" src="images/search.png"></span>
  208. </span>
  209. <input style="border-radius: 0; width:100px;" type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />
  210. </div>
  211. </div>
  212. <div class="list-to-filter">
  213. <ul style="border-top: 1px solid #EEEEEE;height: 200px;overflow-y: scroll;" id="run_duty" class="list-unstyled">
  214. <!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->
  215. </ul>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. <div style="float: right;">
  222. <span class="btn btn-primary" style="margin-left: 15px;" onclick="getList(0)"><span class="glyphicon glyphicon-search"></span> 查询</span>
  223. <span class="btn btn-primary" style="margin-left: 10px;" onclick="printInfo()"><span class="glyphicon glyphicon-check"></span> 打印</span>
  224. <span class="btn btn-primary" style="margin-left: 10px;" onclick="sendMessage()"><span class="glyphicon glyphicons-message-in"></span> 发送短信</span>
  225. <span id="btn_export" class="btn btn-primary" style="margin-left: 10px;" onclick="exportToExcel(this)"><span class="glyphicon glyphicon-save"></span> 订单导出</span>
  226. <span id="btn_export2" class="btn btn-primary" style="margin-left: 10px;" onclick="exportToExcel2(this)"><span class="glyphicon glyphicon-save"></span> 乘客导出</span>
  227. </div>
  228. </div>
  229. </form>
  230. </div>
  231. <div id="minus" style="margin-bottom: 20px;">
  232. <span id="add0" class="btn btn-primary" onclick="getList(0)" style="margin-right: 10px;">全部 <span id="orderAll" class="badge"></span></span>
  233. <span id="add145" class="btn btn-default" onclick="getList(145)" style="margin-right: 10px;">待支付 <span id="orderPaid" class="badge"></span></span>
  234. <span id="add146" class="btn btn-default" onclick="getList(146)" style="margin-right: 10px;">已出票 <span id="orderIssued" class="badge"></span></span>
  235. <span id="add147" class="btn btn-default" onclick="getList(147)" style="margin-right: 10px;">已完成 <span id="orderCompleted" class="badge"></span></span>
  236. <span id="add148" class="btn btn-default" onclick="getList(148)" style="margin-right: 10px;">已取消 <span id="orderCanceled" class="badge"></span></span>
  237. <label class="col-sm-1 control-label no-padding-right" style="display: none;width: auto; font-size: 12px; padding-left: 210px;">支付状态:</label>
  238. <div class="col-sm-1" style="display: none;width: auto;">
  239. <select id="paystatus" style="font-size: 12px; width: 90px;">
  240. <option value="-1" selected="selected" style="font-size: 12px;">请选择</option>
  241. <option value="1" style="font-size: 12px;">已支付</option>
  242. <option value="0" style="font-size: 12px;">未支付</option>
  243. </select>
  244. </div>
  245. <span style="margin-left: 70px;color:#4191ff;">订单总数:<span style="font-weight: bolder;font-size: larger;" id="orderCount"></span></span>
  246. <span style="margin-left: 60px;color:#4191ff;">GMV总量:<span style="font-weight: bolder;font-size: larger;" id="GMV_sum"></span></span>
  247. <span style="margin-left: 50px;color:#4191ff;">出行人数:<span style="font-weight: bolder;font-size: larger;" id="people_sum"></span></span>
  248. </div>
  249. <div >
  250. <div class="table-responsive">
  251. <table id="orderTable" class="table table-striped table-bordered table-hover">
  252. <thead>
  253. <tr>
  254. <!--<th class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(0)" type="checkbox"><span class="lbl"></span></label></th>-->
  255. <th class="list_middle" style="width: 30px;">
  256. <input type="checkbox" name="all_check_box" id="all_check_box" value="" class="ace_check" onclick="select_checked('0')"/>
  257. </th>
  258. <th>订单编号</th>
  259. <th>预订时间</th>
  260. <th>订单渠道</th>
  261. <!--<th>销售终端</th>-->
  262. <!--<th style="width: 150px;">渠道订单号</th>-->
  263. <th>预订产品</th>
  264. <th>出发时间</th>
  265. <th>联系人</th>
  266. <th>出行人</th>
  267. <th>地址</th>
  268. <th>备注</th>
  269. <th>运营负责人</th>
  270. <th>状态</th>
  271. <th>GMV</th>
  272. <th>支付方式</th>
  273. <th width="165">操作</th>
  274. </tr>
  275. </thead>
  276. <tbody id="tableOrder" style="display: none;">
  277. <tr>
  278. <!--<td class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(1)" type="checkbox"><span class="lbl"></span></label></td>-->
  279. <td class="list_middle" >
  280. <input type="checkbox" onclick="select_checked('1')" checkid="[oneCheck]" class="ace_check" />
  281. </td>
  282. <td style="width: 90px;">[orderType]<a target="_Blank" onclick="open_order_detail_path(this)" go_path="zzcs/order/order-detail?order_id=[order_id]">订单编号</a></td>
  283. <td style="width: 100px;">下单时间</td>
  284. <td style="width: 120px;">订单来源<br>渠道订单号</td>
  285. <!--<td style="width: 120px;">销售终端<br>销售终端号</td>-->
  286. <!--<td style="width: 160px;">渠道订单号</td>-->
  287. <td style="width: 200px;">
  288. <div><a>line</a>预订产品</div>
  289. <div id="ticketText">
  290. <div>普通成人票 </div>
  291. </div>
  292. <!--<div>贵宾成人票 </div>-->
  293. </td>
  294. <td style="width: 100px;">出发时间</td>
  295. <td style="width: 100px;">
  296. <div>name</div>
  297. <div>phone</div>
  298. </td>
  299. <td style="width: 150px;word-break:break-all">[出行人]</td>
  300. <td style="width: 150px;word-break:break-all" onclick="change_customer_address( '[order_id3]', '[地址]')" >[地址2]</td>
  301. <td style="width: 200px;word-break:break-all" onclick="change_customer_memo( '[order_id2]', '[备注]')" >[备注2]</td>
  302. <td style="width: 80px;">run_duty_name</td>
  303. <td style="width: 80px;">状态</td>
  304. <td style="width: 80px;">GMV</td>
  305. <td style="width: 90px;">pay_type</td>
  306. <td style="width: 80px;">
  307. <span><a style="cursor: pointer;" class="[btn] [btn-link-y] [btn-xs]" onclick="cancel(0)">cancelOrder</a></span>
  308. <span><a onclick="meal(0)">mealOrder</a></span>
  309. <span><a onclick="refund(0)">refundOrder</a></span>
  310. <span><a class="btn btn-link btn-xs" style="cursor: pointer;" onclick="copy_order(0)">copyOrder</a></span>
  311. <span class="btn btn-info btn-xs" onclick="contract( '[order_id4]')">合同</span>
  312. </td>
  313. </tr>
  314. </tbody>
  315. </table>
  316. </div>
  317. <div id="page"></div>
  318. <div id="sum"></div>
  319. </div>
  320. </div>
  321. <!--
  322. 作者:作者:刘兵
  323. 维护:付泓程
  324. 时间:2016-06-03
  325. 描述:add end
  326. -->
  327. </div>
  328. <!--</div>-->
  329. <div style="width: 1100px;display: none;" id="ddd">
  330. </div>
  331. </body>
  332. <!-- -->
  333. <script type="text/javascript">
  334. $(".form_date1").datetimepicker({
  335. format: 'yyyy-mm-dd',
  336. autoclose:true,
  337. minView:2,
  338. pickerPosition:"bottom-left"
  339. });
  340. $(".form_date2").datetimepicker({
  341. format: 'yyyy-mm-dd',
  342. autoclose:true,
  343. minView:2,
  344. pickerPosition:"bottom-left"
  345. });
  346. $('.date-picker').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});
  347. $('#timepicker1').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});
  348. $('#timepicker2').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();});
  349. var ex_ordersource = getPar('ordersource');
  350. var ex_run_duty = getPar('run_duty');
  351. // var dataSoure = getStorJson("dataSoure");
  352. $(document).ready(function(){
  353. $.ajax({
  354. url:'st-xm/Api/order_list.php?method=getOrderORG',
  355. type:'post',
  356. dataType: "json",
  357. async:false,
  358. success : function(dataSoure) {
  359. console.log(dataSoure)
  360. initdata(dataSoure.order_ORG_List);
  361. initRunDuty(dataSoure.run_duty_list);
  362. }
  363. });
  364. });
  365. function initdata(data){
  366. var temp = '<li value=-1 class="filter-item items filter-item1" data-filter="请选择">请选择</li>';
  367. for (var i=0;i<data.length;i++) {
  368. var j = i+1;
  369. temp += '<li value="'+data[i].org_id+'" class="filter-item items filter-item1" data-filter="'+data[i].soure+'">'+data[i].soure+'</li>'
  370. if( ex_ordersource == data[i].org_id ) {
  371. $('#selected_org').text(data[i].soure);
  372. }
  373. }
  374. $("#ordersource").html(temp);
  375. // $(".filter-item").click(function(){
  376. // alert($(this).val());
  377. // });
  378. }
  379. function initRunDuty(data){
  380. var temp = '<li value=-1 class="filter-item items filter-item2" data-filter="请选择">请选择</li>';
  381. for (var i=0;i<data.length;i++) {
  382. var j = i+1;
  383. temp += '<li value="'+data[i].run_duty_id+'" class="filter-item items filter-item2" data-filter="'+data[i].name+'">'+data[i].name+'</li>'
  384. if( ex_run_duty == data[i].run_duty_id ) {
  385. $('#selected_run_duty').text(data[i].name);
  386. }
  387. }
  388. $("#run_duty").html(temp);
  389. // $(".filter-item").click(function(){
  390. // alert($(this).val());
  391. // });
  392. }
  393. //设置Json类型的本地缓存
  394. function setStorJson(objName, json){
  395. if (json)
  396. setStorage(objName, JSON.stringify(json));
  397. }
  398. //读取Json类型的本地缓存
  399. function getStorJson(objName){
  400. var ret = null;
  401. var str = getStorage(objName);
  402. if (str)
  403. ret = JSON.parse(str);
  404. return ret;
  405. }
  406. function changeEndDate(){
  407. var start_date = $('#starttime').val();
  408. var end_date = $('#endtime').val();
  409. if(CompareDate(start_date,end_date)){
  410. start_date = new Date(start_date);
  411. start_date.setDate(start_date.getDate() + 1)
  412. $('#endtime').val(formatTime(start_date));
  413. }
  414. }
  415. function changeStartDate(){
  416. var start_date = $('#starttime').val();
  417. var end_date = $('#endtime').val();
  418. if(CompareDate(start_date,end_date)){
  419. end_date = new Date(end_date);
  420. end_date.setDate(end_date.getDate() - 1)
  421. $('#starttime').val(formatTime(end_date));
  422. }
  423. }
  424. function CompareDate(a,b){
  425. var arr = a.split("-");
  426. var start_time = new Date(arr[0], arr[1], arr[2]);
  427. var start_times = start_time.getTime();
  428. var arrs = b.split("-");
  429. var end_time = new Date(arrs[0], arrs[1], arrs[2]);
  430. var end_times = end_time.getTime();
  431. if (start_times > end_times) {
  432. return true;
  433. }
  434. else
  435. return false;
  436. }
  437. function formatTime(date) {
  438. var year = date.getFullYear();
  439. var month = date.getMonth()+1, month = month < 10 ? '0' + month : month;
  440. var day = date.getDate(), day =day < 10 ? '0' + day : day;
  441. return year + '-' + month + '-' + day;
  442. }
  443. </script>
  444. <!--<script src="js/bootstrap.min.js"></script>-->
  445. <script src="js/modernizr.min.js"></script>
  446. <script src="js/vendor/tabcomplete.min.js"></script>
  447. <script src="js/vendor/livefilter.min.js"></script>
  448. <script src="js/vendor/src/bootstrap-select.js"></script>
  449. <script src="js/vendor/src/filterlist.js"></script>
  450. <script src="js/plugins.js"></script>
  451. </html>