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" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/master.css">
    <link rel="stylesheet" href="css/ace.min.css">

</head>
<style>
    body {
        background-color: white;
    }

    td {
        text-align: center;
    }

    th {
        text-align: center;
    }

    .main_style {
        width: 500px;
        height: auto;
        border: solid 1px #CCCCCC;
    }

    .frist_style {
        width: 497px;
        height: 50px;
        background-color: #F2F2F2;
    }

    .frist_style_chinese {
        vertical-align: top;
        display: inline-block;
        height: 50px;
        width: 435px;
        line-height: 50px;
        font-family: "微软雅黑";
        margin-left: 15px;
    }

    .frist_style_cha {
        display: inline-block;
        height: 50px;
        width: 46px;
    }

    .frist_style_cha img {
        width: 20px;
        height: 20px;
        margin-top: 15px;
        margin-left: 15px;
    }

    .second_style {
        width: 500px;
        height: 450px;
    }

    .second_style_frist {
        width: 500px;
        height: 30px;
        margin-top: 10px;
    }

    .second_style_main {
        width: 100px;
        height: 30px;
        margin-left: -15px;
        text-align: right;
        display: inline-block;
        line-height: 30px;
        vertical-align: top;
    }

    .second_style_next {
        display: inline-block;
        width: 280px;
        height: 30px;
        margin-left: 5px;
        line-height: 30px;
    }
</style>
<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;">&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;">-->
<div style="margin-left: 10px;margin-top: 10px">
    <!--头部订单信息与操作日志-->
    <div style="border-bottom:1px solid lightgray">
                <span id="detail"
                      style="cursor:pointer;width: 115px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; line-height: 30px; background-color: white; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray;cursor: pointer">订单信息</span>
        <span id="log"
              style="cursor:pointer;width: 115px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; line-height: 30px; background-color: white; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray;cursor: pointer"
        >操作日志</span>
    </div>
    <div style="width: 1200px;height: 200px;border: 1px solid lightgray;margin-top: 30px">
        <span style="display: inline-block;width: 300px;height: 200px;border-right: 1px solid lightgrey;vertical-align: top">
                <p id="order_id" style="color: grey;margin-left: 10px;margin-top: 10px;display: inline-block;"></p>
                <p id="order_status" style="font-size: 20px;margin-left: 10px;margin-top: 10px"></p>
                <p id="make_sure_num" style="margin-left: 10px;margin-top: 20px;"></p>
                <p id="org_name" style="margin-left: 10px;margin-top: 60px;"></p>
        </span>
        <span style="display: inline-block;width: 850px;height: 200px;vertical-align: top">
            <!--中间五个环-->
            <div style="width: 890px;height: 120px">
                <div id="fuelux-wizard" class="row-fluid" data-target="#step-container">
                    <ul class="wizard-steps">
                        <li data-target="#step1">
                            <span class="step">1</span>
                            <span class="title">提交订单</span>
                            <span class="title order_sub_date" id="create_date"></span>
                            <span class="title order_sub_time" id="create_time"></span>
                        </li>
                        <li data-target="#step2">
                            <span class="step">2</span>
                            <span class="title">付款成功</span>
                            <span class="title order_sub_date" id="pay_date"></span>
                            <span class="title order_sub_time" id="pay_time"></span>
                        </li>
                        <li data-target="#step3">
                            <span class="step">3</span>
                            <span class="title">已发单</span>
                            <span class="title order_sub_date" id="send_date"></span>
                            <span class="title order_sub_time" id="send_time"></span>
                        </li>
                        <li data-target="#step4">
                            <span class="step">4</span>
                            <span class="title">已安排</span>
                            <span class="title order_sub_date" id="arr_date"></span>
                            <span class="title order_sub_time" id="arr_time"></span>
                        </li>
                        <li data-target="#step5">
                            <span class="step">5</span>
                            <span class="title">已完成</span>
                            <span class="title order_sub_date" id="finish_date"></span>
                            <span class="title order_sub_time" id="finish_time"></span>
                        </li>
                    </ul>
                </div>
            </div>
            <hr style="width: 80%"/>
            <div>
                <span id="send_message" onclick="showMessage()"
                      style="text-decoration: underline; margin-left: 80px;cursor: pointer">短信通知：[0]条</span>

                <!--蒙板-->
                <div id="mask" style="display: none;position: fixed;left:0;top:0;right:0;bottom:0;opacity: 0;"></div>
                <!--box-->
                <div class="main_style" style="display: none;background: white;z-index: 999999;position: absolute">
                    <!--头部-->
                    <div class="frist_style">
                        <span class="frist_style_chinese">短信通知</span><span class="frist_style_cha"
                                                                           style="cursor: pointer;"> <img
                            src="images/chacha.png" onclick="hideDiv()"/></span>
                    </div>
                    <!--信息-->
                    <div class="second_style" style="overflow: scroll;">
                        <span style="display: inline-block;margin-left: 60px;width: 380px;">[短信内容]</span>
                        <span class="resend_message" data-MSinfo="[内容]"
                              style="display: inline-block; width: 70px; height: 20px;margin-left: 370px; border: 1px solid lightgrey; text-align: center; border-radius: 7px;cursor: pointer">重发</span>
                    </div>
                </div>
                <!--box end-->
                <span style="margin-left: 80px;">酒店确认单：</span>
                <span id="down_record"
                      style="display: inline-block; width: 100px; height: 20px; border: 1px solid lightgrey; text-align: center; border-radius: 7px;cursor: pointer">下载附件</span>
            </div>
        </span>
    </div>
    <div style="margin-top: 30px;margin-left: 25px">
        <div style="font-size: 15px;height: 50px;border-bottom: 1px solid lightgrey">预订信息</div>
        <div style="margin-top: 20px">
            <span style="display: inline-block;width: 70px;text-align: right">酒店名称：</span>
            <span style="display: inline-block;" id="hotel_name"></span>
        </div>
        <div style="margin-top: 20px">
            <span style="width: 70px;display: inline-block;text-align: right">产品名称：</span>
            <span id="product_name"></span>
        </div>
        <div style="margin-top: 20px">
            <span style="width: 70px;display: inline-block;text-align: right">订单渠道：</span>
            <span id="org_name_down" style="display: inline-block"></span>
        </div>
        <div style="margin-top: 20px">
            <span style="width: 70px;display: inline-block;text-align: right">渠道号：</span>
            <span id="org_num" style="display: inline-block"></span>
        </div>
        <div style="margin-top: 20px">
            <span style="width: 70px;display: inline-block;text-align: right">入住日期：</span>
            <span id="start_date"></span>
            <span>—</span>
            <span id="end_date"></span>
            <span style="display: inline-block;margin-left: 10px" id="datediff">共 0 晚</span>
            <span id="lastest_checkin"></span>
            <span style="display: inline-block;margin-left: 10px">最晚到店</span>
        </div>
        <div id="main_table" style="margin-top: 20px;display: none">
            <table class="table table-striped table-bordered table-hover center"
                   style="width: 900px;margin-left: 73px">
                <thead>
                <tr>
                    <th class="center">入住日期</th>
                    <th class="center">数量</th>
                    <th class="center">结算价</th>
                    <th class="center">佣金</th>
                    <th class="center">结算价总额</th>
                    <th class="center">销售利润</th>
                </tr>
                </thead>
                <tbody id="make_order_list">
                <tr class="main_tr">
                    <td>[入住日期]</td>
                    <td>[数量]</td>
                    <td>[结算价]</td>
                    <td class="commision">[佣金]</td>
                    <td class='sum_price'>[结算价总额]</td>
                    <td class="benefit_sum">[销售利润]</td>
                </tr>
                </tbody>
                <tr style="height: 35px;">
                    <td style="width: 150px;font-weight: bold">总计</td>
                    <td style="width: 100px;"></td>
                    <td style="width: 100px;"></td>
                    <td style="width: 100px;"></td>
                    <td id="sum_price" style="width: 100px;font-weight: bold"></td>
                    <td id="sum_profit" style="width: 100px;font-weight: bold"></td>
                </tr>
            </table>
        </div>
        <div style="margin-top: 20px">
            <span style="width: 70px;display: inline-block;text-align: right">联系人：</span>
            <span id="customer_name"></span>
        </div>
        <div style="margin-top: 20px">
            <span style="width: 70px;display: inline-block;text-align: right">联系方式：</span>
            <span id="phone"></span>
        </div>
        <div style="margin-top: 20px;display: none" class="note">
            <span style="width: 70px;display: inline-block;text-align: right;vertical-align: top">订单备注：</span>
            <table class="table table-striped table-hover table-bordered center"
                   style="width: auto;display: inline-block">
                <thead>
                <tr>
                    <th>备注类型</th>
                    <th>备注内容</th>
                    <th>备注人</th>
                    <th>备注时间</th>
                </tr>
                </thead>
                <tbody id="memo_body">
                <tr class="memo_tr" style="height: 35px;">
                    <td>[备注类型]</td>
                    <td>[备注内容]</td>
                    <td>[备注人]</td>
                    <td>[备注时间]</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<!--</div>
</div>-->
</body>

<script type="text/javascript" src="js/htCommon.js"></script>
<script type="text/javascript" src="js/hotel_order_detail.js?v=1"></script>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></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>