nizongfeng
/
XMWX
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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
29 MiB
Tree: f76002ae80
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f76002ae80'
${ noResults }
XMWX/weixin2/fill_order.html

fill_order.html 16 KiB
Raw Normal View History

1
3 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271 
  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 class="bg_color">

  16. 		<!--

  17. 			作者：yimazsq@163.com

  18. 	        	时间：2016-08-23

  19. 	        	描述：填写订单

  20.         -->

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

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

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

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

  25.         		<div class="ub-f1 text_right ui_p_r25">

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

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

  28.         		</div>

  29.         </div>

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

  31.         <div class=" ui_m_t05 layer_background" >

  32.         		<div id="goinfo">

  33. 		        <div class=" ub ui_p_b05 ui_line_b_d ub-ae">

  34. 		        		<div class="ub-f1 text_left ui_p_l25 ub-ac">

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

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

  37. 		        		</div>

  38. 		        		<div class="ub-f1 text_right ui_p_r25">

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

  40. 		        		</div>

  41. 		        </div>

  42. 		        <div class="ub ui_line_b_d" >

  43. 		        			<img src="images/a3/ic_line_2.png" class="line_line"/>

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

  45. 		        			<div class="ui_p_t10 commongray_color">上车站</div>

  46. 		        			<div id="start_area" class="ui_p_t05 ui_p_b10 line_color_b ui_line_b">

  47. 		        				<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>

  48. 		        				<img class="go" src="images/a3/img_go.png"/>

  49. 		        			</div>

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

  51. 		        			<div class="ui_p_t10 commongray_color">下车站</div>

  52. 		        			<div class="ui_p_t05 ui_p_b10 " id="end_area">

  53. 		        				<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>

  54. 		        			</div>

  55. 		        		</div> 

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

  57. 		        </div>

  58. 	        </div>

  59. 	        <!--返程-->

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

  61. 	        		<div class=" ub ui_p_b05 ui_line_b_d ub-ae">

  62. 	        		<div class="ub-f1 text_left ui_p_l25 ub-ac">

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

  64. 	        			<span class="fontgreen_color ulev0 ui_p_l05" style="font-size: 0.11rem;">[返程日期]</span>

  65. 	        		</div>

  66. 	        		<div class="ub-f1 text_right ui_p_r25">

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

  68. 	        		</div>

  69. 	        </div>

  70. 	        <div class="ub ui_line_b_d" >

  71. 	        		<img src="images/a3/ic_line_2.png" class="line_line"/>

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

  73. 	        			<div class="ui_p_t10 commongray_color">上车站</div>

  74. 	        			<div id="back_start_area" class="ui_p_t05 ui_p_b10 line_color_b ui_line_b">

  75. 	        				<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>

  76. 	        				<img class="go" src="images/a8/img_return.png"/>

  77. 	        			</div>

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

  79. 	        			<div class="ui_p_t10 commongray_color">下车站</div>

  80. 	        			<div class="ui_p_t05 ui_p_b10 " id="back_end_area">

  81. 	        				<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>

  82. 	        			</div>

  83. 	        		</div> 

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

  85. 	        </div>

  86. 	        

  87. 	        </div>

  88. 	        <!--日程-->

  89. 	        <div class="ub">

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

  91. 	        			<div class="ub " style="margin-left: 0.43rem;">

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

  93. 	        				<div class="ub-f2 ui_p_b15 ui_p_t15 commongray_color ulev1" id="usetime_back">[用时]</div>

  94. 	        				<img class="ub-f1 baid_map ui_p_r20" src="images/a3/ic_location.png" onclick="goToMapInfo()"/>

  95. 	        			</div>

  96. 	        		</div> 

  97. 	        </div>

  98. 	        <div class="text_middle ui_p_t10 ui_p_b10 ub-ac ui_line_t line_color_t"  id="add_back">

  99. 	        		<span class="fontgreen_color ulev2"  onclick="selectBackInfo()">添加返程</span>

  100. 				<img src="images/a3/ic_add_nor_gre.png" style="width: 0.14rem; height: 0.14rem;padding-top: 0.045rem;" />

  101. 	        </div>

  102.         </div>

  103. 		<!--座位信息-->

  104. 		<div class="ub layer_background ui_m_t05 ui_p_t15 ui_p_b15 ui_p_l30 ui_p_r30 ub_ae" id="seatInfo">

  105. 			<div class="ub-f1 ui_p_l15 ulev1" id="seat" style="width: 1%;">[普通座]</div>

  106. 			<div class="ub-f1 commongray_color ui_p_l05  ulev1" id="single" style="width: 1%;">[单程]</div>

  107. 			<div class="ub-f1 payred_color text_right  ulev1" id="discount" discountprice="[aaa]" style="width: 1%;">[优惠]</div>

  108. 			<div class="ub-f1 font_blue_color text_right ui_hide ulev1" id="hideback" style="width: 1%;" onclick="hideBackInfo()">取消返程</div>

  109. 		</div>

  110. 		<!--乘客信息-->

  111. 		<div class="ub-ver layer_background ui_m_t05">

  112. 			<div class="ub">

  113. 	        		<div class="ub-f4 " style="margin-left: 0.46rem;" >

  114. 	        			<div class="ub line_color_b ui_line_b ui_p_b15 ui_p_t15">

  115. 	        				<div class="ub-f1 text_left commongray_color ulev1">乘客</div>

  116. 						<div class="ub-f1 commongray_color ui_p_l15 commongray_color ulev1">证件信息</div>

  117. 						<div class="ub-f1 text_right ui_p_r30 " >

  118. 							<span class="ulev1" id="people_count">0</span><span class="ulev1">人</span>

  119. 						</div>

  120. 	        			</div>

  121. 	        			<div id="fill_info">

  122. 		        			 <!--<div class="ub line_color_b ui_line_b ui_p_b15 ui_hide" >

  123. 						 	<div class="ub-f1 ui_p_t15 ui_p_t15" style="color: black">毛东东</div>

  124. 						 	<div class="ub-f1 ui_p_t15 ui_p_t15 ui_p_l20 lightgray_color">23070319930524000</div>

  125. 						 	<div class="ub-f1  ui_p_l5 ui_p_r30 text_right" onclick="delThis()">

  126. 						 		<img src="images/a3/ic_delete.png" style="width: 0.25rem;margin-top: 0.1rem;"/>

  127. 						 	</div>

  128. 						 </div>-->

  129. 					 </div>

  130. 					 <!--<div class="ub line_color_b ui_line_b ui_p_b15" id="fill_info">

  131. 					 	<div class="ub-f1 ui_p_t15 ui_p_t15" style="color: black">毛东东</div>

  132. 					 	<div class="ub-f1 ui_p_t15 ui_p_t15 ui_p_l20 lightgray_color">23070319930524000</div>

  133. 					 	<div class="ub-f1 ui_p_t15 ui_p_t15 ui_p_l5 ui_p_r30 text_right" onclick="delThis()">

  134. 					 		<img src="images/a3/ic_delete.png" style="width: 0.16rem;"/>

  135. 					 	</div>

  136. 					 </div>-->

  137. 	        		</div> 

  138. 	        </div>

  139. 	        <div class="text_middle ui_p_t10 ui_p_b10 ub-ac" onclick="addPassanger()">

  140. 			    <span class="fontgreen_color ulev2">添加乘客</span>

  141. 				<img src="images/a3/ic_add_nor_gre.png" style="width: 0.14rem; height: 0.14rem;padding-top: 0.045rem;"/>

  142. 			 </div>

  143. 		</div>

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

  145. 		<div style="margin-bottom: 0.7rem;" class="ub-ver layer_background ui_m_t05 ui_m_b10">

  146. 			<div class="ub">

  147. 	        		<!--<div class="ub-f1" style="width: 1%;">-->

  148. 	        			<img class="ui_p_t15 ui_p_l25" src="images/a3/img_pro_d.png" style="width: 0.115rem;height:0.125rem;margin-top: 0.04rem;"/>

  149. 	        		<!--</div>-->

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

  151. 	        			<div class="ub line_color_b ui_line_b ui_p_b15 ui_p_t15">

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

  153. 	        			</div>

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

  155. 	        				<span class="fontmiddle_color ulev1">手机号：</span><span><input id="tel" class="fontmiddle_color ulev1" placeholder="请输入" style="vertical-align: baseline;"></span>

  156. 	        			</div>

  157. 	        		</div> 

  158. 	        </div>

  159. 		</div>

  160. 		<!--footer-->

  161. 		<div class="ub bottom_screen ub-ac">

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

  163. 				<span class=" ulev1">总价：¥</span><span style="font-size: 0.27rem;" id="count_price">0</span>

  164. 			</div>

  165. 			<div class="ub-f2 text_middle ulev1 darkgreen_color" id="payBtn" style=" font-size: 0.19rem;padding-top: 0.07rem;padding-bottom: 0.07rem; color: white;"  onclick="payBtnDidClicked()">支&nbsp;&nbsp;付</div>

  166. 		</div>

  167. 		

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

  169. 		<div id="actionSheet_wrap">

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

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

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

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

  174. 		    		<span style="" class="ub ub-ac ub-pc wechatbg ui_p_t10 ui_p_b10 ui_p_l35 ui_p_r35">

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

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

  177. 			    		<div class="wechatbg_div2 ulev1" id="actionsheet_cancel">取消</div>

  178. 			    	</span>

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

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

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

  182. 			            	<div class="ub wechat_bor">

  183. 			            		<div class="ub-f1 weui_actionsheet_cell" showtime='[showtime]' id="[res_id]">示例菜单</div>

  184. 			            		<img style="padding: 0.13rem 0.3rem;width: 0.17rem;margin-right: 0.05rem;" src="images/a3/ic_select_nor.png">

  185. 			            	</div>

  186. 			            	<!--<div class="ub wechat_bor" id="[id]">

  187. 			            		<div class="ub-f1 weui_actionsheet_cell" id="">黄浦旅游集散站</div>

  188. 			            		<img style="padding: 0.13rem 0.3rem;width: 0.17rem;" src="images/a3/ic_select_nor.png">

  189. 			            	</div>

  190. 			            	<div class="ub wechat_bor" id="[id]">

  191. 			            		<div class="ub-f1 weui_actionsheet_cell" id="">迪士尼乐园</div>

  192. 			            		<img style="padding: 0.13rem 0.3rem;width: 0.17rem;" src="images/a3/ic_select_nor.png">

  193. 			            	</div>-->

  194. 			            </div>

  195. 			        </div>

  196. 		    	</div>

  197. 		    	

  198. 		        <!--选择站点弹框结束-->

  199. 			    <!--选择乘客弹框开始-->

  200. 			    <div style="display: none;" id="continue_add">

  201. 			    	<span  class="ub ub-ac ub-pc wechatbg ui_p_t10 ui_p_b10 ui_p_l20 ui_p_r20">

  202. 						<div class="ub-f1 wechat_passenger">

  203. 							<div class="wechat_passenger_div" id="add_pass_info">

  204. 								<img class="wechat_passenger_img" src="images/a3/ic_add_whi.png">

  205. 								<span class="wechat_passenger_span ulev1">新增乘客</span>

  206. 							</div>

  207. 						</div>

  208. 						<div class="ub-f1 wechat_passenger_sub ulev1" id="ok">确定</div>

  209. 					</span>

  210. 				    <div style="padding-bottom: 0.3rem;overflow: scroll;min-height: 1.7rem;max-height: 1.7rem;" class="weui_actionsheet_menu ub ub-ver" id="wei_info_passenger">

  211. 				        

  212. 				        	<div class="ub wechat_bor" id="[id]">

  213. 				        		<img style="padding: 0.13rem 0.1rem 0.13rem 0.2rem;width: 0.15rem;" src="images/a1/ic_edit.png" onclick="changeinfo([changeid])">

  214. 				        		<div onclick="selectInfo([selid],this)" class="ub ub-f1" id='0'>

  215. 					        		<div style="width: 1%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;" class="ub-f1 weui_actionsheet_cell hiddens ulev1" id="">[乘客]</div>

  216. 					        		<div style="width: 1%;" class="ub-f2 weui_actionsheet_cell ulev1 commongray_color" id="">[证件]</div>

  217. 					        		<img style="padding: 0.13rem 0.1rem 0.13rem 0.2rem;width: 0.17rem;margin-right: 0.1rem;" id="[img]" src="images/a3/ic_select_nor.png">

  218. 				        		</div>

  219. 				        	</div>

  220. 				        	<!--<div class="ub wechat_bor" id="[id]">

  221. 				        		<img style="padding: 0.13rem 0.1rem 0.13rem 0.2rem;width: 0.15rem;" src="images/a1/ic_edit.png">

  222. 				        		<div style="width: 1%;" class="ub-f1 weui_actionsheet_cell hiddens" id="">赵健</div>

  223. 				        		<div style="width: 1%;" class="ub-f2 weui_actionsheet_cell" id="">23052419900325171X</div>

  224. 				        		<img style="padding: 0.13rem 0.1rem 0.13rem 0.2rem;width: 0.17rem;" src="images/a3/ic_select_sel.png">

  225. 				        	</div>

  226. 				        	<div class="ub wechat_bor" id="[id]">

  227. 				        		<img style="padding: 0.13rem 0.1rem 0.13rem 0.2rem;width: 0.15rem;" src="images/a1/ic_edit.png">

  228. 				        		<div style="width: 1%;" class="ub-f1 weui_actionsheet_cell hiddens" id="">可多夫斯基煤矿磁导率</div>

  229. 				        		<div style="width: 1%;" class="ub-f2 weui_actionsheet_cell" id="">23052419900325171X</div>

  230. 				        		<img style="padding: 0.13rem 0.1rem 0.13rem 0.2rem;width: 0.17rem;" src="images/a3/ic_select_nor.png">

  231. 				        	</div>-->

  232. 				    </div>

  233. 			    </div>

  234. 			    

  235. 		        <!--选择乘客弹框结束-->

  236. 		        <!--选择乘客无信息开始-->

  237. 		        <div style="display: none;"  id="add_pass">

  238. 		        	<span class="ub ub-ac ub-pc wechatbg ui_p_t10 ui_p_b10 ui_p_l20 ui_p_r20">

  239. 						<div class="ub-f1 wechat_passenger_sub ulev1" onclick="cancelDidClicked()">取消</div>

  240. 					</span>

  241. 				    <div style="padding-bottom: 0.3rem;overflow: scroll;min-height: 1.7rem;max-height: 1.7rem;" class="weui_actionsheet_menu ub ub-ver" id="wei_info_add">

  242. 			        	<div class="ub ub-ver ub-ac">

  243. 			        		<img class="wechat_no_img" src="images/a2/img_null.png"/>

  244. 			        		<div class="wechat_no_div ulev1">您还未添加乘客</div>

  245. 			        		<div class="wechat_no_div2 ulev2" id="" onclick="goToAddPassangers()"><img class="wechat_no_img2" src="images/a3/ic_add_blu.png"/><span class="ulev2">去添加</span></div>

  246. 			        	</div>

  247. 			        	

  248. 				    </div>

  249. 		        </div>

  250. 		        <!--选择乘客无信息结束-->

  251. 		    </div>

  252. 		</div>

  253. 		</div>

  254. 		<!--转圈圈-->

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

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

  257. 		    <div class="weui_toast">

  258. 		        <div class="weui_loading">

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

  260. 		        </div>

  261. 		        <p class="weui_toast_content">数据加载中</p>

  262. 		    </div>

  263. 		</div>

  264. 		

  265. 		

  266. 	</body>

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

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

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

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

  271. </html>