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/js/fill_order.html

278 lines
15 KiB
Raw Blame History 

  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">

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

  23.         <div class="lightyellow_color ub ui_p_t05 ui_p_b05 ub-ac">

  24.         		<div class="ub-f1 ui_p_l25 fontmiddle_color">支付方式：</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.035rem"/>

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

  28.         		</div>

  29.         </div>

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

  31.         <div class=" ui_m_t05 layer_background" >

  32.         		<div id="goinfo">

  33. 		        <div class=" ub ui_p_t15 ui_p_b05 ui_line_b_d">

  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="fontmiddle_color ulev1">¥</span><span style="font-size: 0.27rem;" id="go_price">[价格]</span>

  40. 		        		</div>

  41. 		        </div>

  42. 		        <div class="ub ui_line_b_d" >

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

  44. 		        			<img src="images/a2/img_listline_gr.png"/>

  45. 		        		</div>

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

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

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

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

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

  51. 		        			</div>

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

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

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

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

  56. 		        			</div>

  57. 		        		</div> 

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

  59. 		        </div>

  60. 	        </div>

  61. 	        <!--返程-->

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

  63. 	        		<div class=" ub ui_p_t15 ui_p_b05 ui_line_b_d">

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

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

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

  67. 	        		</div>

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

  69. 	        			<span class="fontmiddle_color ulev1">¥</span><span style="font-size: 0.27rem;" id="back_price">[返程价格]</span>

  70. 	        		</div>

  71. 	        </div>

  72. 	        <div class="ub ui_line_b_d" >

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

  74. 	        			

  75. 	        		</div>

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

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

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

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

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

  81. 	        			</div>

  82. 	        			<div class="ui_hide" id="hiderun">[run_id_back]</div>

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

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

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

  86. 	        			</div>

  87. 	        		</div> 

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

  89. 	        </div>

  90. 	        

  91. 	        </div>

  92. 	        <!--日程-->

  93. 	        <div class="ub">

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

  95. 	        		</div>

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

  97. 	        			<div class="ub ui_m_l30 line_color_b ui_line_b">

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

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

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

  101. 	        			</div>

  102. 	        		</div> 

  103. 	        </div>

  104. 	        <div class="text_middle ui_p_t10 ui_p_b10 ub-ac"  id="add_back">

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

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

  107. 	        </div>

  108.         </div>

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

  110. 		<div class="ub layer_background ui_m_t05 ui_p_t15 ui_p_b15" id="seatInfo">

  111. 			<div class="ub-f1 text_middle ui_p_l20 ulev1">[普通座]</div>

  112. 			<div class="ub-f1 commongray_color ui_p_l25">[单程]</div>

  113. 			<div class="ub-f1 payred_color text_right ui_p_r30 ulev1" id="discount">[优惠]</div>

  114. 			<div class="ub-f1 font_blue_color text_right ui_p_r30 ui_hide ulev1" id="hideback" onclick="hideBackInfo()">取消返程</div>

  115. 		</div>

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

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

  118. 			<div class="ub">

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

  120. 	        		</div>

  121. 	        		<div class="ub-f4 " >

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

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

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

  125. 						<div class="ub-f1 commongray_color text_right ui_p_r30" id="people_count">0<span>人</span></div>

  126. 	        			</div>

  127. 	        			<div id="fill_info">

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

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

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

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

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

  133. 						 	</div>

  134. 						 </div>-->

  135. 					 </div>

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

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

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

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

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

  141. 					 	</div>

  142. 					 </div>-->

  143. 	        		</div> 

  144. 	        </div>

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

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

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

  148. 			 </div>

  149. 		</div>

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

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

  152. 			<div class="ub">

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

  154. 	        			<img class="ui_p_t15 ui_p_l15 ui_p_r15 " src="images/a3/img_pro_d.png" style="width: 0.1rem;margin-top: 0.025rem;"/>

  155. 	        		<!--</div>-->

  156. 	        		<div class="ub-f4 "style="width: 1%;" >

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

  158. 	        				<span class="commongray_color ulev1">联系人：</span><span><input id="custmer" class="lightgray_color ulev1" placeholder="请输入"></span>

  159. 	        			</div>

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

  161. 	        				<span class="commongray_color ulev1">手机号：</span><span><input id="tel" class="lightgray_color ulev1" placeholder="请输入"></span>

  162. 	        			</div>

  163. 	        		</div> 

  164. 	        </div>

  165. 		</div>

  166. 		<!--footer-->

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

  168. 			<div class="ub-f3 ui_p_l20 ui_p_t05 ui_p_b05 layer_background" id="total_price">

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

  170. 			</div>

  171. 			<div class="ub-f2 text_middle ui_p_t10 ui_p_b10 layergray_bc ulev1 fontmiddle_color" id="payBtn"  onclick="payBtnDidClicked()">支&nbsp;&nbsp;付</div>

  172. 		</div>

  173. 		

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

  175. 		<div id="actionSheet_wrap">

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

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

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

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

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

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

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

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

  184. 			    	</span>

  185. 			        <div style="padding-bottom: 0.3rem;" class="weui_actionsheet_menu ub"   id="wei_info">

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

  187. 			            <div class="ub ub-ver ub-f1" >

  188. 			            	<div class="ub wechat_bor">

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

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

  191. 			            	</div>

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

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

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

  195. 			            	</div>

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

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

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

  199. 			            	</div>-->

  200. 			            </div>

  201. 			        </div>

  202. 		    	</div>

  203. 		    	

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

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

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

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

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

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

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

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

  212. 							</div>

  213. 						</div>

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

  215. 					</span>

  216. 				    <div style="padding-bottom: 0.3rem;" class="weui_actionsheet_menu ub ub-ver" id="wei_info_passenger">

  217. 				        

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

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

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

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

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

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

  224. 				        		</div>

  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_sel.png">

  231. 				        	</div>

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

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

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

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

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

  237. 				        	</div>-->

  238. 				    </div>

  239. 			    </div>

  240. 			    

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

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

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

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

  245. 						<div class="ub-f1 wechat_passenger_sub ulev1">取消</div>

  246. 					</span>

  247. 				    <div style="padding-bottom: 0.3rem;" class="weui_actionsheet_menu ub ub-ver" id="wei_info_add">

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

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

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

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

  252. 			        	</div>

  253. 			        	

  254. 				    </div>

  255. 		        </div>

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

  257. 		    </div>

  258. 		</div>

  259. 		</div>

  260. 		<!--转圈圈-->

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

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

  263. 		    <div class="weui_toast">

  264. 		        <div class="weui_loading">

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

  266. 		        </div>

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

  268. 		    </div>

  269. 		</div>

  270. 		

  271. 		

  272. 	</body>

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

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

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

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

  277. </html>