nizongfeng
/
ZZWX
1
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
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.
2 Commits
1 Branch
38 MiB
 
 
 
 
 
 
Branch: master
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van 'master'
${ noResults }
ZZWX/public/wechat/fill_order.html

183 regels
11 KiB
Ruw Permalink Blame Geschiedenis 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

  4. 		<meta charset="UTF-8">

  5. 		<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

  6. 		<title>填写订单</title>

  7. 		<link rel="stylesheet" href="css/main.css" />

  8. 		<link rel="stylesheet" href="css/ui-base.css" />

  9. 		<link rel="stylesheet" href="css/ui-box.css" />

  10. 		<link rel="stylesheet" href="css/ui-color.css" />

  11. 		<link rel="stylesheet" href="css/wx_css/fill_order.css" />

  12. 		<link rel="stylesheet" href="css/reset.css" />

  13. 		<link rel="stylesheet" href="css/wechat.min.css" />

  14. 	</head>

  15. 	<body id="loading_html" scroll="no" style="display: none;" class="bg_color">

  16. 		<!--

  17. 			作者：yimazsq@163.com

  18. 	        	时间：2016-08-23

  19. 	        	描述：填写订单

  20.         -->

  21.         <!--正式-->

  22.         <!--<div class="ui_hide" id="total_div" style="margin-top: 0.4rem;">-->

  23.         <!--	修改样式-->

  24.         	<div id="total_div" style="margin-top: 0.35rem;">

  25.         <!--最上面标题层-->

  26.         <div class="lightyellow_color ub ui_p_t05 ui_p_b05 ub-ac title_title ui_line_b line_color_b" id="">

  27.         		<div class="ub-f1 ui_p_l20 fontmiddle_color" style="font-size: 0.13rem;">支付方式：</div>

  28.         		<div class="ub-f1 text_right ui_p_r20">

  29.         			<img class=" wchat ui_p_r05" src="images/a3/img_wechat.png" style="margin-top: 0.02rem"/>

  30.         			<span class=" fontmiddle_color fontmiddle_color" style="vertical-align: top;font-size: 0.13rem;">微信支付</span>

  31.         		</div>

  32.         </div>

  33.         <!--行程信息-->

  34.         <div class=" ui_m_t05 layer_background" >

  35.         		<div id="goinfo">

  36. 		        <div class=" ub ui_p_b05 inner_down_line_color ub-ae">

  37. 		        		<div class="ub-f1 text_left ui_p_l20 ub-ac">

  38. 		        			<span class="ulev3" id="gotime">[去程时间]</span>

  39. 		        			<span class="fontgreen_color ulev0 " id="go_day" style="font-size: 0.12rem; padding-left: 0.08rem;">[日期]</span>

  40. 		        			<span class="fontgreen_color ulev0 " id="go_week" style="font-size: 0.12rem; padding-left: 0.04rem;"></span>

  41. 		        		</div>

  42. 		        		<div class="ub-f1 text_right ui_p_r20">

  43. 		        			<span class=" ulev1">¥ </span><span style="font-size: 0.27rem;vertical-align: bottom;position: relative;top: 0.06rem;" id="go_price">[价格]</span><span class="ulev1"> / 人</span>

  44. 		        		</div>

  45. 		        </div>

  46. 		        <div class="ub inner_down_line_color qucheng" >

  47. 		        			<img src="images/img_pointline@2x.png" class="line_line"/>

  48. 		        		<div class="ub-f4 ub ub-ver" style="width: 1%;margin-left: 0.32rem;">

  49. 		        			<div style="padding-top: 0.13rem;" class="commongray_color">请选择上车站</div>

  50. 		        			<div id="start_area" class="ui_p_b10" style="padding-bottom: 0.08rem;" onclick="goStartAreaDidClicked()">

  51. 		        				<span class="ulev2" id="stare_area_id" startarea_goid='[startarea_goid]'>[出发地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="start_res_go" startres_goid='[startres_goid]' >[出发地站点]</span>

  52. 		        				

  53. 		        			</div>

  54. 		        			<div class="ui_hide" id="hiderun">[run_id_go]</div>

  55. 		        			<div class="commongray_color">请选择下车站</div>

  56. 		        			<div style="padding-bottom: 0.13rem;" class="ui_p_b10" id="end_area" onclick="goEndAreaDidClicked()">

  57. 		        				<span class="ulev2" id="end_area_id" endarea_goid='[endarea_goid]'>[目的地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="end_res_go" endres_goid='[endres_goid]'>[目的地站点]</span>

  58. 		        			</div>

  59. 		        		</div> 

  60. 		        		<div class="ui_hide" go_line_id='[go_line_id]'; go_ticket_id='[go_ticket_id]' id="go_id_info"></div>

  61. 		        </div>

  62. 	        </div>

  63. 	        <!--返程-->

  64. 	        <div id="backinfo" class="ui_hide">

  65. 	        		<div class=" ub ui_p_b05 inner_down_line_color ub-ae">

  66. 	        		<div class="ub-f1 text_left ui_p_l20 ub-ac">

  67. 	        			<span class="ulev3" id="backtime">[返程时间]</span>

  68. 	        			<span class="fontgreen_color ulev0" id="back_day" style="font-size: 0.12rem;padding-left: 0.08rem;">[返程日期]</span>

  69. 	        			<span class="fontgreen_color ulev0 " id="back_week" style="font-size: 0.12rem; padding-left: 0.04rem;"></span>

  70. 	        		</div>

  71. 	        		<div class="ub-f1 text_right ui_p_r20">

  72. 	        			<span class=" ulev1">¥ </span><span style="font-size: 0.27rem;vertical-align: bottom;position: relative;top: 0.06rem;" id="back_price">[返程价格]</span><span class="ulev1"> / 人</span>

  73. 	        		</div>

  74. 	        </div>

  75. 	        <div class="ub inner_down_line_color fancheng" >

  76. 	        		<img src="images/img_pointline@2x.png" class="line_line"/>

  77. 	        		<div class="ub-f4 ub ub-ver" style="width: 1%;margin-left: 0.32rem;">

  78. 	        			<div style="padding-top: 0.13rem;" class="commongray_color">请选择上车站</div>

  79. 	        			<div id="back_start_area" style="padding-bottom: 0.08rem;" class="line_color_b " onclick="goStartAreaDidClickedBack()">

  80. 	        				<span class="ulev2" id="back_stare_area_id" startarea_backid='[startarea_backid]'>[返程出发地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="start_res_back" startres_backid='[startres_backid]' >[返程出发地站点]</span>

  81. 	        				<!--<img class="go" src="images/a8/img_return.png"/>-->

  82. 	        				<!--<img src="images/back_trave_2x.png" class="back"/>-->

  83. 	        			</div>

  84. 	        			<div class="ui_hide" id="hiderun_back">[run_id_back]</div>

  85. 	        			<div class="commongray_color">请选择下车站</div>

  86. 	        			<div style="padding-bottom: 0.13rem;" class=" ui_p_b10 " id="back_end_area" onclick="goEndAreaDidClickedBack()">

  87. 	        				<span class="ulev2" id="back_end_area_id" endarea_backid='[endarea_backid]'>[返程目的地]</span><span class="fontmiddle_color ui_p_l10 ulev1" id="end_res_back" endres_backid='[endres_backid]'>[返程目的地站点]</span>

  88. 	        			</div>

  89. 	        		</div> 

  90. 	        		<div class="ui_hide" go_line_id='[back_line_id]'; go_ticket_id='[back_ticket_id]' id="back_id_info"></div>

  91. 	        </div>

  92. 	        

  93. 	        </div>

  94. 	        <!--日程-->

  95. 	        <div class="ub">

  96. 	        		<div class="ub-f4 ub ub-ver" >

  97. 	        			<div class="ub ui_p_b15 ui_p_t15 ui_p_l20 ui_p_r20">

  98. 	        				<img style="width: 0.12rem;top: 0.03rem;position: relative;" class="ui_p_r10" src="images/ic_map@2x.png"/>

  99. 	        				<div class="ub-f1 fontmiddle_color ulev1" id="distance_back">[日程]</div>

  100. 	        				<div class="commongray_color ulev1" id="usetime_back">[用时]</div>

  101. 	        			</div>

  102. 	        		</div> 

  103. 	        </div>

  104. 	        <div onclick="selectBackInfo()" style="border-left: 4px solid #3d434f;padding-left: 0.16rem;background-color: #f7f8fa;" class="ub ui_p_t10 ui_p_b10 ui_p_r20 outer_line_down_color ui_m_b05 ub-ac"  id="add_back">

  105. 	        		<div style="color: #3d434f;" class="ulev2 ub-f1" id="select_back">添加返程</div>

  106. 	        		<div style="margin-right: 0.05rem;color: #1b1a20;" class="text_right  ulev1" id="discount" discountprice="[aaa]">[优惠]</div>

  107. 				<img id="tupian" src="images/ic_addback@2x.png" style="width: 0.18rem; height: 0.18rem;padding-top: 0.01rem;" />

  108. 	        </div>

  109.         </div>

  110. 		<!--选择人数-->

  111. 		<div class="ub lightgreen_color ui_p_l20 ui_p_r20 ui_p_t10 ui_p_b10 ub-ac outer_line_down_color">

  112. 			<div style="color: #519d9e;" class="ub-f1 ulev1">出行人数：</div>

  113. 			<div class="bor_left_c ulev6 cut" style="height: 0.29rem;width: 0.4rem;text-align: center;line-height: 0.275rem;">-</div>

  114. 			<span class="ulev2 aticket ui_line2" style=" height: 0.29rem;width: 0.4rem;text-align: center;line-height: 0.29rem;display: block;" type="text" readonly="true" value="1">1</span>

  115. 			<div class="bor_right ulev6 add" style="height: 0.29rem;width: 0.4rem;text-align: center;line-height: 0.26rem;">+</div>

  116. 		</div>

  117. 		<!--联系人信息-->

  118. 		<div style="margin-bottom: 1rem;" class="ub-ver layer_background ui_m_t05 ui_m_b10 outer_line_down_color">

  119. 			<div class="ub">

  120. 	        		<div class="ub-f4"style="width: 1%;margin-left: 0.2rem;" >

  121. 	        			<div class="ub line_color_b inner_down_line_color ui_p_b15 ui_p_t15">

  122. 	        				<span class="fontmiddle_color ulev1">联系人：</span><span><input id="custmer" style="color: #1b1a20;" class="ulev1" placeholder="请输入" style="vertical-align: baseline;"></span>

  123. 	        			</div>

  124. 	        			<div class="ub ui_p_b15 ui_p_t15">

  125. 	        				<span class="fontmiddle_color ulev1">手机号：</span><span><input id="tel" style="color: #1b1a20;" class="ulev1" placeholder="请输入" maxlength="11" style="vertical-align: baseline;"></span>

  126. 	        			</div>

  127. 	        		</div> 

  128. 	        </div>

  129. 		</div>

  130. 		<!--footer-->

  131. 		<div class="ub bottom_screen">

  132. 			<div class="ub ub-f3 ui_p_l20  layer_background ui_line_t line_color_t ub-ae" id="total_price">

  133. 				<span class=" ulev1">¥</span>

  134. 				<span style="font-size: 0.27rem;margin-right: 0.05rem;" id="count_price">0</span>

  135. 				<span style="color: #ff6d6d;" class="ulev1" id="total_people">共1人</span>

  136. 			</div>

  137. 			<div class="ub-f2 text_middle ulev1" id="payBtn" style="font-size: 0.19rem;padding-top: 0.1rem;padding-bottom: 0.1rem; color: white;background-color: #3d434f;"  onclick="payBtnDidClicked()">支&nbsp;&nbsp;付</div>

  138. 		</div>

  139. 		

  140. 		<!--底部弹框-->

  141. 		<div id="actionSheet_wrap">

  142. 		    <div class="weui_mask_transition weui_fade_toggle" id="mask"></div>

  143. 		    <div class="weui_actionsheet " id="weui_actionsheet">

  144. 		    	<!--选择站点弹框开始-->

  145. 		    	<div style="display: none;" id="res_div">

  146. 		    		<span style="padding-top: 0.14rem;padding-bottom: 0.14rem;" class="ub ub-ac ub-pc wechatbg ui_p_l20 ui_p_r20">

  147. 			    		<img class="wechatbg_img" src="images/a3/img_pulldown.png">

  148. 			    		<div class="ub-f1 ulev1 wechatbg_div1">选择站点</div>

  149. 			    	</span>

  150. 			        <div style="padding-bottom: 0.3rem; overflow: scroll;min-height: 2.7rem;max-height: 2.7rem;" class="weui_actionsheet_menu ub"   >

  151. 			            <!--<div style="padding-top: 0.12rem;" class="ui_p_b10 ui_p_r20" id="poi"></div>-->

  152. 			            <div class="ub ub-ver ub-f1" id="wei_info">

  153. 			            	<div class="ub inner_down_line_color div_cell">

  154. 			            		<div style="padding-left: 0.20rem;padding-top: 0.17rem;padding-bottom: 0.17rem;font-size: 0.15rem;color: #666;" class="ub-f1 weui_actionsheet_cell ulev1" showtime='[showtime]' id="[res_id]">示例菜单</div>

  155. 			            		<img style="padding: 0.21rem 0.23rem;width: 0.17rem;margin-right: 0.05rem;" src="images/a3/ic_select_nor.png">

  156. 			            	</div>

  157. 	

  158. 			            </div>

  159. 			        </div>

  160. 		    	</div>

  161. 		    	

  162. 		    </div>

  163. 		</div>

  164. 		</div>

  165. 		<!--转圈圈-->

  166. 		<div id="loadingToast" class="weui_loading_toast" style="display: none;">

  167. 		    <div class="weui_mask_transparent"></div>

  168. 		    <div class="weui_toast">

  169. 		        <div class="weui_loading">

  170. 		            <img style="width: 0.4rem;" src="images/loading2.gif"/>

  171. 		        </div>

  172. 		        <p class="weui_toast_content">提交中...</p>

  173. 		    </div>

  174. 		</div>

  175. 		

  176. 		

  177. 	</body>

  178. 	<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

  179. 	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>

  180. 	<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>

  181. 	<script src="js/fill_order.js" type="text/javascript" charset="utf-8"></script>

  182. </html>