nizongfeng
/
zzcx_line

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta HTTP-EQUIV="pragma" 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.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">
    <script type="text/javascript" src="./js/jquery-2.0.3.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 type="text/javascript" src="./js/Page.js"></script>
    <script type="text/javascript" src="./js/hotelWaitConfirm.js"></script>

    <script src="js/bootbox.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<style type="text/css">
    #topchart {
        width: 1200px;
        height: 210px;
        border: 1px solid lightgrey;
        margin-top: 40px;
        overflow: hidden;
    }

    #chartLeftSpan {
        border: 1px solid lightgrey;
        width: 280px;
        height: 208px;
        overflow: hidden;
        float: left;
    }

    #chartRightSpan {
        border: 1px solid lightgrey;
        width: 916px;
        height: 208px;
        overflow: hidden;
        float: left;
    }

    #orderDetail {
        width: 918px;
        height: 150px;
        overflow: hidden;
    }

    #orderCount {
        margin-top: 0px;
        width: 916px;
        height: 44px;
    }

    .notifacation {
        width: 100px;
        height: 28px;
        border: 1px solid lightgray;
        margin-top: 10px;
        margin-left: 20px;
        text-align: center;
        display: inline-block;
        line-height: 24px;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: none;
    }

    .table thead > tr > th,
    .table tbody > tr > th,
    .table tfoot > tr > th,
    .table thead > tr > td,
    .table tbody > tr > td,
    .table tfoot > tr > td {
        line-height: 30px;
        padding: 0px;
        padding-bottom: 8px;
        padding-top: 8px;
        /*line-height: 1.428571;*/
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .editable-click {
        border: 0px solid gray;
    }

    .profile-user-info-striped .profile-info-value {
        border-top: 0px dotted #dcebf7;
        padding-left: 12px;
    }

    .profile-user-info-striped {
        border: 0px solid #dcebf7;
    }

    .profile-info-value {
        padding: 6px 4px 6px 6px;
        margin-left: 120px;
        /*border-top: 1px dotted #d5e4f1;*/
        border-top: 0px dotted #d5e4f1;
    }

    .profile-info-name {
        position: absolute;
        width: 125px;
        text-align: right;
        padding: 6px 10px 6px 0;
        left: 0;
        top: 0;
        bottom: 0;
        font-weight: normal;
        color: #667e99;
        background-color: transparent;
        /*border-top: 1px dotted #d5e4f1;*/
        border-top: 0px dotted #d5e4f1;
    }

    tbody > tr {
        border-bottom: 1px dashed #DDDDDD;
    }

    tbody > tr:last-child {
        border-bottom: 1px solid #DDDDDD;
    }

    #tr_final > td {
        font-weight: 700;
    }

    th,
    td {
        text-align: center;
    }

    .cir_ul > li {
        margin: 0 auto;
        text-align: center;
    }
</style>
<script src="js/jquery.cookie.js"></script>
<!--<script src="js/xm.js"></script>-->
<!--<script>-->
<!--login();-->
<!--</script>-->
<body style="font-size: 12px;">
<!--<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;">&nbsp;<span id="version_txt"></span></sub>
        </a>
    </div>
</div>

<div class="warp clearfix" id="show_html" style="display: none">
    <div class="control-bar" ></div>
    <div class="control-show" style="float: left;">-->
<!--
作者：luocj
时间：2016-09-14
描述：订单详情
-->
<div class="hotelWaitConfirm" style="width: 1225px;margin-left: 20px;">
    <div class="top" style="font-size: 20px;">
        <div style="font-size: 20px;">订单详情</div>
        <hr style="width: 1200px;margin-top: 20px;"/>
    </div>
    <div id="topchart">
        <div id="chartLeftSpan">
            <div id="orderNo" style="margin-left: 30px;margin-top: 20px;font-size: 10px;color: darkgray;">订 单 号：[订单号]
            </div>
            <div id="ifStay" style="margin-left: 30px;margin-top: 30px;font-size: 18px;">[是否入住]</div>
            <div id="pay_time" style="margin-left: 30px;height: 10px;margin-top: 20px;">
                <!--<img width="10px" height="10px" src="html/images/aa.jpg"/>支付剩余时间：14 分 55 秒--></div>
            <div id="orderCome" style="margin-top:30px ;margin-left: 30px;font-size: 10px;">订单来源：[分销商(上海驴妈妈)]</div>
        </div>
        <div id="chartRightSpan" style=" width: 918px;">
            <div id="orderDetail" style="margin-left: 35px;">
                <div id="commitOrder" style="float: left;">
                    <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">
                        <li id="one_cir"
                            style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;"></li>
                        <li id="one_statu" style="margin-top: 10px;">提交订单</li>
                        <li id="one_date" style="margin-top: 10px;"></li>
                        <li id="one_time"></li>
                    </ul>
                </div>
                <div id="" style="float: left;  margin-left: 60px;">
                    <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">
                        <li id=""
                            style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>
                        <li id="" style="margin-top: 10px;">付款成功</li>
                        <li id="" style="margin-top: 10px;"></li>
                        <li id="" style="margin-left: 5px;"></li>
                    </ul>
                </div>

                <div id="affirmOrder" style="float: left;  margin-left: 60px;">
                    <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">
                        <li id="three_cir"
                            style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>
                        <li id="three_statu" style="margin-top: 10px;">已发单</li>
                        <li id="three_date" style="margin-top: 10px;"></li>
                        <li id="three_time" style="margin-left: 5px;"></li>
                    </ul>
                </div>

                <div id="" style="float: left;  margin-left: 60px;">
                    <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">
                        <li id=""
                            style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>
                        <li id="" style="margin-top: 10px;">已安排</li>
                        <li id="" style="margin-top: 10px;"></li>
                        <li id="" style="margin-left: 5px;"></li>
                    </ul>
                </div>

                <div id="" style="float: left;  margin-left: 60px;">
                    <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">
                        <li id=""
                            style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>
                        <li id="" style="margin-top: 10px;">已完成</li>
                        <li id="" style="margin-top: 10px;"></li>
                        <li id="" style="margin-left: 5px;"></li>
                    </ul>
                </div>

                <div>

                </div>
            </div>
            <div style=" margin-left: 35px; border: 1px dashed lightgray ;width: 844px;"></div>
            <div id="orderCount">
                <span id="" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation"
                      style="cursor: pointer;margin-left: 35px;">短信通知：[a]条</span>
                <span id="" onclick="" name="重发"
                      style="border-radius: 6px;margin-top: 10px; cursor: pointer; margin-left: 4px; width: 30px; height: 22px; display: inline-block; line-height: 20px; text-align: center;background-color: lightgray;">重发</span>
                <span id="" onclick="" name="酒店确认单" class="notifacation" style="cursor: pointer;">酒店确认单</span>
            </div>
        </div>
    </div>
    <div class="bookingInfo">
        <p style="margin-top: 16px;"><b>预订信息</b></p>
        <hr/>
        <div class="tabbable">
            <div class="profile-user-info profile-user-info-striped">
                <div class="profile-info-row">
                    <div class="profile-info-name" style="background-color: white;">酒店名称：</div>
                    <div class="profile-info-value">
                        <span class="editable editable-click" id="">[酒店名称]</span>
                    </div>
                </div>
                <div class="">
                    <div class="profile-info-row">
                        <div class="profile-info-name" style="background-color: white;">产品名称：</div>
                        <div class="profile-info-value">
                            <span class="editable editable-click" id="">[产品名称]</span>
                        </div>
                    </div>
                </div>
                <div class="profile-info-row">
                    <div class="profile-info-name" style="background-color: white;">入住日期：</div>
                    <div class="profile-info-value">
                        <span class="editable editable-click" id="ruzhu_date">[开始日期]&nbsp;&nbsp;-&nbsp;&nbsp;[结束日期]&nbsp;&nbsp;&nbsp;共&nbsp;[num]&nbsp;晚，[hour]时最晚到店</span>
                        <div id="pagination" class="row">
                            <div class="col-xs-12">
                                <div class="table-responsive">
                                    <table id="sample-table-1" class="table table-striped table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th>入住日期</th>
                                            <th>数量</th>
                                            <th width="120px">结算价</th>
                                            <th>结算价总额</th>
                                            <th>销售利润</th>
                                        </tr>
                                        </thead>
                                        <tbody id="booking_list">
                                        <tr id="tr_booking_one">
                                            <td>[入住日期]</td>
                                            <td>[数量]</td>
                                            <td>[结算价]</td>
                                            <td>[结算价总额]</td>
                                            <td>[销售利润]</td>
                                        </tr>
                                        <tr id="tr_booking_final">
                                            <td>总计：</td>
                                            <td></td>
                                            <td></td>
                                            <td>[结算价金额]</td>
                                            <td>[销售利润]</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--客人信息-->
    <div style="font-weight:bold;">客人信息</div>
    <hr style="width: 1200px;margin-top: 20px;"/>
    <div class="guest" style="width: 300px;margin-left: 82px;background-color: lightgray;padding: 10px 20px 10px 20px;">
        <p id="cust_name">[客人姓名]</p>
        <p id="cust_phone">[客人电话]</p>
    </div>
    <!--添加订单备注-->
    <div style="width: 530px;padding-bottom: 20px;padding-top:20px;border-radius: 5px;overflow: hidden;">
        <span style="width:48px;display: inline-block;text-align: center;font-weight:bold;">添加备注</span>
        <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>
        <div class="profile-info-row">
            <div class="profile-info-name" style="background-color: white; margin-left: -45px;">内部备注：</div>
            <div class="profile-info-value">
                <span class="editable editable-click" id="hotel_room"></span>
                <textarea id="or_remark_txt" style="width: 300px; height: 60px; margin-left: -45px;"></textarea>
            </div>
            <div style="margin-left: 100px;">
                <span id="btn_comment_submit"
                      style="cursor: pointer; width: 102px; height: 30px; line-height: 31px; text-align: center; background-color: lightgray; display: inline-block; border-radius: 11px; margin-left: 32px;">保存为内部备注</span>
            </div>
            <div class="profile-info-name" style="background-color: white; margin-top: 105px; margin-left: -45px;">
                外部备注：
            </div>
            <div class="profile-info-value">
                <span class="editable editable-click" id="hotel_room"></span>
                <textarea id="or_remark_txt" style="width: 300px; height: 60px; margin-left: -45px;"></textarea>
            </div>
            <div style="margin-left: 100px;">
                <span id="btn_comment_submit"
                      style="cursor: pointer; width: 102px; height: 30px; line-height: 31px; text-align: center; background-color: lightgray; display: inline-block; border-radius: 11px; margin-left: 32px;">保存供应商备注</span>
            </div>
        </div>
        <hr style="width: 1200px;margin-top: 20px;"/>

        <!--</div>-->
        <!--添加订单备注 end-->
        <!--短信通知-->
        <div class="info_noti"
             style="display: none;width: 530px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;">
            <span style="width:76px;display: inline-block;text-align: center;">短信通知</span>
            <!--<span id="send_info" onclick="click_two_show_div('.info_noti','.sendMessage')" style="cursor: pointer;width: 76px;display: inline-block;text-align: center;background-color: lightgray;">+&nbsp;发短信</span>-->
            <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>
            <div id="pagination" class="row">
                <div class="col-xs-12">
                    <div class="table-responsive" style="width: 490px;margin: 0 auto;">
                        <table width="490px" id="sample-table-1" class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                <th width="290px">内容</th>
                                <th width="80px">操作人</th>
                                <th width="120px">发送时间</th>
                            </tr>
                            </thead>
                            <tbody id="ht_send_message_list">
                            <tr id="ht_tr_mes_one" style="display: none;">
                                <!--手机号：短信内容-->
                                <td style="text-align: left;">[内容]</td>
                                <td>[操作人]</td>
                                <td>[发送时间]</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                </div>
                <!-- /span -->
            </div>
            <!--row end-->
            <span id="btn_shutdown" onclick="click_cancel(null,'.info_noti')"
                  style="cursor:pointer;margin-left:210px;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: lightgray;display: inline-block;border-radius: 3px;">关闭</span>
        </div>
        <!--短信通知 end-->
        <!--发送短信-->
        <div class="sendMessage"
             style="display:none;width: 530px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;overflow: hidden;">
            <span style="width:76px;display: inline-block;text-align: center;">发短信</span>
            <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>
            <div class="profile-info-row">
                <div class="profile-info-name" style="background-color: white;">手机号：</div>
                <div class="profile-info-value">
                    <span class="editable editable-click" id=""></span>
                    <input id="send_mobile" style="width: 300px;" value=""/>
                </div>
            </div>
            <div class="profile-info-row">
                <div class="profile-info-name" style="background-color: white;">内&nbsp;&nbsp;&nbsp;&nbsp;容：</div>
                <div class="profile-info-value">
                    <span class="editable editable-click" id=""></span>
                    <textarea id="or_send_mes_txt" style="width: 300px;height: 60px;"></textarea>
                </div>
            </div>
            <hr style="width: 1200px;margin-top: 20px;"/>
            <div style="margin-left: 100px;">
                <span id="btn_message_submit"
                      style="cursor:pointer;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: gray;display: inline-block;border-radius: 3px;">提交</span>
                <!--<span id="btn_shutdown" onclick="click_cancel(null,'.sendMessage')" style="cursor:pointer;margin-left:10px;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: lightgray;display: inline-block;border-radius: 3px;">关闭</span>-->
            </div>
        </div>
        <!--发送短信 end-->
        <!--酒店通知单-->
        <div class="order_attachment"
             style="display: none;width: 430px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;overflow: hidden;">
            <span style="width:76px;display: inline-block;text-align: center;">订单附件</span>
            <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>
            <div id="pagination" class="row">
                <div class="col-xs-12">
                    <div class="table-responsive" style="width: 390px;margin: 0 auto;">
                        <table width="390px" id="sample-table-1" class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                <th width="290px">文件名称</th>
                                <th width="100px">类型</th>
                            </tr>
                            </thead>
                            <tbody id="hotelList">
                            <tr id="tr_one">
                                <td>酒店通知单7567657</td>
                                <td>酒店通知单</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                </div>
                <!-- /span -->
            </div>
            <!--row end-->
        </div>
        <!--订单附件 end-->
        <hr style="margin-top: 20px;"/>

    </div>
    <div class="mask" onclick="hide_all()"
         style="display: none;top: 0;left: 0;margin: 0px;padding: 0px;width: 100%;height: 100%;position: absolute;z-index: 2;background: #000000;opacity: 0.5;"></div>
</div>
<!--</div>
</div>-->
</body>
<!--<script src="js/master.js" type="text/javascript" charset="utf-8"></script>-->
<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/xm.js"></script>
<script src="js/master.js" type="text/javascript" charset="utf-8"></script>
<script>
    login();
</script>-->

</html>