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
 
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
XMWX/weixin2/order_detail.html

214 lines
13 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

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

  5. 		<meta name="format-detection" content="telephone=no">

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

  7. 		<title>订单详情</title>

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

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

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

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

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

  13. 	</head>

  14. 	<body  class="bg_color">

  15. 		<!--

  16.         	作者：yimazsq@163.com

  17.         	时间：2016-08-24

  18.         	描述：订单详情

  19.         -->

  20.         

  21.         <!--单一去程-->

  22.         <div id="go" class="ui_hide">

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

  24. 	        <div class="lightyellow_color ub ui_p_t10 ui_p_b10 ub-ac" id="title_div_go">

  25. 	        		<img class="ui_p_l25 ui_p_r05" src="images/a8/img_time.png" style="width: 0.1rem;position: relative;top: 0.02rem;"/>

  26. 	        		<div class="ub-ac" id="title_content_go">

  27. 	        			<span style="font-size: 0.13rem;">支付剩余时间：</span>

  28. 		        		<span style="font-size: 0.13rem;" id="minute_show_go"></span><span style="font-size: 0.13rem;" id="second_show_go"></span>

  29. 	        		</div>

  30. 	        </div>

  31.       

  32.         		<!--待支付-->

  33. 			<div class="layer_background ui_solid_gray ui_m_t10 ui_m_l10 ui_m_r10 ui_m_b10">

  34. 				<!--订单信息-->

  35. 				<div class="ub  line_color_b ui_line_b ui_p_l10">

  36. 					<div class="ub-f1 ui_p_t15 ui_p_b05">

  37. 						<span class="commongray_color" style="font-size: 0.12rem;">订单号：</span>

  38. 						<span class="commongray_color" style="font-size: 0.12rem;">[185518]</span>

  39. 					</div>

  40. 					<div class="ub-f1 [payred_color] text_right ui_p_r10 ulev2" style="padding-top: 0.1rem">[待支付]</div>

  41. 				</div>

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

  43. 				<div class="ub line_color_b ui_line_b">

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

  45. 						<div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 0.2rem;" class="ulev4 ui_p_t15 ui_line_b_d ui_p_b05">[出发地]</div>

  46. 						<div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="ui_p_t05 commongray_color line_color_b ui_line_b ui_p_b10">[出发地站点]</div>

  47. 						<div style="padding-top: 0.075rem;font-size: 0.17rem;" class="fontmiddle_color ulev3">[去程时间]</div>

  48. 						<div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[去程日期]</div>

  49. 					</div>

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

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

  52. 						<div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.2rem;" class="ulev4 ui_p_t15 ui_line_b_d ui_p_b05">[目的地]</div>

  53. 						<div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="ui_p_t05 commongray_color line_color_b ui_line_b ui_p_b10">[目的地站点]</div>

  54. 						<div style="padding-top: 0.075rem;font-size: 0.17rem;" class="fontmiddle_color ulev3">[去程人数]</div>

  55. 						<div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[去程座位]</div>

  56. 					</div>

  57. 				</div>

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

  59. 				<div class="ub line_color_b ub-ver ui_p_t15">

  60. 					<div class="commongray_color line_color_b ui_line_b ui_p_b05 ui_p_l10 " style="font-size: 0.12rem;">乘客信息</div>

  61. 					<div class=" ui_p_b10 line_color_b ui_line_b" id="passenger_go">

  62. 						<div class="ub  ub-ac ui_p_t10" >

  63. 							<div class="ub-f1 ui_p_l30 fontmiddle_color ulev1">[乘车人]</div>

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

  65. 								<span class="commongray_color" style="font-size: 0.12rem;">身份证：</span><span class="commongray_color" style="font-size: 0.12rem;">[身份证信息]</span>

  66. 							</div>

  67. 						</div>

  68. 						<!--<div class="ub  ub-ac  ui_p_t10">

  69. 							<div class="ub-f1 ui_p_l30 commongray_color"></div>

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

  71. 								<span class="lightgray_color" style="font-size: 0.1rem;">身份证：</span><span class="lightgray_color" style="font-size: 0.1rem;"></span>

  72. 							</div>

  73. 						</div>-->

  74. 					</div>

  75. 				</div>

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

  77. 				<div class="ub  line_color_b  ub-ver ui_p_t05">

  78. 					<div class="commongray_color line_color_b ui_line_b ui_p_t10 ui_p_b05 ui_p_l10" style="font-size: 0.12rem;">联系人</div>

  79. 					<div>

  80. 						<div class="ub line_color_b ui_line_b ui_p_t15 ui_p_b15 ub-ac">

  81. 							<div class="ub-f1 ui_p_l30 fontmiddle_color ulev1" >[联系人]</div>

  82. 							<div class="ub-f1 ui_p_r30 text_right fontmiddle_color" style="font-size: 0.12rem;">[联系人手机号]</div>

  83. 						</div>

  84. 					</div>

  85. 				</div>

  86. 				<!--价格信息-->

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

  88. 					<div style="width: 1%;" class="ub-f2" >

  89. 						<span style="font-size: 0.14rem;" class="commongray_color ui_p_l30">总额：</span>

  90. 						<span style="font-size: 0.14rem;" class="fontgreen_color">¥</span>

  91. 						<span class="ulev6 fontgreen_color" id="price" style="top: 0.01rem;position: relative;">[50]</span>

  92. 					</div>

  93. 					<div style="display: none;"></div>

  94. 					<!--待支付状态-->

  95. 					<!--<div class="ub-f1 darkgreen_color white_color text_middle ulev1 " style="padding:0.12rem 0;">去支付</div>-->

  96. 					<!--已出票状态-->

  97. 					<!--<div class="ub-f1 text_middle ui_radiu_all ui_m_r25 ui_m_t05 ui_m_b05" style="padding:0.07rem 0; border: 1px solid #3d434f;">退票</div>-->

  98. 					<!--已完成状态-->

  99. 					<!--<div class="ub-f1 text_middle ui_radiu_all ui_m_r25 ui_m_t05 ui_m_b05 fontgreen_color" style="padding:0.07rem 0; border: 1px solid #5cc4bb;">重新购票</div>-->

  100. 				</div>

  101. 			</div>

  102. 		</div>

  103. 		<!--end 去程-->

  104. 		

  105. 		 <!--往返程-->

  106.         <div id="goback">

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

  108. 	        <div class="lightyellow_color ub ui_p_t10 ui_p_b10 ub-ac" id="title_div_back">

  109. 	        		<span class="ui_p_l25 ui_p_r05"><img src="images/a8/img_time.png" style="width: 0.1rem;position: relative;top: 0.02rem;"/></span>

  110. 	        		<div class="ub-ac" id="title_content_back">

  111. 	        			<span style="font-size: 0.13rem;">支付剩余时间：</span>

  112. 		        		<span style="font-size: 0.13rem;" id="minute_show"></span><span style="font-size: 0.13rem;" id="second_show"></span>

  113. 		        		<span style="font-size: 0.13rem;" id="residual_time_back">（往返订单请合并支付）</span>

  114. 	        		</div>

  115. 	        </div>

  116.       

  117.         		<!--待支付-->

  118. 			<div class="layer_background ui_solid_gray ui_m_t10 ui_m_l10 ui_m_r10 ui_m_b10">

  119. 				<!--订单信息-->

  120. 				<div class="ub line_color_b ui_line_b ui_p_l10">

  121. 					<div class="ub-f1 ui_p_t15 ui_p_b05">

  122. 						<span class="commongray_color" style="font-size: 0.12rem;">订单号：</span>

  123. 						<span class="commongray_color" style="font-size: 0.12rem;">[185518]</span>

  124. 					</div>

  125. 					<div class="ub-f1 payred_color text_right ui_p_r10 ulev2" style="padding-top: 0.1rem">[待支付]</div>

  126. 				</div>

  127. 				<!--行程信息 往返-->

  128. 				<!--去程-->

  129. 				<div class="ub line_color_b ui_line_b">

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

  131. 						<div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 0.2rem;"  class="ulev4 ui_p_t15 ui_line_b_d ui_p_b05">[出发地]</div>

  132. 						<div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="ui_p_t05 commongray_color line_color_b ui_line_b ui_p_b10">[出发地站点]</div>

  133. 						<div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ulev3 fontmiddle_color">[去程时间]</div>

  134. 						<div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[去程日期]</div>

  135. 					</div>

  136. 					<img class="qu" src="images/a3/img_go.png"/>

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

  138. 						<div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.2rem;" class="ulev4 ui_p_t15 ui_line_b_d ui_p_b05">[目的地]</div>

  139. 						<div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="ui_p_t05 commongray_color line_color_b ui_line_b ui_p_b10">[目的地站点]</div>

  140. 						<div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ulev3 fontmiddle_color">[去程人数]</div>

  141. 						<div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[去程座位]</div>

  142. 					</div>

  143. 				</div>

  144. 				<div class="ub line_color_b ui_line_b">

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

  146. 						<div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 0.2rem;" class="ulev4 ui_p_t15 ui_line_b_d ui_p_b05">[返程出发地]</div>

  147. 						<div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="ui_p_t05 commongray_color line_color_b ui_line_b ui_p_b10">[返程出发地站点]</div>

  148. 						<div style="padding-top: 0.075rem;font-size: 0.17rem;" class="fontmiddle_color">[返程时间]</div>

  149. 						<div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[返程日期]</div>

  150. 					</div>

  151. 					<img class="fan" src="images/a8/img_return.png"/>

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

  153. 						<div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.2rem;" class="ulev4 ui_p_t15 ui_line_b_d ui_p_b05">[返程目的地]</div>

  154. 						<div style="padding-bottom: 0.075rem;border-bottom: 1px solid #f0f2f6;font-size: 0.13rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="ui_p_t05 commongray_color line_color_b ui_line_b ui_p_b10">[返程目的地站点]</div>

  155. 						<div style="padding-top: 0.075rem;font-size: 0.17rem;" class="ulev3 fontmiddle_color">[返程人数]</div>

  156. 						<div class="ui_p_b10 commongray_color" style="font-size: 0.12rem;">[返程座位]</div>

  157. 					</div>

  158. 				</div>

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

  160. 				<div class="ub  line_color_b ub-ver ui_p_t15">

  161. 					<div class="commongray_color line_color_b ui_line_b ui_p_b05 ui_p_l10 " style="font-size: 0.12rem;">乘客信息</div>

  162. 					<div class=" ui_p_b10 line_color_b ui_line_b" id="passenger">

  163. 						<div class="ub  ub-ac ui_p_t10" >

  164. 							<div class="ub-f1 ui_p_l30 commongray_color ulev1">[乘车人]</div>

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

  166. 								<span class="lightgray_color" style="font-size: 0.12rem;">身份证：</span><span class="commongray_color" style="font-size: 0.12rem;">[身份证信息]</span>

  167. 							</div>

  168. 						</div>

  169. 						<!--<div class="ub  ub-ac  ui_p_t10">

  170. 							<div class="ub-f1 ui_p_l30 commongray_color"></div>

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

  172. 								<span class="lightgray_color" style="font-size: 0.1rem;">身份证：</span><span class="lightgray_color" style="font-size: 0.1rem;"></span>

  173. 							</div>

  174. 						</div>-->

  175. 					</div>

  176. 				</div>

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

  178. 				<div class="ub  line_color_b  ub-ver ui_p_t05">

  179. 					<div class="commongray_color line_color_b ui_line_b ui_p_t10 ui_p_b05 ui_p_l10" style="font-size: 0.12rem;">联系人</div>

  180. 					<div>

  181. 						<div class="ub line_color_b ui_line_b ui_p_t15 ui_p_b15 ub-ac" >

  182. 							<div class="ub-f1 ui_p_l30 commongray_color ulev1" >[联系人]</div>

  183. 							<div class="ub-f1 ui_p_r30 text_right fontmiddle_color" style="font-size: 0.12rem;">[联系人手机号]</div>

  184. 						</div>

  185. 					</div>

  186. 				</div>

  187. 				<!--价格信息-->

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

  189. 					<div style="width: 1%;" class="ub-f2" >

  190. 						<span style="font-size: 0.14rem;" class="commongray_color ui_p_l30">总额：</span>

  191. 						<span style="font-size: 0.14rem;" class="fontgreen_color">¥</span>

  192. 						<span class="ulev6 fontgreen_color" id="price" style="top: 0.01rem;position: relative;">[50]</span>

  193. 					</div>

  194. 					<div style="display: none;" class="noneback"></div>

  195. 					<!--待支付状态-->

  196. 					<!--<div class="ub-f1 darkgreen_color white_color text_middle ulev1 " style="padding:0.12rem 0;">去支付</div>-->

  197. 					<!--已出票状态-->

  198. 					<!--<div class="ub-f1 text_middle ui_radiu_all ui_m_r25 ui_m_t05 ui_m_b05" style="padding:0.07rem 0; border: 1px solid #3d434f;">退票</div>-->

  199. 					<!--已完成状态-->

  200. 					<!--<div class="ub-f1 text_middle ui_radiu_all ui_m_r25 ui_m_t05 ui_m_b05 fontgreen_color" style="padding:0.07rem 0; border: 1px solid #5cc4bb;">重新购票</div>-->

  201. 				</div>

  202. 			</div>

  203. 		</div>

  204. 		<!--end 往返-->

  205. 		

  206. 		

  207. 		

  208. 	</body>

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

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

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

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

  213. </html>