|
- <!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" type="text/css" href="css/ui-box.css"/>
- <link rel="stylesheet" type="text/css" href="css/ui-base.css"/>
- <link rel="stylesheet" type="text/css" href="css/ui-color.css"/>
- <link rel="stylesheet" type="text/css" href="css/main.css"/>
- <link rel="stylesheet" href="css/wechat.min.css" />
- <link rel="stylesheet" type="text/css" href="css/fx_css/fill_order.css"/>
- <style type="text/css">
- .mod_fil {
- -webkit-filter: blur(6px);
- filter: blur(6px);
- }
- </style>
- </head>
- <body class="bg_color" style="display: none;">
- <div class="ub ub-ver container-div">
- <!--票信息-->
- <div class="ub ub-ver lightgreen_color box_sha">
- <!--<div class="ui_p_l20 ui_p_r20 ui_p_t15 ui_p_b15 ulev1 text_c_2b">中星君廷大酒店 - 迪士尼乐园</div>-->
-
- <div class="ui_p_l20 ui_p_r20 text_c_80 ui_p_t15 go_time">去程:</div>
- <div class="ui_p_l20 ui_p_r20 text_c_2b ulev1 ui_m_b15 go_pro"></div>
- <div class="back_info">
- <div class="ui_p_l20 ui_p_r20 text_c_80 back_time">返程:</div>
- <div class="ui_p_l20 ui_p_r20 text_c_2b ulev1 ui_m_b15 back_pro"></div>
- </div>
- <div class="text_c_80 ui_p_l20 ui_p_r20 ">乘车人数</div>
- <div class="ui_p_l20 ui_p_r20 ui_p_b15" id="person_count">
- <!--<span class="text_c_2b ulev1">2</span>
- <span class="text_c_2b ulev1 ui_m_r05">成人</span>
- </br>
- <span class="text_c_2b ulev1">1</span>
- <span class="text_c_2b ulev1">儿童</span>-->
- </div>
- </div>
- <!--乘客信息-->
- <div class="ub ub-ver lightgreen_color ui_p_l20 ui_p_r20 ui_m_t08 box_sha " style="margin-bottom: 0.8rem;">
- <div class="ui_p_t15 text_c_80">预订人</div>
- <div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
- <input id="contacts_name" style="width: 100%;" class="ulev1 text_c_2b" type="text" value="" placeholder="必填,姓名" />
- </div>
- <div class="ui_p_t15 text_c_80">预订人手机号</div>
- <div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
- <input id="contacts_phone" maxlength="11" style="width: 100%;" class="ulev1 text_c_2b" type="tel" placeholder="必填,用于接收预订短信" onkeyup="this.value=this.value.replace(/[^0-9Xx]/g,'')" onafterpaste="this.value=this.value.replace(/[^0-9Xx]/g,'')"/>
- </div>
- <!--<div class="ui_p_t15 text_c_80">请选择支付方式:</div>
-
- <div class="ub ub-ac ui_m_b20 ui_m_t10">
- <div style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay ui_m_r10" id="wx_pay">
- <div class="pay_w_icon_sel p_wx"></div>
- <div class="ui_m_l10">
- <div class="ulev1 text_c_2b">微信支付</div>
- <div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">Wechat Payment</div>
- </div>
- </div>
- <div style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay_un ui_m_l10" id="ali_pay">
- <div class="pay_z_icon_unsel p_ali"></div>
- <div class="ui_m_l10">
- <div class="ulev1 text_c_2b">支付宝</div>
- <div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">ALIPAY</div>
- </div>
- </div>
- </div>-->
- </div>
- <!--金额、结算-->
- <div class="go_pay" style="box-shadow: 0 -1px 19px 0 rgba(100, 150, 255, 0.15);">
- <div class="ub">
- <div style="width: 1%;" class="ub ub-f1 ub-pc ub-ac ui_p_t10 ui_p_b10 lightgreen_color">
- <span class="ulev1 text_c_2b">金额:¥</span>
- <span id="total_price" class="ulev1 text_c_2b"></span>
- </div>
- <div style="width: 1%;" class="ub ub-f1 ub-pc ub-ac ui_p_t10 ui_p_b10 ulev4 bg_c_2d white_color" id="go_settlement">去结算</div>
- </div>
- </div>
- </div>
-
- <!--转圈圈-->
- <div id="loadingToast" class="weui_loading_toast" style="display: none;">
- <div class="weui_mask_transparent"></div>
- <div class="weui_toast">
- <div class="weui_loading">
- <img style="width: 0.4rem;" src="images/loading2.gif"/>
- </div>
- <p class="weui_toast_content">提交中...</p>
- </div>
- </div>
- <!--支付弹框-->
- <!--<div style="display: none;" class="model">
- <div class="model_box">
- <div class="ub ub-ver">
- <div class="ub ub-ac bor_b_e5">
- <div class="ub-f1 ui_p_l15 ui_p_t12 ui_p_b12">
- <span class="ulev1 text_c_2b">支付金额:¥</span>
- <span class="ulev1 text_c_2b" id="pay_money">0</span>
- </div>
- <div id="close_cha" class="ui_p_r15 ui_p_l15 ui_p_b14 ui_p_t14" style="display: none;">
- <div class="search_r"></div>
- </div>
- </div>
- <div class="ub ub-ver ui_p_t20 ui_p_b20 ui_p_r15 ui_p_l15">
- <div class="ub ub-ac">
- <div class="pay_type weixin ui_m_r05"></div>
- <div class="qr_pay_type ub-f1 text_c_80">微信扫码支付:</div>
- </div>
- <div class="ub ub-pc ui_m_a05">
- <img id="qr_code_img" style="width: 1.32rem;height: 1.32rem;" src="images/base.png"/>
- </div>
- <div style="margin-top: -0.05rem;" class="ub ub-pc ui_m_b15">
- <!--<span class="text_c_ef">30</span><span class="text_c_ef">秒后</span>-->
- <!--<span class="text_c_80">请<span style="color: #ef5b4c;">扫一扫</span>二维码进行支付</span>
- </div>
- </div>
- </div>
- </div>
- </div>-->
- <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
- <script src="js/main.js?v=201703311607" type="text/javascript" charset="utf-8"></script>
- <script src="js/fill_order.js?v=2.2.1&t=201705051716" type="text/javascript" charset="utf-8"></script>
- </body>
- </html>
|