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;
    }
    .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
    }
</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> 蜘蛛行供应商管理系统
        </a>
    </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;margin-left: 10px;margin-top: 10px">-->
    	<div style="margin-left: 10px;margin-top: 10px" id="">
        <div style="margin-left: 10px;margin-top: 10px">
            <!--头部订单信息与操作日志-->
            <div style="border-bottom:1px solid lightgray">
                <span id="detail" style="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="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>
        </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" id="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" id="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" id="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" id="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" id="step5">
                            <span class="step">5</span>
                            <span id="may_cancel" 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 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">酒店名称：</span>
                    <span style="display: inline-block;" id="hotel_name">[酒店名称]</span>
                </div>
                <div style="margin-top: 20px">
                    <span style="width: 70px;display: inline-block">产品名称：</span>
                    <span id="product_name">[产品名称]</span>
                </div>
                <div style="margin-top: 20px">
                    <span style="width: 70px;display: inline-block">入住日期：</span>
                    <label type="text" id="start_date">[入住日期]</label>
                    <span>-</span>
                    <label type="text" id="end_date" >[入住日期]</label>
                    <span style="display: inline-block;margin-left: 10px" id="datediff">共 0 晚</span>
                    <label style="margin-left: 10px" id="time"></label>
                    <span>最晚到店</span>
                </div>
                <div style="margin-top: 20px">
                    <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>
                        </tr>
                        </thead>
                        <tbody id="make_order_list">
                        <tr class="order_list">
                            <td class='checkin_date'>[入住日期]</td>
                            <td>[数量]</td>
                            <td>[结算价]</td>
                            <td class='sum_price'>[结算价总额]</td>
                        </tr>
                        </tbody>
                        <tr style="height: 35px;">
                            <td style="width: 150px;font-weight: bold">总计</td>
                            <td style="width: 100px;"></td>
                            <td style="width: 100px;font-weight: bold"></td>
                            <td id="benefit" 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>
                    <label id="contacts" type="text" >[联系人]</label>
                </div>
                <div style="margin-top: 20px">
                    <span style="width: 70px;display: inline-block;text-align: right">联系方式：</span>
                    <label id="phone" type="text" >[联系方式]</label>
                </div>
                <div style="margin-top: 20px" class="note">
                    <span style="width: 70px;display: inline-block;text-align: right;vertical-align: top">订单备注：</span>

                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/htCommon.js"></script>
<script type="text/javascript" src="js/outside_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>