nizongfeng
/
zzcx_line
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
2 提交
1 分支
17 MiB
 
 
 
 
分支: master
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'master'
${ noResults }
zzcx_line/coding/keepStay.html

477 行
16 KiB
原始文件 永久链接 Blame 文件历史 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

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

  5. 		<link rel="stylesheet" href="css/keepStay.css" />

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

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

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

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

  10. 		<!--/模板/-->

  11. 		<link rel="stylesheet" href="css/master.css" charset="UTF-8">

  12. 		<script src="js/master.js"></script>	

  13. 		

  14. 		<title>订单续住</title>

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

  16. 			.profile-user-info-striped .profile-info-name {

  17. 	    color: #336199;

  18. 	    background-color: #FFFFFF;

  19. 	    border-top: 1px solid #f7fbff;

  20. }			

  21. 			#first{

  22. 				 text-align: center;

  23. 			}

  24. 		</style>

  25. 

  26. 		

  27. 	</head>

  28. 	<body >

  29. 		<div class="navbar navbar-default">

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

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

  32. 				<i class="icon-leaf"></i>

  33. 				CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>

  34. 			</a>

  35. 		</div>

  36. 	</div>

  37. 	

  38. 	<div id="show_html" style="display:none;" class="warp clearfix">

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

  40. 			<div class="sidebar-shortcuts">

  41. 				<button class="btn btn-success">

  42. 					<i class="icon-signal"></i>

  43. 				</button>

  44. 

  45. 				<button class="btn btn-info">

  46. 					<i class="icon-pencil"></i>

  47. 				</button>

  48. 

  49. 				<button class="btn btn-warning">

  50. 					<i class="icon-group"></i>

  51. 				</button>

  52. 

  53. 				<button class="btn btn-danger">

  54. 					<i class="icon-cogs"></i>

  55. 				</button>

  56. 

  57. 			</div>

  58. 			<ul class="nav nav-list">

  59. 				<li class="">

  60. 					<a class="">

  61. 						<i class="icon-dashboard"></i>

  62. 						<span class="menu-text"> 营运中心 </span>

  63. 					</a>

  64. 				</li>

  65. 				<li>

  66. 					<a href="">

  67. 						<i class="icon-text-width"></i>

  68. 						<span class="menu-text"> 集散资源 </span>

  69. 					</a>

  70. 				</li>

  71. 

  72. 				<li>

  73. 					<a href="#" class="">

  74. 						<i class="icon-desktop"></i>

  75. 						<span class="menu-text"> 线路管理 </span>

  76. 

  77. 						

  78. 					</a>					

  79. 				</li>

  80. 

  81. 				<li>

  82. 					<a href="#" class="">

  83. 						<i class="icon-list"></i>

  84. 						<span class="menu-text"> 票种管理 </span>

  85. 

  86. 						

  87. 					</a>					

  88. 				</li>

  89. 				<li class="active">

  90. 					<a href="#" class="dropdown-toggle">

  91. 						<i class="icon-edit"></i>

  92. 						<span class="menu-text"> 班次管理 </span>

  93. 						<b class="arrow icon-angle-down"></b>

  94. 					</a>

  95. 					<ul class="submenu">

  96. 						<li><a><i class="icon-double-angle-right"></i>添加班次</a></li>

  97. 						<li><a><i class="icon-double-angle-right"></i>修改版次</a></li>

  98. 						<li><a><i class="icon-double-angle-right"></i>班次列表</a></li>

  99. 						<li class="">

  100. 							<a class="dropdown-toggle">

  101. 								<i class="icon-double-angle-right"></i>班次详情

  102. 								<b class="arrow icon-angle-down"></b>

  103. 							</a>

  104. 							<ul class="submenu">

  105. 								<li>

  106. 									<a href="">

  107. 										<i class="icon-leaf"></i>

  108. 										班次基本信息

  109. 									</a>

  110. 								</li>

  111. 								<li>

  112. 									<a href="">

  113. 										<i class="icon-leaf"></i>

  114. 										班次车票信息

  115. 									</a>

  116. 								</li>

  117. 							</ul>

  118. 						</li>						

  119. 						<li><a><i class="icon-double-angle-right"></i>调派资源</a></li>

  120. 

  121. 					</ul>

  122. 				</li>

  123. 				

  124. 				<li class="">

  125. 					<a href="#" class="">

  126. 						<i class="icon-file-alt"></i>

  127. 

  128. 						<span class="menu-text">

  129. 							产品管理

  130. 

  131. 						</span>

  132. 

  133. 						

  134. 					</a>

  135. 				</li>

  136. 				<li>

  137. 					<a href="#">

  138. 						<i class="icon-calendar"></i>

  139. 

  140. 						<span class="menu-text">

  141. 							车票

  142. 							<span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">

  143. 								<i class="icon-warning-sign red bigger-130"></i>

  144. 							</span>

  145. 						</span>

  146. 					</a>

  147. 				</li>

  148. 

  149. 				<li>

  150. 					<a href="#">

  151. 						<i class="icon-picture"></i>

  152. 						<span class="menu-text"> 酒店 </span>

  153. 					</a>

  154. 				</li>

  155. 

  156. 				<li>

  157. 					<a href="#" class="">

  158. 						<i class="icon-tag"></i>

  159. 						<span class="menu-text"> 门票 </span>						

  160. 					</a>					

  161. 				</li>

  162. 				<li class="">

  163. 					<a href="#" class="">

  164. 						<i class="icon-file-alt"></i>

  165. 

  166. 						<span class="menu-text">

  167. 							订单中心

  168. 							<span class="badge badge-primary ">5</span>

  169. 						</span>

  170. 

  171. 						

  172. 					</a>

  173. 				</li>

  174. 

  175. 			</ul>

  176. 		</div>

  177. 		<div class="control-show">

  178. 			<!--右侧内容-->

  179. 	<div style="width:1200px; margin-left: 40px;margin-top: 40px; float: left;">

  180. 			<div>订单续住</div>

  181. 			<hr style="width: 1200px;margin-top: 20px;"/>

  182. 			<div id="topchart" >

  183. 				<div id="chartLeftSpan">

  184. 					<div id="orderNo" style="margin-left: 30px;margin-top: 20px;font-size: 10px;color: darkgray;">订 单 号：[订单号]</div>

  185. 					<div id="ifStay" style="margin-left: 30px;margin-top: 30px;font-size: 18px;">[是否入住]</div>

  186. 					<div id="orderCome" style="margin-top:60px ;margin-left: 30px;font-size: 10px;">订单来源：[分销商(上海驴妈妈)]</div>

  187. 					<div id="saleStyle"style="margin-top: 15px;margin-left: 30px;font-size: 10px;">销售方式：[酒店]</div>

  188. 				</div>

  189. 				<div id="chartRightSpan" style=" width: 918px;">

  190. 					<div id="orderDetail" style="margin-left: 35px;">

  191. 						<div id="commitOrder" style="float: left;">

  192. 							<ul style="list-style: none;margin-top: 20px; width: 80px;">

  193. 	   							<li id="a" style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>

  194. 								<li style="margin-top: 10px;">提交订单</li>

  195. 							    <li style="margin-top: 10px;margin-left: -10px;">[2016.03.02]</li>

  196. 							    <li style="margin-left: 5px;">[20:30]</li>

  197. 							</ul>

  198. 						</div>

  199. 						<div id="affirmOrder" style="float: left;  margin-left: 35px;">

  200. 							<ul style="list-style: none;margin-top: 25px; width: 60px;">

  201. 	   							<li style="width: 20px;height: 20px;border: 3px solid greenyellow; border-radius: 10px;margin-left: 10px;"></li>

  202. 								<li style="margin-top: 10px; margin-top: 15px; margin-left: 5px;">确认</li>

  203. 							    <li style="margin-top: 10px; margin-left: -15px;">[2016.03.02]</li>

  204. 							    <li>[20:30]</li>

  205. 							</ul>

  206. 						</div>

  207. 						<div id="payOrder" style="float: left; margin-left: 60px; ">

  208. 							<ul style="list-style: none;margin-top: 20px; width: 80px;">

  209. 	   							<li style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>

  210. 								<li style="margin-top: 10px;">付款成功</li>

  211. 							    <li style="margin-top: 10px; margin-left: -10px;">[2016.03.02]</li>

  212. 							    <li style="margin-left: 5px;">[20:30]</li>

  213. 							</ul>

  214. 						</div>

  215. 						<div id="attentionOrder" style="float: left; margin-left: 60px; ">

  216. 							<ul style="list-style: none;margin-top: 25px; width: 60px;">

  217. 	   							<li style="width: 20px;height: 20px;border: 3px solid greenyellow; border-radius: 10px;margin-left: 10px;"></li>

  218. 								<li style="margin-top: 10px; margin-top: 15px; margin-left: 7px;">通知</li>

  219. 							    <li style="margin-top: 10px; margin-left: -15px;">[2016.03.02]</li>

  220. 							    <li>[20:30]</li>

  221. 							</ul>

  222. 						</div>

  223. 						<div id="arrangeOrder" style="float: left; margin-left: 60px;">

  224. 							<ul style="list-style: none;margin-top: 20px;  width: 80px;">

  225. 	   							<li style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>

  226. 								<li style="margin-top: 10px;">确认安排</li>

  227. 							    <li style="margin-top: 10px; margin-left: -10px;">[2016.03.02]</li>

  228. 							    <li style="margin-left: 5px;">[20:30]</li>

  229. 							</ul>

  230. 						</div>

  231. 						<div id="checkIn" style="float: left; margin-left: 80px; ">

  232. 							<ul style="list-style: none;margin-top: 20px; width: 80px;">

  233. 	   							<li style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>

  234. 								<li style="margin-top: 10px;">入住酒店</li>

  235. 							    <li style="margin-top: 10px;margin-left: -10px;">[2016.03.02]</li>

  236. 							    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-</li>

  237. 							    <li style="margin-left: -10px;">[2016.03.02]</li>

  238. 							</ul>

  239. 						</div>

  240. 						<div>

  241. 							

  242. 						</div>

  243. 						

  244. 					</div>

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

  246. 					<div id="orderCount">

  247. 						<span  class="notifacation" style="margin-left: 35px;">订单备忘：[a]条</span>

  248. 						<span  class="notifacation">短信通知：[b]条</span>

  249. 						<span  class="notifacation">订单附件：[c]条</span>

  250. 					</div>

  251. 				</div>

  252. 			</div>

  253. 			<br />

  254. 			<br />

  255. 			<br />

  256. 			<div>预订信息</div>

  257. 			<hr style="width: 1200px;margin-top: 20px;"/>

  258. 			<div style="float: left; margin-left: -10px;" id="carBasicInfo">

  259. 			<div class="tabbable">

  260. 				<div class="profile-user-info profile-user-info-striped" style="margin-top: 20px;">

  261. 					<div class="profile-info-row">

  262. 						<div class="profile-info-name">产&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品：</div>

  263. 						<div class="profile-info-value">

  264. 							<span class="editable editable-click" id="startarea">[产品]&nbsp;&nbsp;[房型]</span>

  265. 						</div>

  266. 					</div>

  267. 					<div class="profile-info-row">

  268. 						<div class="profile-info-name">订单来源：</div>

  269. 						<div class="profile-info-value">

  270. 							<span class="editable editable-click" id="starttime">[销售渠道]&nbsp;|&nbsp;[产品公司]&nbsp;&nbsp;&nbsp;订单号：[订单号]</span>

  271. 						</div>

  272. 					</div>

  273. 				

  274. 					<!--途径站点-->

  275. 					<div class="profile-info-row">

  276. 						<div class="profile-info-name">入住日期：</div>

  277. 						<div class="profile-info-value">

  278. 							<div id="getTime">

  279. 								<span>[出发日期]</span>

  280. 								<span style="padding-left: 50px;">共[t]晚 ，[小时]时最晚到店</span>

  281. 							</div>

  282. 							<div class="row" style="margin-top: 20px;">

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

  284. 									<div style="width: 1200px;" class="table-responsive">

  285. 										<table width="1200px" id="sample-table-1" class="table table-striped table-bordered table-hover">

  286. 											<thead>

  287. 												<tr>

  288. 													<th width="270px">入住日期</th>

  289. 													<th width="100px">数量</th>

  290. 													<th width="120px">采购价</th>

  291. 													<th width="120px">结算价</th>

  292. 													<th width="120px">零售价</th>

  293. 													<th width="120px">采购价金额</th>

  294. 													<th width="120px">结算价金额</th>

  295. 													<th width="120px">销售利润</th>

  296. 												</tr>

  297. 											</thead>

  298. 											<tbody id="stayTime">

  299. 												<tr id="tr_one">

  300. 													<td>[入住日期]</td>

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

  302. 													<td>[采购价]</td>

  303. 													<td>[结算价]</td>

  304. 													<td>[零售价]</td>

  305. 													<td>[采购价金额]</td>

  306. 													<td>[结算价金额]</td>

  307. 													<td>[销售利润]</td>

  308. 												</tr>

  309. 												<tr id="tr_total">

  310. 													<td>总计：</td>

  311. 													<td></td>

  312. 													<td></td>

  313. 													<td></td>

  314. 													<td></td>

  315. 													<td>[总采购价金额]</td>

  316. 													<td>[总结算价金额]</td>

  317. 													<td>[总销售利润]</td>

  318. 												</tr>

  319. 											</tbody>

  320. 										</table>

  321. 									</div>

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

  323. 								</div>

  324. 								<!-- /span -->

  325. 							</div>

  326. 							<!--row end-->

  327. 						</div>

  328. 					</div>

  329. 					

  330. 					<!--承运信息-->

  331. 					<div class="profile-info-row">

  332. 						<div class="profile-info-name">续住晚数：</div>

  333. 						<div class="profile-info-value">

  334. 							<div id="selectCount">

  335. 								<select id="select_status" style="margin-right: 10px;width:100px;">

  336. 									<option value="请选择">请选择</option>

  337. 									<option value="1晚">待审核</option>

  338. 									<option value="2晚">待调派</option>

  339. 								</select>

  340. 							</div>

  341. 							<div class="row" style="margin-top: 10px;">

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

  343. 									<div style="width: 1200px;" class="table-responsive">

  344. 										<table width="1200px" id="sample-table-1" class="table table-striped table-bordered table-hover">

  345. 											<thead>

  346. 												<tr>

  347. 													<th width="160px">入住日期</th>

  348. 													<th width="110px">库存</th>

  349. 													<th width="100px">数量</th>

  350. 													<th width="120px">采购价</th>

  351. 													<th width="120px">结算价</th>

  352. 													<th width="120px">零售价</th>

  353. 													<th width="120px">结算价金额</th>

  354. 													<th width="120px">销售利润</th>

  355. 												</tr>

  356. 											</thead>

  357. 											<tbody id="continueStay">

  358. 												<tr id="tr_one_cont">

  359. 													<td>[入住日期]</td>

  360. 													<td>[库存]</td>

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

  362. 													<td>[采购价]</td>

  363. 													<td>[结算价]</td>

  364. 													<td>[零售价]</td>

  365. 													<td>[结算价金额]</td>

  366. 													<td>[销售利润]</td>

  367. 												</tr>

  368. 												<tr id="tr_totalContinue">

  369. 													<td>总计：</td>

  370. 													<td></td>

  371. 													<td></td>

  372. 													<td></td>

  373. 													<td></td>

  374. 													<td>[总采购价金额]</td>

  375. 													<td>[总结算价金额]</td>

  376. 													<td>[总销售利润]</td>

  377. 												</tr>

  378. 											</tbody>

  379. 										</table>

  380. 									</div>

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

  382. 								</div>

  383. 								<!-- /span -->

  384. 							</div>

  385. 							<!--row end-->

  386. 						</div>

  387. 					</div>

  388. 					<!--可售票种-->

  389. 					<!--<div class="profile-info-row">

  390. 						<div class="profile-info-name">续住晚数：</div>

  391. 						<div class="profile-info-value">

  392. 							<div id="continueCount">

  393. 								<select id="select_status" style="margin-right: 10px;width:100px;">

  394. 									<option value="请选择">请选择</option>

  395. 									<option value="1晚">待审核</option>

  396. 									<option value="2晚">待调派</option>

  397. 								</select>

  398. 							</div>

  399. 							<div class="row" style="margin-top: 10px;">

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

  401. 									<div style="width: 530px;" class="table-responsive">

  402. 										<table width="530px" id="sample-table-1" class="table table-striped table-bordered table-hover">

  403. 											<thead>

  404. 												<tr>

  405. 													<th style="width: 90px">出发地</th>

  406. 													<th style="width: 90px">目的地</th>

  407. 													<th style="width: 80px">座位</th>

  408. 													<th style="width: 80px">人群</th>

  409. 													<th style="width: 70px">零售价</th>

  410. 													<th style="width: 60px">最大可售</th>

  411. 													<th style="width: 60px">已售</th>

  412. 												</tr>

  413. 											</thead>

  414. 											<tbody id="keshouTicket">

  415. 												<tr>

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

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

  418. 													<td>[座位]</td>

  419. 													<td>[人群]</td>

  420. 													<td>[零售价]</td>

  421. 													<td>[最大可售]</td>

  422. 													<td>[已售]</td>

  423. 												</tr>

  424. 

  425. 											</tbody>

  426. 										</table>

  427. 									</div>

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

  429. 								<!--</div>-->

  430. 								<!-- /span -->

  431. 							<!--</div>-->

  432. 							<!--row end-->

  433. 						<!--</div>-->

  434. 					<!--</div>-->

  435. 					<!--预售天数-->

  436. 					<div class="profile-info-row">

  437. 						<div class="profile-info-name">支付方式：</div>

  438. 						<div class="profile-info-value">

  439. 							<div id="selectCount">

  440. 								<select id="select_status" style="margin-right: 10px;width:150px;">

  441. 									<option value="请选择">请选择</option>

  442. 									<option value="分销商授信支付">分销商授信支付</option>

  443. 								</select>

  444. 							</div>

  445. 						</div>

  446. 					</div>

  447. 				</div>

  448. 			</div>

  449. 			<!--tabbable end-->

  450. 		</div>

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

  452. 		

  453. 		<div style="width: 1200px;height: 1px;border: 2px solid lightgray; margin-top: 50px;"></div>

  454. 		<div style="margin-top: 30px;">

  455. 			<span style="padding-left: 50px; padding-top:30px ;">

  456. 				<input style=" width:80px; height:30px; border-radius:5px; background-color: darkgrey;" type="submit" id="button" value="提交" />

  457. 			</span>

  458. 			<span style="padding-left: 50px; padding-top:30px ;" >

  459. 				<input style=" width:80px; height:30px; border-radius:5px; border: 1px solid darkgray; background-color: white;" type="submit" id="button" value="关闭" />

  460. 			</span>

  461. 		</div >

  462. 			

  463. 		</div>

  464. 

  465. 		</div>

  466. 	</div>

  467. 		

  468. 		

  469. 		

  470. 		

  471. 		

  472. 		

  473. 		

  474. 		

  475. 	</body>

  476. </html>