You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

fill_order_unbus.html 5.9 KiB

3 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>订单填写</title>
  7. <link rel="stylesheet" type="text/css" href="css/ui-box.css" />
  8. <link rel="stylesheet" type="text/css" href="css/ui-base.css" />
  9. <link rel="stylesheet" type="text/css" href="css/ui-color.css" />
  10. <link rel="stylesheet" type="text/css" href="css/main.css" />
  11. <link rel="stylesheet" type="text/css" href="css/fx_css/fill_order_unbus.css" />
  12. <link rel="stylesheet" href="css/wechat.min.css" />
  13. </head>
  14. <style type="text/css">
  15. .mod_fil {
  16. -webkit-filter: blur(6px);
  17. filter: blur(6px);
  18. }
  19. </style>
  20. <body class="bg_color" style="display: none;">
  21. <div class="ub ub-ver container-div">
  22. <!--票信息-->
  23. <div class="ub ub-ver lightgreen_color box_sha">
  24. <div id="start_date" class="text_c_80 ui_p_l20 ui_p_r20 ui_p_t15">游玩日期:</div>
  25. <div id="pro_cate_name" class="ui_p_l20 ui_p_r20 text_c_2b ulev1 ui_m_b15"></div>
  26. <div class="ui_p_l20 ui_p_r20 text_c_80">游玩人数</div>
  27. <div id="person_count" class="ui_p_l20 ui_p_r20 ui_p_b15">
  28. <!--<span class="text_c_2b ulev1">2</span>
  29. <span class="text_c_2b ulev1 ui_m_r05">成人</span>
  30. <span class="text_c_2b ulev1">1</span>
  31. <span class="text_c_2b ulev1 ui_m_r05">儿童</span>-->
  32. </div>
  33. </div>
  34. <!--乘客信息-->
  35. <div class="ub ub-ver lightgreen_color ui_p_l20 ui_p_r20 ui_m_t08 box_sha" style="margin-bottom: 1rem;">
  36. <div class="ui_p_t15 text_c_80">预订人</div>
  37. <div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
  38. <input id="contact_person" style="width: 100%;" class="ulev1 text_c_2b" type="text" value="" placeholder="必填,姓名" />
  39. </div>
  40. <div class="ui_p_t15 text_c_80">预订人手机号</div>
  41. <div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
  42. <input id="contact_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,'')"/>
  43. </div>
  44. <div class="ui_p_t15 text_c_80">身份证号</div>
  45. <div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
  46. <input id="contact_cardId" style="width: 100%;" class="ulev1 text_c_2b" type="text" placeholder="请填写身份证号" onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
  47. </div>
  48. <!--<div class="ui_p_t15 text_c_80">请选择支付方式:</div>
  49. <div class="ub ub-ac ui_m_b20 ui_m_t10">
  50. <div id="wx_pay" style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay ui_m_r10">
  51. <div class="pay_w_icon_sel p_wx"></div>
  52. <div class="ui_m_l10">
  53. <div class="ulev1 text_c_2b">微信支付</div>
  54. <div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">Wechat Payment</div>
  55. </div>
  56. </div>
  57. <div id="ali_pay" style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay_un ui_m_l10">
  58. <div class="pay_z_icon_unsel p_ali"></div>
  59. <div class="ui_m_l10">
  60. <div class="ulev1 text_c_2b">支付宝</div>
  61. <div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">ALIPAY</div>
  62. </div>
  63. </div>
  64. </div>-->
  65. </div>
  66. <!--金额、结算-->
  67. <div class="go_pay">
  68. <div class="ub">
  69. <div style="width: 1%;" class="ub ub-f1 ub-pc ub-ac ui_p_t10 ui_p_b10 lightgreen_color">
  70. <span class="ulev1 text_c_2b">金额:¥</span>
  71. <span id="total_balance" class="ulev1 text_c_2b">0</span>
  72. </div>
  73. <div id="go_settlement" style="width: 1%;" class="ub ub-f1 ub-pc ub-ac ui_p_t10 ui_p_b10 ulev4 bg_c_2d white_color">去结算</div>
  74. </div>
  75. </div>
  76. </div>
  77. <!--支付弹框-->
  78. <!--<div style="display: none;" class="model">
  79. <div class="model_box">
  80. <div class="ub ub-ver">
  81. <div class="ub ub-ac bor_b_e5">
  82. <div class="ub-f1 ui_p_l15 ui_p_t12 ui_p_b12">
  83. <span class="ulev1 text_c_2b">支付金额:¥</span>
  84. <span id="pay_money" class="ulev1 text_c_2b">0</span>
  85. </div>
  86. <div id="close_cha" class="ui_p_r15 ui_p_l15 ui_p_b14 ui_p_t14" style="display: none;">
  87. <div class="search_r"></div>
  88. </div>
  89. </div>
  90. <div class="ub ub-ver ui_p_t20 ui_p_b20 ui_p_r15 ui_p_l15">
  91. <div class="ub ub-ac">
  92. <div class="pay_type weixin ui_m_r05"></div>
  93. <div class="qr_pay_type ub-f1 text_c_80">微信扫码支付:</div>
  94. <!--<div class="qr_pay_type ub-f1 text_c_80">微信扫码支付:</div>-->
  95. <!--</div>
  96. <div class="ub ub-pc ui_m_a05">
  97. <img id="qr_code_img" style="width: 1.32rem;height: 1.32rem;" src="images/base.png" />
  98. </div>
  99. <div style="margin-top: -0.05rem;" class="ub ub-pc ui_m_b15">
  100. <span class="text_c_80">请<span style="color: #ef5b4c;">扫一扫</span>二维码进行支付</span>-->
  101. <!--<span id="third_second" class="text_c_ef">30</span><span class="text_c_ef">秒后</span>-->
  102. <!--<span class="text_c_80">此二维码过期</span>-->
  103. <!--</div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>-->
  108. <!--转圈圈-->
  109. <div id="loadingToast" class="weui_loading_toast" style="display: none;">
  110. <div class="weui_mask_transparent"></div>
  111. <div class="weui_toast">
  112. <div class="weui_loading">
  113. <img style="width: 0.4rem;" src="images/loading2.gif"/>
  114. </div>
  115. <p class="weui_toast_content">提交中...</p>
  116. </div>
  117. </div>
  118. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  119. <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
  120. <script src="js/main.js?v=201703311607" type="text/javascript" charset="utf-8"></script>
  121. <script src="js/fill_order_unbus.js?v=2.0.2&t=201706021639" type="text/javascript" charset="utf-8"></script>
  122. </body>
  123. </html>