<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <title>蛛蛛行供应商管理系统-酒店订单列表</title>
    <link rel="stylesheet" type="text/css" href="./css/ace.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/bootstrap/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" href="css/new_page.css"/>
    <style>
        .middle {
            border: 2px solid lightgray;
            width: 1000px;
            height: 180px;
            margin-left: 40px;
            margin-top: 25px;
        }

        .search_btn {
            width: 80px;
            height: 28px;
            display: inline-block;
            line-height: 30px;
            border: 1px solid rgb(204, 204, 204);
            text-align: center;
            background-color: lightgray;
            cursor: pointer;
            margin-left: 20px;
        }

        .circle {
            border: 1px solid gray;
            position: relative;
            width: 23px;
            height: 15px;
            color: #3D434F;
            border-radius: 8px;
            display: inline-block;
            left: 40px;
            top: -33px;
            text-align: center;
            background-color: #fff;
            line-height: 16px;
            font-size: 10px;
        }

        .zzcx_logout:hover {
            color: #5e5e5e;
            text-decoration: none;
        }

        .zzcx_logout {
            text-decoration: none;
        }

        .icon-signout:hover {
            color: white !important;
        }

        .navbar-collapse a.navbar-brand {
            padding-right: 4px;
            font-size: 20px;
        }

        .navbar-collapse i.navbar-brand {
            padding-left: 0;
            font-size: 20px;
        }

        .navbar-header a {
            padding-top: 14px !important;
        }

        .navbar-brand {
            padding: 4px;
        }

        .collapse {
            padding-top: 6px
        }
        .tooltip-error{
            width: 100%;
            background-color: red;
            color: ghostwhite;
            text-align: center;
            font-size: 1.5em;
            padding: 1em;
        }
        .tooltip-error a{
            color: #1414a0;
        }
    </style>
</head>
<body>
<div class="tooltip-error">新酒店后台系统已经发布,旧版本已经在20号停止使用。请收藏新系统地址 <a onclick="window.open('http://hotel.zhizhuchuxing.com')" >http://hotel.zhizhuchuxing.com</a></div>
<!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
    <div class="navbar-header ">
        <span href="#" class="navbar-brand">
            <i class="icon-leaf"></i> 蜘蛛行供应商管理系统
        </span>
    </div>
    <div class="collapse navbar-collapse" ><span class="navbar-right " ><a href="javascript:logout();" class="zzcx_logout navbar-brand" style="color: white">退出 </a><i class="icon-signout navbar-brand"></i> </span> </div>
</div>
<div class="warp clearfix">
    <div class="control-bar"></div>
    <div class="control-show" style="float: left;">-->
<div id="" style="display: none">
    <!--最上一栏-->
    <div>
        <div class="middle">
            <div class="first">
                <div style="margin-top: 25px;margin-left: 20px">
                    <span style="display: inline-block;">时间范围:</span>
                    <select style="width: 85px; height: 30px; margin-top: 5px;margin-left: 5px;display: inline-block;cursor: pointer"
                            id="date_type">
                        <!--<option value="0" selected="selected" style="font-size: 12px;">所有日期</option>-->
                        <option value="1" selected="selected" style="font-size: 12px;">预订日期</option>
                        <option value="2" style="font-size: 12px;">入住日期</option>
                        <option value="3" style="font-size: 12px;">离店日期</option>
                    </select>
                    <input type="text" id="start_date" class="Wdate"
                           style="height: 30px; width: 100px;display: inline-block;margin-left: 10px"
                           name="begin"
                           onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
                    <span>-</span>
                    <input type="text" id="end_date" class="Wdate"
                           style="height: 30px; width: 100px;display: inline-block"
                           name="end"
                           onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
                    <span id="today" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 10px;">今日</span>
                    <span id="yesterday" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 10px;"
                          onclick="">昨日</span>
                    <span id="thisweek" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 10px;">本周</span>
                    <span id="thismonth" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 10px;">本月</span>
                    <!--<span style="display: inline-block;margin-left: 30px;">酒店城市:</span>-->
                    <!--<select id="province"-->
                    <!--style="width: 100px; height: 30px; margin-top: 5px;display: inline-block;;cursor: pointer">-->
                    <!--<option value="0" selected="selected" style="font-size: 12px;">选择省</option>-->
                    <!--</select>-->
                    <!--<select id="city"-->
                    <!--style="width: 100px; height: 30px; margin-top: 5px;display: inline-block;;cursor: pointer">-->
                    <!--<option value="0" selected="selected" style="font-size: 12px;">选择市</option>-->
                    <!--</select>-->
                    <!--<span style="display: inline-block; margin-top: 5px;;margin-left: 30px">酒店名称:</span>-->
                    <!--<input type="text" id="hotel_name" placeholder="输入关键字" style="width: 100px; height: 30px"/>-->
                </div>
                <!--状态栏-->
                <div style="margin-top: 25px;margin-left: 20px" id="status">
                    <span style="display: inline-block;vertical-align: top">订单状态:</span>
                    <div style="display: inline-block;width: 65px">
                        <span id="all" class="btn"
                              style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
                              onclick="submit(0,this)">全部</span><span class="circle" id="all_num"></span>

                    </div>
                    <div style="display: inline-block;width: 65px">
                    <span id="sure" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
                          onclick="submit(198,this)">待确认</span><span class="circle" id="sure_num"></span>
                    </div>
                    <div style="display: inline-block;width: 65px">
                    <span id="arrange" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
                          onclick="submit(314,this)">已安排</span><span class="circle" id="arrange_num"></span>
                    </div>
                    <div style="display: inline-block;width: 65px">
                    <span id="finish" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
                          onclick="submit(147,this)">已完成</span><span class="circle" id="finish_num"></span>
                    </div>
                    <div style="display: inline-block;width: 65px">
                    <span id="reback" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
                          onclick="submit(382,this)">退改中</span><span class="circle" id="reback_num"></span>
                    </div>
                    <div style="display: inline-block;width: 65px">
                    <span id="canceling" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
                          onclick="submit(564,this)">待退单</span><span class="circle" id="canceling_num"></span>
                    </div>
                    <div style="display: inline-block;width: 65px">
                        <span id="cancel" class="btn"
                              style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
                              onclick="submit(148,this)">已取消</span><span class="circle" id="cancel_num"></span>
                    </div>
                </div>
                <!--更多查询-->
                <div style="margin-top: 5px;margin-left: 20px">
                    <span style="display: inline-block;">更多查询:</span>
                    <input id="more_search" type="text"
                           style="height: 30px; width: 200px;display: inline-block;font-size: 12px;margin-left: 5px"
                           placeholder="订单号/客人姓名/客人电话"/>
                    <span id="search" class="btn"
                          style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">查询</span>
                    <div style="margin-left:52px;line-height: 27px;font-size: 12px" id="excel"
                         class="search_btn btn-primary" onclick="excel()">导出订单信息
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--表单-->
    <div style="margin-top: 20px;width: 1000px;margin-left: 40px">
        <table id="table" id="" class="table table-striped table-bordered table-hover">
            <thead>
            <tr style="background: lightgrey">
                <!--<th width="35px" class="center">-->
                <!--<label>-->
                <!--<input class="ace" type="checkbox">-->
                <!--<span class="lbl"></span>-->
                <!--</label>-->
                <!--</th>-->
                <th width="100" style="text-align: center">订单编号</th>
                <th width="100" style="text-align: center">预订时间</th>
                <th width="280" style="text-align: center">预订产品</th>
                <th width="100" style="text-align: center">客人信息</th>
                <th width="100" style="text-align: center;font-family: 'Microsoft YaHei',STXihei,MingLiu">金额</th>
                <th width="100" style="text-align: center">状态</th>
                <th style="text-align: center">操作</th>
            </tr>
            </thead>
            <tbody id="order_list" style="display: none">
            <tr id="tr_order">
                <!--<td width="35px" class="center">-->
                <!--<label>-->
                <!--<input class="ace" type="checkbox">-->
                <!--<span class="lbl"></span>-->
                <!--</label>-->
                <!--</td>-->
                <td style="width: 45px;"><a target="_blank"
                                            onclick="open_new_path(this)"
                                            go_path="zz-jd/outside_hotel_order_detail.html?order_id=[order_id]&order_status=[order_status]&org_id=[org_id]&room_type=[room_type]&hotel_id=[hotel_id]">[订单编号]</a>
                </td>
                <td>[预订时间]</td>
                <td>[预订产品]</td>
                <td>[客人信息]</td>
                <td style="font-family: 'Microsoft YaHei',STXihei,MingLiu">[金额]</td>
                <td>[状态]</td>
                <td style="text-align: center">[操作]</td>
            </tr>
            </tbody>
        </table>
        <div class="pageDiv"></div>
    </div>
</div>
</body>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="js/htCommon.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/outside_hotel_order_list.js?v=1.71"></script>


<!--<script type="text/javascript" src="js/xm.js"></script>-->
<!--<script src="js/master.js" type="text/javascript" charset="utf-8"></script>-->
<script>
    //login();
</script>
</html>