|
- <!--date:20171123-->
- <!--create:fuhc-->
- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <title>订单详情</title>
- <link rel="stylesheet" href="css/main.css" />
- <link rel="stylesheet" href="css/ui-base.css" />
- <link rel="stylesheet" href="css/ui-box.css" />
- <link rel="stylesheet" href="css/ui-color.css" />
- <style type="text/css">
- .bg_white{
- background: #fff;
- }
- .txt_left{
- color:#80889a;
- width:0.56rem;
- font-size:0.14rem;
- }
- .txt_right{
- color:#2b3857;
- font-size:0.14rem;
- margin-left:0.22rem;
- }
- .center_one_line{
- padding-top:0.13rem;padding-bottom:0.14rem;
- }
- .center_one_line:not(:last-child){
- border-bottom: 1px solid #e5e5e5;
- }
- </style>
- </head>
-
- <body class="bg_color" style="display: none;">
-
- <div class="ub ub-ver" style="padding-bottom:0.2rem;">
- <!--状态-->
- <div class="ub ub-ac bg_white order_status" style="border-bottom: 1px solid #e5e5e5;">
- <div style="padding-top:0.04rem;">
- <div class="ub status_icon" style="background-image: url('images/order/dai_fu_kuan.png');width: 0.24rem;height: 0.24rem;background-size: 100% 100%;background-repeat: no-repeat;margin-left:0.2rem;"></div>
- </div>
- <div class="ub status_desc" style="padding-top:0.22rem;padding-bottom:0.17rem;font-size:0.18rem;color:#2b3857;margin-left:0.09rem;">待付款</div>
- </div>
-
- <!--预订人信息-->
- <div class="ub ub-ver bg_white" style="margin-top:0.08rem;border-bottom: 1px solid #e5e5e5;">
- <div class="ub txt_deep_color" style="padding-top:0.13rem;padding-bottom:0.14rem;padding-left:0.2rem;border-bottom: 1px solid #e5e5e5;">预订人信息</div>
- <div class="ub ub-ver" style="padding-left:0.2rem;">
- <div class="ub center_one_line">
- <div class="ub txt_left">姓名</div>
- <div class="ub txt_right contacts_name">王小二</div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">联系电话</div>
- <div class="ub txt_right contacts_phone">15821387785</div>
- </div>
- </div>
- </div>
-
- <!--订单信息-->
- <div class="ub ub-ver bg_white" style="margin-top:0.08rem;border-bottom: 1px solid #e5e5e5;">
- <div class="ub" style="padding-top:0.13rem;padding-bottom:0.14rem;padding-left:0.2rem;border-bottom: 1px solid #e5e5e5;">订单信息</div>
- <div class="ub ub-ver" style="padding-left:0.2rem;">
- <div class="ub order_name center_one_line" style="font-size:0.14rem;color:#2b3857;padding:0.11rem 0;">中星群大酒店 - 迪士尼乐园</div>
- <div class="ub ub-ver prod_arr" style="border-bottom: 1px solid #e5e5e5;">
- <div class="ub center_one_line">
- <div class="ub txt_left">成人票</div>
- <div class="ub txt_right"> x 4</div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">成人票</div>
- <div class="ub txt_right"> x 4</div>
- </div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">实付</div>
- <div class="ub txt_right shifu_money">210-30=180元</div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">佣金</div>
- <div class="ub txt_right commission">30元</div>
- </div>
- </div>
- </div>
-
- <!--订单编号 -->
- <div class="ub ub-ver bg_white order_log" style="margin-top:0.08rem;border-bottom: 1px solid #e5e5e5;padding-left:0.2rem;">
- <div class="ub center_one_line">
- <div class="ub txt_left">订单编号</div>
- <div class="ub txt_right">123456</div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">创建时间</div>
- <div class="ub txt_right">2017-11-20 17:55:21</div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">改价时间</div>
- <div class="ub txt_right">2017-11-20 17:55:21</div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">支付时间</div>
- <div class="ub txt_right">2017-11-20 17:55:21</div>
- </div>
- <div class="ub center_one_line">
- <div class="ub txt_left">佣金结算</div>
- <div class="ub txt_right">2017-11-20 17:55:21</div>
- </div>
- </div>
-
- </div>
-
- <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/main.js?v=2.2&t=201705081438" type="text/javascript" charset="utf-8"></script>
- <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/order_detail.js" type="text/javascript" charset="utf-8"></script>
- </body>
-
- </html>
|