nizongfeng
/
ZZWX
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
38 MiB
 
 
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZWX/public/wechat/trave_around_fill_order.html

176 lines
9.5 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. 	<head>

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

  6. 		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

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

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

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

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

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

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

  13. 		<link rel="stylesheet" type="text/css" href="css/wx_css/trave_around_fill_order.css" />

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

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

  16. 	</head>

  17. 

  18. 	<body id="loading_html" style="display: none;" class="bg_color">

  19. 		<div class="ub ui_p_l25 ub-ver ui_p_b10 page_bg">

  20. 			<div id="zname" class="ub ui_m_t15 text_1_css">千岛湖两日游</div>

  21. 			<div id="tickdes" class="ub text_2_css" style="">含往返豪华大巴士接送 湖景房 门票</div>

  22. 		</div>

  23. 		<div class="ub ui_p_l25 ui_p_t10  ub-ver   ui_p_b13 div_go">

  24. 			<div class="ub ub-ac ">

  25. 				<div class="ub-f1 div_godate "> 出行日期：</div>

  26. 				<img style="width: 0.41rem; " src="images/go_trave_2x.png " />

  27. 			</div>

  28. 			<div class="ub ub-ac ">

  29. 				<div id="start_date" class="div_godate_detail ">2016年10月28日</div>

  30. 				<div id="start_time" class="ui_m_l20 div_time_detail ">9:30</div>

  31. 			</div>

  32. 			<div class="ui_m_t05 div_where_go ">出行地点：</div>

  33. 			<div class="ub " style="margin-top: 0.03rem; ">

  34. 				<div id="start_area" class="div_where_go_detail ">上海皇甫旅游集散地</div>

  35. 			</div>

  36. 		</div>

  37. 		<div class="ub ui_p_l25 ui_p_t10 ub-ver ui_p_b10 div_back ">

  38. 			<div class="ub ub-ac ">

  39. 				<div class="ub-f1 div_godate ">返程日期：</div>

  40. 				<img style="width: 0.41rem; " src="images/back_trave_2x.png " />

  41. 			</div>

  42. 			<div class="ub ub-ac ">

  43. 				<div id="end_date" class="div_godate_detail ">2016年10月28日</div>

  44. 				<div id="end_time" class="ui_m_l20 div_time_detail ">9:30</div>

  45. 			</div>

  46. 			<div class="ui_m_t10 div_where_go ">返程地点：</div>

  47. 			<div class="ub " style="margin-top: 0.03rem; ">

  48. 				<div id="end_area" class="div_where_go_detail ">上海皇甫旅游集散地</div>

  49. 			</div>

  50. 		</div>

  51. 		<div class="ub ui_p_t10 ui_p_b10 inner_up_line_color ui_p_r25 white_color_bg ">

  52. 			<div class="ub ub-f1 ui_p_l25 go_people ">出行人</div>

  53. 			<div class="ub ub-f2 go_people ">证件信息</div>

  54. 			<div id="continue_add" onclick="add_go_person_tancen()" style="display: block;" class="ub ub-f1 text_right ub-pe add_add ">继续添加</div>

  55. 		</div>

  56. 		<div id="show_add_go_people" onclick="add_go_person_tancen()" class="inner_up_line_color ub-ac ub ui_p_l25 ui_p_r25 " style="display: none; border-left: 3px solid rgb(61,67,79); padding-top: 0.13rem; padding-bottom: 0.13rem; background-color: rgb(255,255,255);">

  57. 			<div class="ub-f1" style="font-size: 0.16rem; color: rgb(61,67,79);">添加出行人信息</div>

  58. 			<div id="how_many_perple_add" style="padding-right: 0.1rem; font-size: 0.13rem; color: rgb(81,157,158);">需添1人</div>

  59. 			<img style="padding-top: 0.02rem; height: 0.16rem; width: 0.16rem;" src="images\ic_add@2x.png" />

  60. 		</div>

  61. 		<ul id="go_person_ul" style="display: block;" class="ub ub-ver outer_line_down_color inner_up_line_color white_color_bg ">

  62. 			<li class="white_color_bg ">

  63. 				<div class="ub ui_p_r25 ub-ac ">

  64. 					<div class="ub ub-f1 ui_p_l25 ui_p_t15 ui_p_b15 people_name ">老东东</div>

  65. 					<div class="ub ub-f2 ui_p_t15 ui_p_b15 id_card_css ">230703000000000000</div>

  66. 					<div go_person_id="" onclick="remove_go_people(this) " class="ub ub-f1 ui_p_t15 ui_p_b15 text_right ub-pe jian_css ">

  67. 						<img class="ub img_css " src="images/ic_remove@2x.png " />

  68. 					</div>

  69. 				</div>

  70. 				<div class="ui_m_l25 inner_up_line_color "></div>

  71. 			</li>

  72. 			<!---->

  73. 

  74. 			<li class="white_color_bg ">

  75. 				<div class="ub ui_p_r25 ub-ac ">

  76. 					<div class="ub ub-f1 ui_p_l25 ui_p_t15 ui_p_b15 people_name ">老东东</div>

  77. 					<div class="ub ub-f2 ui_p_t15 ui_p_b15 id_card_css ">230703000000000000</div>

  78. 					<div class="ub ub-f1 ui_p_t15 ui_p_b15 text_right ub-pe jian_css ">

  79. 						<img class="ub img_css " src="images/ic_remove@2x.png " />

  80. 					</div>

  81. 				</div>

  82. 				<div class="ui_m_l25 inner_up_line_color "></div>

  83. 			</li>

  84. 			<!---->

  85. 

  86. 		</ul>

  87. 		<div class="white_color_bg ">

  88. 			<div class="ub ui_p_l25 white_color_bg " style="margin-top: 0.04rem; ">

  89. 				<div class="ui_p_t15 ui_p_b15 text_css_3 ">联系人：</div>

  90. 				<div class="ui_p_t15 ui_p_b15 ">

  91. 					<input id="contacts_name_input" class="text_css_4 " type="text " name=" " id=" " placeholder="请输入联系人姓名" />

  92. 				</div>

  93. 			</div>

  94. 			<div class="ui_m_l25 inner_up_line_color "></div>

  95. 			<div class="ub ui_p_l25 outer_line_down_color white_color_bg " style="margin-bottom:1.25rem; ">

  96. 				<div class="ui_p_t15 ui_p_b15 text_css_3 ">手机号：</div>

  97. 				<div class="ui_p_t15 ui_p_b15 " style="font-size: 0.14rem; color: rgb(204,204,204); ">

  98. 					<input onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" maxlength="11" onafterpaste="this.value=this.value.replace(/[^0-9]/g,'')" id="m_phone_input" class="text_css_4 " type="text " name=" " id=" " placeholder="用于接受订单信息 " />

  99. 				</div>

  100. 			</div>

  101. 		</div>

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

  103. 			<div class="ub ub-ac ub-f3 ui_p_l25 layer_background ui_line_t line_color_t " style="padding-bottom:0.041rem; padding-top: 0.041rem;" id="total_price ">

  104. 				<span class=" ulev1 ui_p_r05 ">¥</span><span id="price" class=" " style="font-size: 0.27rem; ">0</span>

  105. 				<span id="total_person" class="ub ui_m_l10 how_many_peoplr ">共1人</span>

  106. 			</div>

  107. 			<div class="ub-f2 text_middle ulev1 pay_css " id="payBtn " onclick="payBtnDidClicked() ">支&nbsp;&nbsp;付</div>

  108. 		</div>

  109. 		<!--转圈圈-->

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

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

  112. 			<div class="weui_toast">

  113. 				<div class="weui_loading">

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

  115. 				</div>

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

  117. 			</div>

  118. 		</div>

  119. 		<!--||||||||||||||||||-->

  120. 		<!--底部弹层-->

  121. 		<!--weui_actionsheet_toggle 显示样例-->

  122. 		<div id="actionSheet_wrap">

  123. 			<div onclick="cancel_tancen()" class="weui_mask_transition weui_fade_toggle" id="mask" style="display: none;"></div>

  124. 			<div id="tancen_main_control" class="weui_actionsheet  " id="weui_actionsheet">

  125. 				<!--选择联系人开始-->

  126. 				<div id="go_person_list" style="display: none; " class="sec_bg_color" id="select_contact_div">

  127. 					<div class="ub ui_p_l25 ui_p_r25  tancen_head_color ub-ac">

  128. 						<img onclick="add_new_go_person()" style="width: 0.16rem; height: 0.16rem; padding-top: 0.155rem; padding-bottom: 0.155rem;" src="images/ic_add_W@2x.png" />

  129. 						<div onclick="add_new_go_person()" class="tancen_text_1">新增出行人</div>

  130. 						<div onclick="ensure_go_person()" class="ub-f1 tancen_text_2 text_right">确定</div>

  131. 					</div>

  132. 					<ul id="ul_tancen" style="max-height: 2.5rem; padding-bottom: 0.63rem;overflow: scroll;background-color: rgb(247,248,250);">

  133. 						<li id="go_person_1" onclick="choice_or_cancle_person(this)" go_person_id="" class="ub ui_p_l25 ui_p_r25 ub-ac white_bccolor">

  134. 							<img class="tancen_edit" src="images/imgEditDis@2x.png" />

  135. 							<div class="tancen_name">毛东东</div>

  136. 							<div class="ub-f1 tancen_id_num">230703000000000000</div>

  137. 							<img id="" class="tancen_select" src="images/ic_nor@2x.png" />

  138. 						</li>

  139. 						<li id="go_person_2" onclick="choice_or_cancle_person(this)" go_person_id="" class="ub ui_p_l25 ui_p_r25 ub-ac white_bccolor">

  140. 							<img class="tancen_edit" src="images/imgEditDis@2x.png" />

  141. 							<div class="tancen_name">毛东东</div>

  142. 							<div class="ub-f1 tancen_id_num">230703000000000000</div>

  143. 							<img id="" class="tancen_select" src="images/ic_nor@2x.png" />

  144. 						</li>

  145. 						<li id="go_person_3" go_person_id="" class="ub ub-ac white_bccolor">

  146. 							<img onclick="edit_person(this)" class="tancen_edit ui_p_l25 ui_p_r10" src="images/imgEditDis@2x.png" />

  147. 							<div class="ub ub-f1" onclick="choice_or_cancle_person(this)">

  148. 								<div style="width: 1%;" class="tancen_name ub-f1">毛东东</div>

  149. 								<div style="width: 1%;" class=" tancen_id_num ub-f4">230703000000000000</div>

  150. 								<img  id="" class="tancen_select ub-ae ui_p_r25" src="images/ic_nor@2x.png" />

  151. 							</div>

  152. 						</li>

  153. 					</ul>

  154. 				</div>

  155. 				<!--选择联系人结束-->

  156. 				<!--没有联系人弹层开始-->

  157. 				<div id="no_go_person" style="display: none; " class="sec_bg_color" id="no_contact_div">

  158. 					<div class="ub ui_p_l25 ui_p_r25  tancen_head_color ub-ac">

  159. 						<div onclick="cancel_tancen()" class="ub-f1 tancen_text_2 text_right" style="padding-top: 0.12rem; padding-bottom: 0.12rem;">取消</div>

  160. 					</div>

  161. 					<div style="background-color: rgb(229,229,229); padding-bottom: 1.215rem;">

  162. 						<div class="tancen_no_per_1  ">您还没有添加任何出行人信息</div>

  163. 						<div class="tancen_no_per_2">证件信息为必填项</div>

  164. 						<div onclick="add_new_go_person()" class="tancen_add_contact">去添加</div>

  165. 					</div>

  166. 				</div>

  167. 				<!--没有联系人弹层结束-->

  168. 			</div>

  169. 		</div>

  170. 	</body>

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

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

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

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

  175. 

  176. </html>