nizongfeng
/
ZZFX
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
3.0 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZFX/order_details.html

288 lines
10 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. 	<head>

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

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

  7. 		<link rel="stylesheet" href="css/font-awesome.min.css">

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

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

  10. 		<link rel="stylesheet" href="css/ace.min.css">

  11. 		<link rel="stylesheet" href="css/xcConfirm.css" />

  12. 		<script src="js/jquery-2.2.4.min.js"></script>

  13. 		<script src="js/order_detail.js"></script>

  14. 		

  15. 		<!-- 	<script src="js/bootstrap.min.js"></script> -->

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

  17. 			body {

  18. 				font-size: 12px !important;

  19. 				background-color: #fff;

  20. 			}

  21. 			

  22. 			#orderCount {

  23. 				margin-top: 0px;

  24. 				width: 916px;

  25. 				height: 44px;

  26. 			}

  27. 			

  28. 			#sample-table-1 .padding {

  29. 				padding-bottom: 10px;

  30. 			}

  31. 			

  32. 			#sample-table-1 .gray {

  33. 				color: gray !important;

  34. 			}

  35. 			

  36. 			#sample-table-1 tbody td div:last-child {

  37. 				padding-bottom: 0;

  38. 			}

  39. 			

  40. 			#sample-table-1 td,

  41. 			th {

  42. 				text-align: center;

  43. 				vertical-align: middle;

  44. 			}

  45. 			

  46. 			#fuelux-wizard ul> li> span:not(:first-child) {

  47. 				font-size: 12px;

  48. 			}

  49. 			

  50. 			.control-show {

  51. 				float: left;

  52. 			}

  53. 			

  54. 		.notifacation {

  55. 			width: 160px;

  56. 			height: 34px;

  57. 			border: 1px solid lightgray;

  58. 			margin-top: 10px;

  59. 			margin-left: 20px;

  60. 			text-align: center;

  61. 			display: inline-block;

  62. 			line-height: 34px;

  63. 		}

  64. 		</style>

  65. 	</head>

  66. 

  67. 	<body>

  68. 		<div class="navbar navbar-default" style="margin-bottom: 0px;">

  69. 			<div class="navbar-header ">

  70. 				<a href="#" class="navbar-brand">

  71. 					<i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;V1.0</sub>

  72. 				</a>

  73. 			</div>

  74. 		</div>

  75. 

  76. 		<div class="warp clearfix">

  77. 			<div class="control-bar">

  78. 			</div>

  79. 			<div class="control-show" style="width:1200px; display:block;" id="detail_info">

  80. 

  81. 				<div style="width:1200px; margin:40px 0 0 40px;">

  82. 

  83. 					<div style="margin-bottom:10px;font-size:14px;">订单详情</div>

  84. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;height: 180px;" id="order-pay">

  85. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;" id="payStyle">

  86. 							<!--<p class="text-muted order_no"></p>

  87. 							<p class="order_status"></p>

  88. 							<button class="btn btn-white" style="padding:2px 18px;font-size:12px;margin-right:10px;" id="cancel" onclick="click_show_div('.remark1',$(this))">取消</button>

  89. 							<i class="icon-time bigger-110"></i><span id="countdown"></span>

  90. 							<p></p>

  91. 							<p class="order_source"></p>

  92. 							<p class="sales"></p>-->

  93. 							

  94. 							<div style="margin-top: 10px">订单号：[订单号]</div>

  95. 							<div style="margin-top: 20px; font-size: 16px;font-weight: bold;">[已完成]</div>

  96. 							

  97. 						</div>

  98. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  99. 							<ul class="wizard-steps">

  100. 								<li data-target="#step1" id="one" class="active">

  101. 									<span class="step">1</span>

  102. 									<span class="title">提交订单</span>

  103. 									<span class="title order_sub_date"></span>

  104. 									<span class="title order_sub_time"></span>

  105. 								</li>

  106. 

  107. 								<li data-target="#step2" id="two" class="active">

  108. 									<span class="step">2</span>

  109. 									<span class="title">付款成功</span>

  110. 									<span class="title order_pay_success_date"></span>

  111. 									<span class="title order_pay_success_time"></span>

  112. 								</li>

  113. 

  114. 								<li data-target="#step3" id="three" class="active">

  115. 									<span class="step">3</span>

  116. 									<span class="title">出票成功</span>

  117. 									<span class="title order_ticket_success_date"></span>

  118. 									<span class="title order_ticket_success_time"></span>

  119. 								</li>

  120. 

  121. 								<li data-target="#step4" id="four">

  122. 									<span class="step">4</span>

  123. 									<span class="title">出行成功</span>

  124. 									<span class="title order_ticket_success_date"></span>

  125. 									<span class="title order_ticket_success_time"></span>

  126. 								</li>

  127. 							</ul>

  128. 							<!--<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>-->

  129. 							<!--<div id="orderCount">

  130. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  131. 							</div>-->

  132. 						</div>

  133. 						<div style="clear:both;"></div>

  134. 					</div>

  135. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-ticket">

  136. 						<!--<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  137. 							<p class="text-muted order_no"></p>

  138. 							<p class="order_status"></p>

  139. 							<a href="./change_back.html?orderid=" class="btn btn-white" style="padding:2px 18px;font-size:12px;">退改</a>

  140. 							<p></p>

  141. 							<p class="order_source"></p>

  142. 							<p class="sales"></p>

  143. 						</div>-->

  144. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  145. 							<ul class="wizard-steps">

  146. 								

  147. 							</ul>

  148. 							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>

  149. 							<div id="orderCount">

  150. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  151. 							</div>

  152. 						</div>

  153. 						<div style="clear:both;"></div>

  154. 					</div>

  155. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-complete">

  156. 						<!--<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  157. 							<p class="text-muted order_no"></p>

  158. 							<p class="order_status"></p>

  159. 							<p class="order_source"></p>

  160. 							<p class="sales"></p>

  161. 						</div>-->

  162. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  163. 							<ul class="wizard-steps">

  164. 								<li data-target="#step1" class="active">

  165. 									<span class="step">1</span>

  166. 									<span class="title">提交订单</span>

  167. 									<span class="title order_sub_date"></span>

  168. 									<span class="title order_sub_time"></span>

  169. 								</li>

  170. 

  171. 								<li data-target="#step2" class="active">

  172. 									<span class="step">2</span>

  173. 									<span class="title">付款成功</span>

  174. 									<span class="title order_pay_success_date"></span>

  175. 									<span class="title order_pay_success_time"></span>

  176. 								</li>

  177. 

  178. 								<li data-target="#step3" class="active">

  179. 									<span class="step">3</span>

  180. 									<span class="title">出票成功</span>

  181. 									<span class="title order_ticket_success_date"></span>

  182. 									<span class="title order_ticket_success_time"></span>

  183. 								</li>

  184. 

  185. 								<li data-target="#step4" class="active">

  186. 									<span class="step">4</span>

  187. 									<span class="title">出行成功</span>

  188. 									<span class="title order_travel_success_date"></span>

  189. 								</li>

  190. 							</ul>

  191. 							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>

  192. 							<div id="orderCount">

  193. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  194. 							</div>

  195. 						</div>

  196. 						<div style="clear:both;"></div>

  197. 					</div>

  198. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-cancel">

  199. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  200. 							<p class="text-muted order_no"></p>

  201. 							<p class="order_status"></p>

  202. 							<p class="order_source"></p>

  203. 							<p class="sales"></p>

  204. 						</div>

  205. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  206. 							<ul class="wizard-steps">

  207. 								<li data-target="#step1" class="active">

  208. 									<span class="step">1</span>

  209. 									<span class="title">提交订单</span>

  210. 									<span class="title order_sub_date"></span>

  211. 									<span class="title order_sub_time"></span>

  212. 								</li>

  213. 

  214. 								<li data-target="#step2" class="active">

  215. 									<span class="step">2</span>

  216. 									<span class="title order_cancel_reason"></span>

  217. 									<span class="title order_cancel_date"></span>

  218. 									<span class="title order_cancel_time"></span>

  219. 								</li>

  220. 							</ul>

  221. 							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>

  222. 							<div id="orderCount">

  223. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  224. 							</div>

  225. 						</div>

  226. 						<div style="clear:both;"></div>

  227. 					</div>

  228. 

  229. 					<div class="row" style="margin-bottom:20px;" id="ticket-details">

  230. 						<div class="col-xs-12">

  231. 							<!-- PAGE CONTENT BEGINS -->

  232. 

  233. 							<div class="row">

  234. 								<div class="col-xs-12">

  235. 									<div class="table-responsive">

  236. 										<table id="sample-table-1" class="table table-striped table-bordered">

  237. 											<thead>

  238. 												<tr style=" background: #fff;">

  239. 													<th>线路</th>

  240. 													<th>出发地</th>

  241. 													<th>目的地</th>

  242. 													<th>出发时间</th>

  243. 													<th>车次</th>

  244. 													<th>联系人信息</th>

  245. 													<th>数量</th>

  246. 													<th>金额</th>

  247. 												</tr>

  248. 											</thead>

  249. 

  250. 											<tbody>

  251. 												<tr>

  252. 													<td>[线路]</td>

  253. 													<td>[出发地]</td>

  254. 													<td>[目的地]</td>

  255. 													<td>[出发时间]</td>

  256. 													<td>[车次]</td>

  257. 													<td>[联系人信息]</td>

  258. 													<td>[数量]</td>

  259. 													<td>[金额]</td>

  260. 												</tr>

  261. 										</table>

  262. 									</div>

  263. 									<!-- /.table-responsive -->

  264. 								</div>

  265. 								<!-- /span -->

  266. 							</div>

  267. 							<!-- /row -->

  268. 						</div>

  269. 						<!-- /.col -->

  270. 					</div>

  271. 					<!-- /.row -->

  272. 							

  273. 					<div style="margin-bottom:20px;font-size:14px;font-weight: bold;margin-top: 40px;border-bottom: 1px solid darkgray;padding-bottom: 15px;">车辆信息</div>

  274. 					

  275. 					<div style="width: 310px; height: 100px; background-color: rgb(215,215,215);">

  276. 						<div style=" margin-left: 15px; padding-top: 20px;" id="carid">车牌号：[车牌号]</div>

  277. 						<div style="margin-top: 20px; margin-left: 15px;" id="drivername">司机姓名：[司机姓名]</div>

  278. 					</div>

  279. 					

  280. 				</div>

  281. 			</div>

  282. 		</div>

  283. 		

  284. 	</body>

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

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

  287. 

  288. </html>