|
- <!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?v=20171108001"></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 style="margin-bottom: 20px;border: 1px solid #CCCCCC;padding: 20px;">
- <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: 15px;" class="input-group date form_date1" onchange="changeEndDate()">
- <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" onchange="changeStartDate()">
- <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: 15px;">线路:</span>
- <input id="line" class="form-control" type="text" style="font-size: 12px;" placeholder="线路"/>
-
- <span style="margin-left: 15px;">出发地:</span>
- <input id="start_area" class="form-control" type="text" style="font-size: 12px; width: 92px;" placeholder="出发地"/>
- <span style="margin-left: 15px;">目的地:</span>
- <input id="end_area" class="form-control" type="text" style="font-size: 12px; width: 92px;" placeholder="目的地"/>
-
- </div>
-
- <div class="form-inline">
- <span style="float: left;padding: 7px 0px;padding-right: 4px;">订单渠道:</span>
- <div class="col-sm-1" style="width: 222px;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;" id="selected_org" 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: 15px; float:left;">
- <option value="0">全部</option>
- <option value="255">直通巴士</option>
- <option value="256">穿梭巴士</option>
- <option value="284">城际商务车</option>
- <option value="368">打包产品</option>
- </select>
- <span style="margin-left: 15px;">更多查询:</span>
- <input id="moresearch" class="form-control" type="text" style="font-size: 12px; width: 160px;" placeholder="订单号/姓名/电话/渠道号"/>
- <span style="margin-left: 15px;">班次时间:</span>
- <!-- HTML -->
- <div id="time_id" class="timepicker_box">
- <span class="form-inline timepicker">
- <input type="text" id="run_time" class="form-control" readonly>
- <span class="glyphicon glyphicon-time"></span>
- </span>
- <div class="timepicker_select">
- <div class="select_hour_box"></div>
- <div class="select_minute_box"></div>
- </div>
- </div>
- <span style="margin-left: 15px;">车次号:</span>
- <input id="search_bus_no" class="form-control" type="text" style="font-size: 12px; width: 70px;" placeholder="车次号"/>
- <span style="float: left;padding: 7px 0px;padding-right: 4px; margin-left:15px;">运营负责人:</span>
- <div class="col-sm-1" style="width: 100px;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;" id="selected_run_duty" class="placeholder">请选择</span>
- <span style="" class="caret"></span>
- </button>
- <div class="dropdown-menu" style="width:150px;">
- <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; width:100px;" 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="run_duty" class="list-unstyled">
- <!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <div style="float: right;">
- <span class="btn btn-primary" style="margin-left: 15px;" onclick="getList(0)"><span class="glyphicon glyphicon-search"></span> 查询</span>
- <span class="btn btn-primary" style="margin-left: 10px;" onclick="printInfo()"><span class="glyphicon glyphicon-check"></span> 打印</span>
- <span class="btn btn-primary" style="margin-left: 10px;" onclick="sendMessage()"><span class="glyphicon glyphicons-message-in"></span> 发送短信</span>
- <span id="btn_export" class="btn btn-primary" style="margin-left: 10px;" onclick="exportToExcel(this)"><span class="glyphicon glyphicon-save"></span> 订单导出</span>
- <span id="btn_export2" class="btn btn-primary" style="margin-left: 10px;" onclick="exportToExcel2(this)"><span class="glyphicon glyphicon-save"></span> 乘客导出</span>
- </div>
- </div>
- </form>
- </div>
- <div id="minus" style="margin-bottom: 20px;">
- <span id="add0" class="btn btn-primary" onclick="getList(0)" style="margin-right: 10px;">全部 <span id="orderAll" class="badge"></span></span>
- <span id="add145" class="btn btn-default" onclick="getList(145)" style="margin-right: 10px;">待支付 <span id="orderPaid" class="badge"></span></span>
- <span id="add146" class="btn btn-default" onclick="getList(146)" style="margin-right: 10px;">已出票 <span id="orderIssued" class="badge"></span></span>
- <span id="add147" class="btn btn-default" onclick="getList(147)" style="margin-right: 10px;">已完成 <span id="orderCompleted" class="badge"></span></span>
- <span id="add148" class="btn btn-default" onclick="getList(148)" style="margin-right: 10px;">已取消 <span id="orderCanceled" class="badge"></span></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>
- <span style="margin-left: 70px;color:#4191ff;">订单总数:<span style="font-weight: bolder;font-size: larger;" id="orderCount"></span></span>
- <span style="margin-left: 60px;color:#4191ff;">GMV总量:<span style="font-weight: bolder;font-size: larger;" id="GMV_sum"></span></span>
- <span style="margin-left: 50px;color:#4191ff;">出行人数:<span style="font-weight: bolder;font-size: larger;" id="people_sum"></span></span>
-
- </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>销售终端</th>-->
- <!--<th style="width: 150px;">渠道订单号</th>-->
- <th>预订产品</th>
- <th>出发时间</th>
- <th>联系人</th>
- <th>出行人</th>
- <th>地址</th>
- <th>备注</th>
- <th>运营负责人</th>
- <th>状态</th>
- <th>GMV</th>
- <th>支付方式</th>
- <th width="165">操作</th>
- </tr>
- </thead>
- <tbody id="tableOrder" style="display: none;">
- <tr>
- <!--<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;">[orderType]<a target="_Blank" onclick="open_order_detail_path(this)" go_path="zzcs/order/order-detail?order_id=[order_id]">订单编号</a></td>
- <td style="width: 100px;">下单时间</td>
- <td style="width: 120px;">订单来源<br>渠道订单号</td>
- <!--<td style="width: 120px;">销售终端<br>销售终端号</td>-->
- <!--<td style="width: 160px;">渠道订单号</td>-->
- <td style="width: 200px;">
- <div><a>line</a>预订产品</div>
- <div id="ticketText">
- <div>普通成人票 </div>
- </div>
- <!--<div>贵宾成人票 </div>-->
- </td>
- <td style="width: 100px;">出发时间</td>
- <td style="width: 100px;">
- <div>name</div>
- <div>phone</div>
- </td>
- <td style="width: 150px;word-break:break-all">[出行人]</td>
- <td style="width: 150px;word-break:break-all" onclick="change_customer_address( '[order_id3]', '[地址]')" >[地址2]</td>
- <td style="width: 200px;word-break:break-all" onclick="change_customer_memo( '[order_id2]', '[备注]')" >[备注2]</td>
- <td style="width: 80px;">run_duty_name</td>
- <td style="width: 80px;">状态</td>
- <td style="width: 80px;">GMV</td>
- <td style="width: 90px;">pay_type</td>
- <td style="width: 80px;">
- <span><a style="cursor: pointer;" class="[btn] [btn-link-y] [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-link btn-xs" style="cursor: pointer;" onclick="copy_order(0)">copyOrder</a></span>
- <span class="btn btn-info btn-xs" onclick="contract( '[order_id4]')">合同</span>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <div id="page"></div>
- <div id="sum"></div>
- </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 ex_ordersource = getPar('ordersource');
- var ex_run_duty = getPar('run_duty');
-
- // 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);
- initRunDuty(dataSoure.run_duty_list);
- }
- });
- });
-
-
- function initdata(data){
- var temp = '<li value=-1 class="filter-item items filter-item1" 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 filter-item1" data-filter="'+data[i].soure+'">'+data[i].soure+'</li>'
- if( ex_ordersource == data[i].org_id ) {
- $('#selected_org').text(data[i].soure);
- }
- }
- $("#ordersource").html(temp);
- // $(".filter-item").click(function(){
- // alert($(this).val());
- // });
- }
-
- function initRunDuty(data){
- var temp = '<li value=-1 class="filter-item items filter-item2" data-filter="请选择">请选择</li>';
- for (var i=0;i<data.length;i++) {
- var j = i+1;
- temp += '<li value="'+data[i].run_duty_id+'" class="filter-item items filter-item2" data-filter="'+data[i].name+'">'+data[i].name+'</li>'
- if( ex_run_duty == data[i].run_duty_id ) {
- $('#selected_run_duty').text(data[i].name);
- }
- }
- $("#run_duty").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;
- }
-
- function changeEndDate(){
- var start_date = $('#starttime').val();
- var end_date = $('#endtime').val();
- if(CompareDate(start_date,end_date)){
- start_date = new Date(start_date);
- start_date.setDate(start_date.getDate() + 1)
- $('#endtime').val(formatTime(start_date));
- }
- }
-
- function changeStartDate(){
- var start_date = $('#starttime').val();
- var end_date = $('#endtime').val();
- if(CompareDate(start_date,end_date)){
- end_date = new Date(end_date);
- end_date.setDate(end_date.getDate() - 1)
- $('#starttime').val(formatTime(end_date));
- }
- }
-
- function CompareDate(a,b){
- var arr = a.split("-");
- var start_time = new Date(arr[0], arr[1], arr[2]);
- var start_times = start_time.getTime();
-
- var arrs = b.split("-");
- var end_time = new Date(arrs[0], arrs[1], arrs[2]);
- var end_times = end_time.getTime();
-
- if (start_times > end_times) {
- return true;
- }
- else
- return false;
- }
-
- function formatTime(date) {
- var year = date.getFullYear();
- var month = date.getMonth()+1, month = month < 10 ? '0' + month : month;
- var day = date.getDate(), day =day < 10 ? '0' + day : day;
- return year + '-' + month + '-' + day;
- }
- </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>
|