<!DOCTYPE html> <html class="no-js" lang=""> <head> <meta charset="UTF-8"> <title>订单列表</title> <!--<link rel="stylesheet" type="text/css" href="./css/ace.min.css" />--> <link rel="stylesheet" type="text/css" href="http://img.zhizhuchuxing.cn/zzframe/dist/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/module.css" /> <!--<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />--> <!--<link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css" />--> <!--<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />--> <!--<link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />--> <!--<link rel="stylesheet" type="text/css" href="./css/datepicker.css" />--> <!--<link rel="stylesheet" type="text/css" href="./css/master.css">--> <link rel="stylesheet" type="text/css" href="./css/Page.css"> <link rel="stylesheet" type="text/css" href="css/sweetalert2.min.css"> <!--<script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>--> <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script> <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script> <script src="http://img.zhizhuchuxing.cn/zzframe/dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script> <script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" src="./js/order_list.js"></script> <script type="text/javascript" src="./js/master.js"></script> <script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script> <script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script> <script src="js/sweetalert2.min.js"></script> <script language="javascript" src="./js/jquery.jqprint-0.3.js"></script> <script type="text/javascript" src="./js/Page2.js"></script> <script src="js/Page.js" type="text/javascript"></script> <script src="js/jquery.cookie.js"></script> <!--<script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>--> <!--<script src="js/xm.js"></script> <script> login(); </script>--> </head> <style type="text/css"> sup { top: -1.5em; left: 1.5em; } .addbackground{ background-color: #666!important; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; font-size: 12px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); padding: 0; margin: 0; border: 0; border-radius: 0; } .caret { position: absolute; right: 8px; top: 13px; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .text{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .search-box{ padding: 5px; } .selectpicker .dropdown-menu ul>li:hover { background: #e6e6e6; } .selectpicker .dropdown-menu ul>li { display: block; padding: 8px 0 8px 20px; cursor: pointer; } .selectpicker .dropdown-menu ul>li.selected { color: #fff; background: #1e90ff; } .pager { padding-left: 0; margin: 14px 0; text-align: right; list-style: none; } </style> <body style="font-size: 12px;" style="margin-bottom: 0px;"> <div class="iframe_box"> <div class="page-content"> <div> <form class="form-horizontal" role="form"> <div style="margin-bottom: 10px;" class="form-inline"> <span>时间范围:</span> <select id="timelimit" class="form-control"> <option value="下单时间" selected="selected" style="font-size: 12px;">预订时间</option> <option value="出发时间" style="font-size: 12px;">出发时间</option> </select> <div style="width: 160px;margin-left: 20px;" class="input-group date form_date1"> <input id="starttime" class="form-control" size="16" type="text" readonly> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div> <span> - </span> <div style="width: 160px;" class="input-group date form_date2"> <input id="endtime" class="form-control" size="16" type="text" readonly> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div> <span style="margin-left: 20px;">线路:</span> <input id="line" class="form-control" type="text" style="font-size: 12px; height:30px;" placeholder="线路"/> <span style="margin-left: 20px;">出发地:</span> <input id="start_area" class="form-control" type="text" style="font-size: 12px; height:30px;width: 92px;" placeholder="出发地"/> <span style="margin-left: 20px;">目的地:</span> <input id="end_area" class="form-control" type="text" style="font-size: 12px; height:30px;width: 92px;" placeholder="目的地"/> </div> <div style="margin-bottom: 10px;" class="form-inline"> <span style="float: left;padding: 7px 0px;padding-right: 4px;">订单渠道:</span> <div class="col-sm-1" style="width: 200px;padding: 0;"> <!-- <select id="ordersource" style="font-size: 12px; width: 200px;"> <option value="-1" selected="selected" style="font-size: 12px;">请选择</option> </select> --> <div id="bts-ex-4" class="selectpicker" data-live="true"> <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;"> <span style="float:left;" class="placeholder">请选择</span> <span style="" class="caret"></span> </button> <div class="dropdown-menu"> <div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true"> <label class="sr-only" for="input-bts-ex-4">Search</label> <div class="search-box"> <div class="input-group"> <span style="border-radius: 0;padding: 5px 12px;" class="input-group-addon" id="search-icon3"> <span><img width="15px;" src="images/search.png"></span> </span> <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" /> </div> </div> <div class="list-to-filter"> <ul style="border-top: 1px solid #EEEEEE;height: 200px;overflow-y: scroll;" id="ordersource" class="list-unstyled"> <!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> --> </ul> </div> </div> </div> </div> </div> <select id="select_bus_type" class="form-control" style="margin-left: 20px;"> <option value="0">全部</option> <option value="255">直通巴士</option> <option value="256">穿梭巴士</option> <option value="284">城际商务车</option> <option value="368">打包产品</option> </select> </div> <div id="minus" style="margin-bottom: 10px;"> <span>订单状态:</span> <span id="add0" class="btn btn-primary" onclick="getList(0)" style="margin-right: 10px;">全部<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> <span id="add145" class="btn btn-default" onclick="getList(145)" style="margin-right: 10px;">待支付<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> <span id="add146" class="btn btn-default" onclick="getList(146)" style="margin-right: 10px;">已出票<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> <span id="add147" class="btn btn-default" onclick="getList(147)" style="margin-right: 10px;">已完成<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> <span id="add148" class="btn btn-default" onclick="getList(148)" style="margin-right: 10px;">已取消<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> <label class="col-sm-1 control-label no-padding-right" style="display: none;width: auto; font-size: 12px; padding-left: 210px;">支付状态:</label> <div class="col-sm-1" style="display: none;width: auto;"> <select id="paystatus" style="font-size: 12px; width: 90px;"> <option value="-1" selected="selected" style="font-size: 12px;">请选择</option> <option value="1" style="font-size: 12px;">已支付</option> <option value="0" style="font-size: 12px;">未支付</option> </select> </div> <!-- <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">结算状态:</label> <div class="col-sm-1" style="width: auto;"> <select id="billingstatus" style="font-size: 12px; width: 90px;"> <option value="" selected="selected" style="font-size: 12px;">请选择</option> <option value="0" style="font-size: 12px;">待结算</option> <option value="1" style="font-size: 12px;">已结算</option> </select> </div> <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">退改状态:</label> <div class="col-sm-1" style="width: auto;"> <select id="mealbounce" style="font-size: 12px; width: 90px;"> <option value="" selected="selected" style="font-size: 12px;">请选择</option> <option value="1" style="font-size: 12px;">有改签</option> <option value="2" style="font-size: 12px;">有退票</option> <option value="3" style="font-size: 12px;">已改签</option> <option value="4" style="font-size: 12px;">已退票</option> </select> </div> <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">退款状态:</label> <div class="col-sm-1" style="width: auto;"> <select id="refund" style="font-size: 12px; width: 90px;"> <option value="" selected="selected" style="font-size: 12px;">请选择</option> <option value="1" style="font-size: 12px;">退款中</option> <option value="2" style="font-size: 12px;">已退款</option> </select> </div> --> </div> <div class="form-inline" style="margin-bottom: 10px;"> <span>更多查询:</span> <input id="moresearch" class="form-control" type="text" style="font-size: 12px; height:30px;width: 240px;" placeholder="订单号/客人姓名/客人电话/渠道订单号"/> <span class="btn btn-import" style="margin-left: 10px;" onclick="getList(0)">查询</span> <span class="btn btn-import" style="margin-left: 10px;" onclick="printInfo()">打印</span> <span id="btn_export" class="btn btn-import" style="margin-left: 10px;" onclick="exportToExcel(this)">导出游客信息</span> </div> </form> </div> <div> <div> <div class="table-responsive"> <table id="orderTable" class="table table-striped table-bordered table-hover"> <thead> <tr> <!--<th class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(0)" type="checkbox"><span class="lbl"></span></label></th>--> <th class="list_middle" style="width: 30px;"> <input type="checkbox" name="all_check_box" id="all_check_box" value="" class="ace_check" onclick="select_checked('0')"/> </th> <th>订单编号</th> <th>预订时间</th> <th>订单渠道</th> <!--<th style="width: 150px;">渠道订单号</th>--> <th>预订产品</th> <th>出发时间</th> <th>联系人</th> <th>状态</th> <th>支付方式</th> <th width="165">操作</th> </tr> </thead> <tbody id="tableOrder"> <tr style=""> <!--<td class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(1)" type="checkbox"><span class="lbl"></span></label></td>--> <td class="list_middle" > <input type="checkbox" onclick="select_checked('1')" checkid="[oneCheck]" class="ace_check" /> </td> <td style="width: 90px;"><a target="_Blank" onclick="open_order_detail_path(this)" go_path="zzcs/order/order-detail?order_id=[order_id]">订单编号</a></td> <td style="width: 120px;">下单时间</td> <td style="width: 160px;">订单来源<br>渠道订单号</td> <!--<td style="width: 160px;">渠道订单号</td>--> <td style="width: 360px;"> <div><a>line</a>预订产品</div> <div id="ticketText"> <div>普通成人票 </div> </div> <!--<div>贵宾成人票 </div>--> </td> <td style="width: 120px;">出发时间</td> <td style="width: 130px;"> <div>name</div> <div>phone</div> </td> <td style="width: 113px;">状态</td> <td style="width: 113px;">pay_type</td> <td style="width: 100px;"> <span><a style="cursor: pointer;" class="[btn] [btn-danger] [btn-xs]" onclick="cancel(0)">cancelOrder</a></span> <span><a onclick="meal(0)">mealOrder</a></span> <span><a onclick="refund(0)">refundOrder</a></span>   <span><a class="btn btn-success btn-xs" style="cursor: pointer;" onclick="copy_order(0)">copyOrder</a></span> </td> </tr> </tbody> </table> </div> </div> </div> <div id="page"></div> <div id="sum"></div> </div> <!-- 作者:作者:刘兵 维护:付泓程 时间:2016-06-03 描述:add end --> </div> <!--</div>--> <div style="width: 1100px;display: none;" id="ddd"> </div> </body> <!-- --> <script type="text/javascript"> $(".form_date1").datetimepicker({ format: 'yyyy-mm-dd', autoclose:true, minView:2, pickerPosition:"bottom-left" }); $(".form_date2").datetimepicker({ format: 'yyyy-mm-dd', autoclose:true, minView:2, pickerPosition:"bottom-left" }); $('.date-picker').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();}); $('#timepicker1').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();}); $('#timepicker2').timepicker({minuteStep: 1,showSeconds: false,showMeridian: false}).next().on("click", function(){$(this).prev().focus();}); // var dataSoure = getStorJson("dataSoure"); $(document).ready(function(){ $.ajax({ url:'st-xm/Api/order_list.php?method=getOrderORG', type:'post', dataType: "json", async:false, success : function(dataSoure) { console.log(dataSoure) initdata(dataSoure.order_ORG_List); } }); }); function initdata(data){ var temp = '<li value=-1 class="filter-item items" data-filter="请选择">请选择</li>'; for (var i=0;i<data.length;i++) { var j = i+1; temp += '<li value="'+data[i].org_id+'" class="filter-item items" data-filter="'+data[i].soure+'">'+data[i].soure+'</li>' } $("#ordersource").html(temp); // $(".filter-item").click(function(){ // alert($(this).val()); // }); } //设置Json类型的本地缓存 function setStorJson(objName, json){ if (json) setStorage(objName, JSON.stringify(json)); } //读取Json类型的本地缓存 function getStorJson(objName){ var ret = null; var str = getStorage(objName); if (str) ret = JSON.parse(str); return ret; } </script> <!--<script src="js/bootstrap.min.js"></script>--> <script src="js/modernizr.min.js"></script> <script src="js/vendor/tabcomplete.min.js"></script> <script src="js/vendor/livefilter.min.js"></script> <script src="js/vendor/src/bootstrap-select.js"></script> <script src="js/vendor/src/filterlist.js"></script> <script src="js/plugins.js"></script> </html>