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

352 lines
22 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.     <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_zzgl.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. 

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

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

  25. 

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

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

  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. </style>

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

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

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

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

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

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

  49.         </a>

  50.     </div>

  51. </div>-->

  52. 

  53. <!--<div class="warp clearfix">-->

  54.     <!--<div class="control-bar">	</div>-->

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

  56.     	<div id="">

  57.         <!--

  58.         作者：刘兵

  59.         时间：2016-06-03

  60.         描述：add start

  61.     -->

  62.         <div class="page-content" style="width: 1225px; margin-left: 40px; margin-top: 30px;">

  63.             <div class="row">

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

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

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

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

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

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

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

  71.                             </select>

  72.                         </div>

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

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

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

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

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

  78. 								</span>

  79.                             </div>

  80.                         </div>

  81.                         <!--

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

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

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

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

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

  87.                                 </span>

  88.                             </div>

  89.                         </div>

  90.                         -->

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

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

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

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

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

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

  97. 								</span>

  98.                             </div>

  99.                         </div>

  100.                         <!--

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

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

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

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

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

  106.                                 </span>

  107.                             </div>

  108.                         </div>

  109.                         -->

  110.                         <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;margin-top:2px;margin-left:20px;" >线路:</label>

  111.                         <div class="col-sm-3" style="width: 150px;">

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

  113.                         </div>

  114.                         <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;margin-top:2px;" >出发地:</label>

  115.                         <div class="col-sm-1">

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

  117.                         </div>

  118.                         <label class="col-sm-1 control-label no-padding-right" style="margin-left: 12px;width: auto; font-size: 12px;margin-top:2px;" >目的地:</label>

  119.                         <div class="col-sm-1">

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

  121.                         </div>

  122.                     </div>

  123. 

  124.                     <div class="form-group" style="display:none;" >

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

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

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

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

  129.                           </select> -->

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

  131.                                 <button data-id="prov" type="button" class="dropdown-toggle1" style="width: 100%;background-color: #fff;border: 1px solid #ccc;height: 30px;padding-left: 5px;">

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

  133.                                     <span style="float:right;" class="caret"></span>

  134.                                 </button>

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

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

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

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

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

  140. 												<span class="input-group-addon" id="search-icon3">

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

  142. 												</span>

  143.                                                 <input type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />

  144.                                             </div>

  145.                                         </div>

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

  147.                                             <ul id="ordersource" class="list-unstyled">

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

  149.                                             </ul>

  150.                                         </div>

  151.                                     </div>

  152.                                 </div>

  153.                             </div>

  154.                         </div>

  155.                     </div>

  156. 

  157. 

  158. 

  159. 

  160. 

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

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

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

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

  165.                         </div>

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

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

  168.                         </div>

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

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

  171.                         </div>

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

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

  174.                         </div>

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

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

  177.                         </div>

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

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

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

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

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

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

  184.                             </select>

  185.                         </div>

  186.                         <!--

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

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

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

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

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

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

  193.                             </select>

  194.                         </div>

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

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

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

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

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

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

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

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

  203.                             </select>

  204.                         </div>

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

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

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

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

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

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

  211.                             </select>

  212.                         </div>

  213.                         -->

  214.                     </div>

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

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

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

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

  219.                         </div>

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

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

  222.                         </div>

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

  224.                             <span class="btn" style="font-size: 12px;height:30px;" onclick="printInfo()">打印</span>

  225.                         </div>

  226. 

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

  228.                             <span id="btn_export" class="btn" style="font-size: 12px;" onclick="exportToExcel(this)">导出游客信息</span>

  229.                         </div>

  230. 

  231.                     </div>

  232.                 </form>

  233.             </div>

  234.             <div class="row">

  235.                 <div>

  236.                     <div class="table-responsive" style="width: 1225px;">

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

  238.                             <thead>

  239.                             <tr>

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

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

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

  243.                                 </th>

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

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

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

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

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

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

  250.                                 <th style="width: 130px;">联系人</th>

  251.                                 <th style="width: 113px;">状态</th>

  252.                                 <!--<th style="width: 100px;">操作</th>-->

  253.                             </tr>

  254.                             </thead>

  255.                             <tbody id="tableOrder">

  256.                             <tr>

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

  258.                                 <td class="list_middle" >

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

  260.                                 </td>

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

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

  263.                                 <!--<td style="width: 160px;">订单来源</td>-->

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

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

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

  267.                                     <div id="ticketText">

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

  269.                                     </div>

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

  271.                                 </td>

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

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

  274.                                     <div>name</div>

  275.                                     <div>phone</div>

  276.                                 </td>

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

  278.                                 <!--<td style="width: 100px;">-->

  279.                                 <!--<span><a style="cursor: pointer;" onclick="cancel(0)">cancelOrder</a></span>-->

  280.                                 <!--<span><a onclick="meal(0)">mealOrder</a></span>-->

  281.                                 <!--<span><a onclick="refund(0)">refundOrder</a></span>-->

  282.                                 <!--</td>-->

  283.                             </tr>

  284.                             </tbody>

  285.                         </table>

  286.                     </div>

  287.                 </div>

  288.             </div>

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

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

  291.         </div>

  292.         <!--

  293.             作者：作者：刘兵

  294.             维护：付泓程

  295.             时间：2016-06-03

  296.             描述：add end

  297.         -->

  298.     </div>

  299. <!--</div>-->

  300. 

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

  302. 

  303. </div>

  304. 

  305. 

  306. </body>

  307. <!--  -->

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

  309. 

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

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

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

  313.     var dataSoure =  getStorJson("dataSoure");

  314.     initdata(dataSoure);

  315.     function initdata(data){

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

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

  318.             var j = i+1;

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

  320. 

  321.         }

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

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

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

  325. //				});

  326.     }

  327. 

  328. 

  329. 

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

  331.     function setStorJson(objName, json){

  332.         if (json)

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

  334.     }

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

  336.     function getStorJson(objName){

  337.         var ret = null;

  338.         var str = getStorage(objName);

  339.         if (str)

  340.             ret = JSON.parse(str);

  341.         return ret;

  342.     }

  343. </script>

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

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

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

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

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

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

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

  351. </html>