|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229 |
- <!DOCTYPE html>
- <html>
- <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="./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/Page.css">
- <script type="text/javascript" src="./js/jquery-2.2.4.min.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/Page.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="./js/hotelOrderList.js"></script>
- <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
- <link rel="stylesheet" type="text/css" href="./css/master.css">
- <script src="js/jquery.cookie.js"></script>
- <!--<script src="js/xm.js"></script>
- <script>
- login();
- </script>-->
- </head>
- <style type="text/css">
- th,
- td {
- text-align: center;
- }
- sup{
- top: -1.5em;
- left:1.5em;
- }
- </style>
- <script src="js/jquery.cookie.js"></script>
- <!--<script src="js/xm.js"></script>
- <script>
- login();
- </script>-->
- <body>
- <!--<div class="navbar navbar-default" style="margin-bottom:0px;">
- <div class="navbar-header ">
- <a href="#" class="navbar-brand">
- <i class="icon-leaf"></i>
- CS System<sub style="font-size:12px;position: initial;"> <span id="version_txt"></span></sub>
- </a>
- </div>
- </div>-->
-
- <!--<div id="show_html" style="display:none;" class="warp clearfix">
- <div class="control-bar"></div>
-
- <div class="control-show" style="float: left; margin-left: 20px; margin-top: 20px;" >-->
- <div id="">
- <!--
- 作者:fuhongcheng_fhc@163.com
- 时间:2016-06-06
- 描述:酒店订单列表
- -->
- <div class="page-content" style="width: 1200px;">
- <div class="row">
- <form class="form-horizontal" role="form">
- <div class="form-group">
- <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; margin-right:-17px;">
- <select style="width: 90px;">
- <option value="0" style="font-size: 12px;">下单时间</option>
- </select>
- </div>
- <div class="col-sm-1" style="width: 12%;padding-right: 3px;">
- <div class="input-group">
- <input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 12px; height:30px;">
- <span class="input-group-addon">
- <i class="icon-calendar bigger-110"></i>
- </span>
- </div>
- </div>
- <div class="col-sm-1" style="width: 12%;padding-left: 3px; padding-right: 1px;">
- <div class="input-group bootstrap-timepicker">
- <input id="timepicker1" type="text" class="form-control" style="font-size: 12px; height:30px;" value="00:00"/>
- <span class="input-group-addon">
- <i class="icon-time bigger-110"></i>
- </span>
- </div>
- </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: 12%;padding-right: 3px;">
- <div class="input-group">
- <input id="id-date-picker-2" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="截至日期" style="font-size: 12px; height:30px;">
- <span class="input-group-addon">
- <i class="icon-calendar bigger-110"></i>
- </span>
- </div>
- </div>
- <div class="col-sm-1" style="width: 12%;padding-left: 3px;">
- <div class="input-group bootstrap-timepicker">
- <input id="timepicker2" type="text" class="form-control" style="font-size: 12px; height:30px;" value="23:59"/>
- <span class="input-group-addon">
- <i class="icon-time bigger-110"></i>
- </span>
- </div>
- </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="orderSource1" onchange="select_type(this.options[this.selectedIndex].value)" style="font-size: 12px; width: 120px;">
- <option selected="selected" value="-1" style="font-size: 12px;">渠道类型</option>
- <!--自营 176 分销 177-->
- <option value="176" style="font-size: 12px;">自营</option>
- <option value="177" style="font-size: 12px;">分销</option>
- </select>
- <select id="orderSource2" onchange="select_org(this.options[this.selectedIndex].value)" style="font-size: 12px; width: 120px;">
- <option value="[value]" style="font-size: 12px;">请选择</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">订单状态:</label>
- <div class="col-sm-1" style="width: 70px; padding-right: 2px;" onclick="getList(0,1)">
- <span class="btn" style="font-size: 12px; width: 50px; padding: 3px 6px;">全部<sup id="order_all" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(198,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:7px;">待确认<sup id="order_status1" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(145,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">待支付<sup id="order_status2" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(199,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">待通知<sup id="order_status3" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(200,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">待安排<sup id="order_status4" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(218,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">已安排<sup id="order_status5" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(147,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">已完成<sup id="order_status6" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(148,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">已取消<sup id="order_status7" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </div>
- <div class="col-sm-1" style="width: 70px; padding-left: 2px; padding-right: 2px;" onclick="getList(201,1)">
- <span class="btn" style="font-size: 12px;width: 50px; padding: 3px 6px; margin-left:5px;">退改中<sup id="order_status8" style="display: block;font-size: 8px;text-shadow: 1px 1px 1px #672020;"></sup></span>
- </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 style="font-size: 12px; width: 90px;">
- <option value="0" 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-group">
- <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px;">更多查询:</label>
- <div class="col-sm-3">
- <input id="select_condition" class="form-control" type="text" style="font-size: 12px; height:30px;" placeholder=" 订单号 / 客人姓名 / 客人电话"/>
- </div>
- <div class="col-sm-1" style="padding-left: 2px; padding-right: 2px;">
- <span id="select_btn" class="btn" style="font-size: 12px; height:30px;">查询</span>
- </div>
- <!--<div class="col-sm-1" style=" padding-left: 2px; padding-right: 2px;">
- <span id="explorer_excel" class="btn" style="font-size: 12px;">导出订单信息</span>
- </div>-->
- </div>
- </form>
- </div>
- <div class="row">
- <div>
- <div class="table-responsive" style="width: 1200px;">
- <table id="hotel_order_list" class="table table-striped table-bordered table-hover">
- <thead>
- <tr>
- <th class="center" style="width: 30px;"><label><input onclick="select_checked()" class="ace" type="checkbox"><span class="lbl"></span></label></th>
- <th style="width: 90px;">订单编号</th>
- <th style="width: 120px;">下单时间</th>
- <th style="width: 160px;">订单渠道</th>
- <th style="width: 300px;">预订产品</th>
- <th style="width: 160px;">供应商</th>
- <th style="width: 100px;">客人信息</th>
- <th style="width: 100px;">订单金额</th>
- <th style="width: 100px;">采购成本</th>
- <th style="width: 100px;">状态</th>
- </tr>
- </thead>
- <tbody id="list">
- <tr style="display: none;">
- <td class="center" style="vertical-align: middle;width: 30px;"><label><input class="ace" type="checkbox"><span class="lbl"></span></label></td>
- <td style="vertical-align: middle;width: 90px;color: #428bca;"><a target="_blank" href="hotelWaitConfirm.html?order_id=[order_id1]" style="cursor: pointer;">[订单编号]</a></td>
- <td style="vertical-align: middle;width: 120px;">[下单时间]</td>
- <td style="vertical-align: middle;width: 120px;">[订单渠道]</td>
- <td style="vertical-align: middle;width: 200px;">
- <div><a target="_blank" href="change_hotel.html?productId=[order_id2]" style="cursor: pointer;">[预订产品酒店房型]</a></div>
- <div style="margin-top: 5px;">[预订产品酒店详情]</div>
- </td>
- <td style="vertical-align: middle;width: 100px;">[供应商]</td>
- <td style="vertical-align: middle;width: 100px;">
- <div>[客人信息姓名]</div>
- <div style="margin-top: 5px;">[客人信息电话]</div>
- </td>
- <td style="vertical-align: middle;width: 100px;">¥ [订单金额]</td>
- <td style="vertical-align: middle;width: 100px;">¥ [采购成本]</td>
- <td style="vertical-align: middle;width: 100px;">[状态]</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <div id="page"></div>
- </div>
- <!--
- 作者:fuhongcheng_fhc@163.com
- 时间:2016-06-06
- 描述:酒店订单列表
- -->
- </div>
- </body>
-
- <script type="text/javascript">
- $('.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();});
- </script>
- <!--<script type="text/javascript" src="./js/master.js"></script>-->
- </html>
|