nizongfeng
/
ZZDZ
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
656 KiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZDZ/submit_order.html

200 lines
8.7 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html lang="en">

  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" type="text/css" href="public/css/main.css"/>

  8.     <link rel="stylesheet" type="text/css" href="public/css/master.css"/>

  9.     <link rel="stylesheet" type="text/css" href="public/css/ui-base.css"/>

  10.     <link rel="stylesheet" type="text/css" href="public/css/ui-box.css"/>

  11.     <link rel="stylesheet" type="text/css" href="public/css/ui-color.css"/>

  12.     	<link rel="stylesheet" type="text/css" href="public/css/bus_css/query_result.css"/>

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

  14.     	<style type="text/css">

  15.     		.warnings{

  16.     			background-color: #fffeea;

  17.     		}

  18.     		.warnings_span {

  19.     			position: relative;

  20.     			vertical-align: top;

  21.     			top: 0.03rem;

  22.     			color: #50576e;

  23.     			

  24.     		}

  25.     		.bor_left{

  26.     			border-bottom: 1px solid #333;

  27.     			border-left: 1px solid #333;

  28.     			border-top: 1px solid #333;

  29.     			color: #333;

  30.     		}

  31.     		.bor_left_c{

  32.     			border-bottom: 1px solid #999;

  33.     			border-left: 1px solid #999;

  34.     			border-top: 1px solid #999;

  35.     			color: #999;

  36.     		}

  37.     		.bor_right{

  38.     			border-bottom: 1px solid #333;

  39.     			border-right: 1px solid #333;

  40.     			border-top: 1px solid #333;

  41.     			color: #333;

  42.     		}

  43.     		.bor_right_c{

  44.     			border-bottom: 1px solid #999;

  45.     			border-right: 1px solid #999;

  46.     			border-top: 1px solid #999;

  47.     			color: #999;

  48.     		}

  49.     		.wechatbg{

  50. 			background-color: #3d434f;

  51. 		}

  52. 		.wechatbg_div1{

  53. 			color: #999;

  54. 		    font-family: "微软雅黑";

  55. 		}

  56. 		.wechatbg_div2{

  57. 			color: #fff;

  58. 		    font-family: "微软雅黑";

  59. 		}

  60. 		.wechat_bor{

  61. 			border-bottom: 1px solid #e5e5e5;

  62. 		}

  63.     	</style>

  64. </head>

  65. <body class="bg_color">

  66. 	<div id="go" style="margin-bottom: 0.6rem;" class="ub ub-ver white_bg_color">

  67. 		<div class="ub ui_p_b10 ui_p_t10 ui_p_l20 warnings ui_line_b">

  68. 			<img style="width: 0.15rem;margin-top: 0.05rem;" src="public/images/img_gantanhao.png"/>

  69. 			<span class="warnings_span">温馨提示：选择上车后系统会自动计算上车时间。</span>

  70. 		</div>

  71. 		<div style="height: 0.1rem;" class="bg_color"></div>

  72. 		<div class="ub white_bg_color ui_p_r25 ui_p_l25 ui_p_t15 ui_p_b05 ub-ae ui_line_b ">

  73. 			<div class="ub-f1">

  74. 				<span class=" lightblack_color" style="font-size: 0.24rem;">[时间]&nbsp;</span>

  75. 				<span class="ulev1" style="color: #666666;">[线路]</span>

  76. 				

  77. 			</div>

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

  79. 				<div class="text_right">

  80. 					<span class="fontgreen_color">[9月24日]</span>

  81. 					<span class="fontgreen_color" >&nbsp;[今天]</span>

  82. 				</div>

  83. 				<div class="text_right" style="color: #999999;">约3时10分</div>

  84. 			</div>

  85. 		</div>

  86. 		<div class="ub ub-ae white_bg_color ui_m_r25 ui_m_l25 ub-ae ui_p_t10 ui_p_b10 ui_line_b">

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

  88. 				<div class="ui_p_t05 ui_p_b05">

  89. 					<span class="ulev3 lightblack_color">[南京]</span>

  90. 					<span class="commongray_color">（出发地）</span>

  91. 				</div>

  92. 				<div class="ui_p_t05 ui_p_b05">

  93. 					<span class="ulev3 lightblack_color">[南通]</span>

  94. 					<span class="commongray_color">（目的地）</span>

  95. 				</div>

  96. 			</div>

  97. 			<div class="text_right ui_p_b10">

  98. 				<span class="main_font_color">￥</span>

  99. 				<span class="ulev7 main_font_color">[59]</span>

  100. 			</div>

  101. 		</div>

  102. 		<div class="ub white_bg_color ui_p_l25 ui_p_r25 ui_p_t10 ui_p_b10 ub-ac ui_line_b">

  103. 			<div class="ub-f1 commongray_color ulev1">人数：</div>

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

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

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

  107. 		</div>

  108. 		<!--<div class="ub white_bg_color ui_p_l25 ui_p_r25 ub-ac ui_p_t10 ui_p_b10 ub-ac ui_line_b">

  109. 			<div class="ub-f1 ulev2 lightblack_color">包车</div>

  110. 			<div class="ulev2 main_font_color ui_m_r20">￥688</div>

  111. 			<img style="width: 0.18rem;" src="public/images/ic_select_nor.png"/>

  112. 		</div>-->

  113. 		<div class="ub ub-ver opa">

  114. 			<div class="ub opa ui_m_r25 ui_m_l25 ui_line_b ub-ac">

  115. 				<img class="ui_m_r10 ui_p_t15 ui_p_b15" style="height: 0.5rem;" src="public/images/img_line.png"/>

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

  117. 					<div id="geton_bus" class="ub-f1 ub ui_p_b10 ui_p_t10 ui_line_b" style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">

  118. 						<div id="get_on" class="ulev1 ub-f1 commongray_color">选择上车地点</div>

  119. 						<img style="width: 0.08rem;position: relative;top: 0.02rem;" src="public/images/ic_return_n.png"/>

  120. 					</div>

  121. 					<div class="ub-f1 ub ui_p_b10 ui_p_t10">

  122. 						<div class="ulev1 commongray_color">上车时间：</div>

  123. 						<div id="on_time" class="ulev1 main_font_color"></div>

  124. 					</div>

  125. 				</div>

  126. 			</div>

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

  128. 				<img class="ui_m_r10 ui_p_t15 ui_p_b15" style="height: 0.5rem;" src="public/images/img_line.png"/>

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

  130. 					<div  id="getoff_bus" class="ub-f1 ub ui_p_b10 ui_p_t10 ui_line_b" style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">

  131. 						<div id="get_off" class="ulev1 ub-f1 commongray_color">选择下车地点</div>

  132. 						<img style="width: 0.08rem;position: relative;top: 0.02rem;" src="public/images/ic_return_n.png"/>

  133. 					</div>

  134. 					<div class="ub-f1 ub ui_p_b10 ui_p_t10">

  135. 						<div class="ulev1 commongray_color">下车时间：</div>

  136. 						<div id="off_time" class="ulev1 main_font_color"></div>

  137. 					</div>

  138. 				</div>

  139. 			</div>

  140. 		</div>

  141. 		

  142. 		<div class="ub white_bg_color ui_line_b">

  143. 			<img class="ui_p_l25 ui_p_b10 ui_p_r10" style="width: 0.13rem;padding-top: 0.12rem;position: relative;top: 0.02rem;" src="public/images/img_pro_d.png"/>

  144. 			<div class="ub-f1 ub ub-ver ub-pc">

  145. 				<div class="ub ub-ac ui_p_t10 ui_p_b10 ui_line_b">

  146. 					<div class="ulev1">联系人：</div>

  147. 					<input id="people_name" class="ub-f1 ulev1" type="text" placeholder="请输入">

  148. 				</div>

  149. 				<div class="ub ub-ac ui_p_t10 ui_p_b10">

  150. 					<div class="ulev1">手机号：</div>

  151. 					<input id="people_phone" class="ub-f1 ulev1" type="text" placeholder="请输入">

  152. 				</div>

  153. 			</div>

  154. 		</div>

  155. 	</div>

  156. 	<div style="position: fixed;bottom: 0;height: 0.45rem;width: 100%;" class="">

  157. 		<div class="white_bg_color" style="float: left;width: 60%;height: 0.45rem;">

  158. 			<span style="margin-left: 0.15rem;font-size: 0.14rem;line-height: 0.45rem;">总价：￥</span>

  159. 			<span id="total" class="ulev7">59</span>

  160. 			<!--<span class="red_font">已优惠￥10</span>-->

  161. 		</div>

  162. 		<div id="submit" class="main_color text_middle white_color ulev4" style="float: left;width: 40%;height: 0.45rem;line-height: 0.45rem;">支&nbsp;付</div>

  163. 	</div>

  164. 	

  165. 	<div id="actionSheet_wrap" >

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

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

  168. 		    	<!--选择证件类型弹框开始-->

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

  170. 			    		<img class="wechatbg_img" src="public/images/img_pulldown.png" style="width: 0.2rem;margin-top: 0.07rem;">

  171. 			    		<div id="sel_info" class="ub-f1 wechatbg_div1 ulev1 ui_p_l20">[选择上车站点]</div>

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

  173. 			    	</span>

  174. 			        <div style="padding-bottom: 0.7rem;min-height: 1.7rem;max-height: 1.7rem;" class="weui_actionsheet_menu ub ub-ver" id="wei_info">

  175. 			            	<div class="ub wechat_bor">

  176. 			            		<div style="margin-left: 0.3rem;font-size: 0.16rem;" class="ub-f1 weui_actionsheet_cell ulev2" id="[id]" time="[time]" name="[name]">[站点名称]</div>

  177. 			            	</div>

  178. 			        </div>

  179. 		        <!--选择证件类型弹框结束-->

  180. 		    </div>

  181. 		</div>

  182. 	

  183. 		<!--转圈圈-->

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

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

  186. 	    <div class="weui_toast">

  187. 	        <div class="weui_loading">

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

  189. 	        </div>

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

  191. 	    </div>

  192. 	</div>

  193. 	

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

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

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

  197. 	<script src="public/js/submit_order.js" type="text/javascript" charset="utf-8"></script>

  198. </body>

  199. </html>