nizongfeng
/
zzcx_line


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/keepStay.css" />
		<link rel="stylesheet" href="css/ace.min.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script src="js/keepStay.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
		<!--/模板/-->
		<link rel="stylesheet" href="css/master.css" charset="UTF-8">
		<script src="js/master.js"></script>	
		
		<title>订单续住</title>
		<style type="text/css">
			.profile-user-info-striped .profile-info-name {
	    color: #336199;
	    background-color: #FFFFFF;
	    border-top: 1px solid #f7fbff;
}			
			#first{
				 text-align: center;
			}
		</style>

		
	</head>
	<body >
		<div class="navbar navbar-default">
		<div class="navbar-header ">
			<a href="#" class="navbar-brand">
				<i class="icon-leaf"></i>
				CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
			</a>
		</div>
	</div>
	
	<div id="show_html" style="display:none;" class="warp clearfix">
		<div class="control-bar">
			<div class="sidebar-shortcuts">
				<button class="btn btn-success">
					<i class="icon-signal"></i>
				</button>

				<button class="btn btn-info">
					<i class="icon-pencil"></i>
				</button>

				<button class="btn btn-warning">
					<i class="icon-group"></i>
				</button>

				<button class="btn btn-danger">
					<i class="icon-cogs"></i>
				</button>

			</div>
			<ul class="nav nav-list">
				<li class="">
					<a class="">
						<i class="icon-dashboard"></i>
						<span class="menu-text"> 营运中心 </span>
					</a>
				</li>
				<li>
					<a href="">
						<i class="icon-text-width"></i>
						<span class="menu-text"> 集散资源 </span>
					</a>
				</li>

				<li>
					<a href="#" class="">
						<i class="icon-desktop"></i>
						<span class="menu-text"> 线路管理 </span>

						
					</a>					
				</li>

				<li>
					<a href="#" class="">
						<i class="icon-list"></i>
						<span class="menu-text"> 票种管理 </span>

						
					</a>					
				</li>
				<li class="active">
					<a href="#" class="dropdown-toggle">
						<i class="icon-edit"></i>
						<span class="menu-text"> 班次管理 </span>
						<b class="arrow icon-angle-down"></b>
					</a>
					<ul class="submenu">
						<li><a><i class="icon-double-angle-right"></i>添加班次</a></li>
						<li><a><i class="icon-double-angle-right"></i>修改版次</a></li>
						<li><a><i class="icon-double-angle-right"></i>班次列表</a></li>
						<li class="">
							<a class="dropdown-toggle">
								<i class="icon-double-angle-right"></i>班次详情
								<b class="arrow icon-angle-down"></b>
							</a>
							<ul class="submenu">
								<li>
									<a href="">
										<i class="icon-leaf"></i>
										班次基本信息
									</a>
								</li>
								<li>
									<a href="">
										<i class="icon-leaf"></i>
										班次车票信息
									</a>
								</li>
							</ul>
						</li>						
						<li><a><i class="icon-double-angle-right"></i>调派资源</a></li>

					</ul>
				</li>
				
				<li class="">
					<a href="#" class="">
						<i class="icon-file-alt"></i>

						<span class="menu-text">
							产品管理

						</span>

						
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon-calendar"></i>

						<span class="menu-text">
							车票
							<span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
								<i class="icon-warning-sign red bigger-130"></i>
							</span>
						</span>
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-picture"></i>
						<span class="menu-text"> 酒店 </span>
					</a>
				</li>

				<li>
					<a href="#" class="">
						<i class="icon-tag"></i>
						<span class="menu-text"> 门票 </span>						
					</a>					
				</li>
				<li class="">
					<a href="#" class="">
						<i class="icon-file-alt"></i>

						<span class="menu-text">
							订单中心
							<span class="badge badge-primary ">5</span>
						</span>

						
					</a>
				</li>

			</ul>
		</div>
		<div class="control-show">
			<!--右侧内容-->
	<div style="width:1200px; margin-left: 40px;margin-top: 40px; float: left;">
			<div>订单续住</div>
			<hr style="width: 1200px;margin-top: 20px;"/>
			<div id="topchart" >
				<div id="chartLeftSpan">
					<div id="orderNo" style="margin-left: 30px;margin-top: 20px;font-size: 10px;color: darkgray;">订 单 号：[订单号]</div>
					<div id="ifStay" style="margin-left: 30px;margin-top: 30px;font-size: 18px;">[是否入住]</div>
					<div id="orderCome" style="margin-top:60px ;margin-left: 30px;font-size: 10px;">订单来源：[分销商(上海驴妈妈)]</div>
					<div id="saleStyle"style="margin-top: 15px;margin-left: 30px;font-size: 10px;">销售方式：[酒店]</div>
				</div>
				<div id="chartRightSpan" style=" width: 918px;">
					<div id="orderDetail" style="margin-left: 35px;">
						<div id="commitOrder" style="float: left;">
							<ul style="list-style: none;margin-top: 20px; width: 80px;">
	   							<li id="a" style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>
								<li style="margin-top: 10px;">提交订单</li>
							    <li style="margin-top: 10px;margin-left: -10px;">[2016.03.02]</li>
							    <li style="margin-left: 5px;">[20:30]</li>
							</ul>
						</div>
						<div id="affirmOrder" style="float: left;  margin-left: 35px;">
							<ul style="list-style: none;margin-top: 25px; width: 60px;">
	   							<li style="width: 20px;height: 20px;border: 3px solid greenyellow; border-radius: 10px;margin-left: 10px;"></li>
								<li style="margin-top: 10px; margin-top: 15px; margin-left: 5px;">确认</li>
							    <li style="margin-top: 10px; margin-left: -15px;">[2016.03.02]</li>
							    <li>[20:30]</li>
							</ul>
						</div>
						<div id="payOrder" style="float: left; margin-left: 60px; ">
							<ul style="list-style: none;margin-top: 20px; width: 80px;">
	   							<li style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>
								<li style="margin-top: 10px;">付款成功</li>
							    <li style="margin-top: 10px; margin-left: -10px;">[2016.03.02]</li>
							    <li style="margin-left: 5px;">[20:30]</li>
							</ul>
						</div>
						<div id="attentionOrder" style="float: left; margin-left: 60px; ">
							<ul style="list-style: none;margin-top: 25px; width: 60px;">
	   							<li style="width: 20px;height: 20px;border: 3px solid greenyellow; border-radius: 10px;margin-left: 10px;"></li>
								<li style="margin-top: 10px; margin-top: 15px; margin-left: 7px;">通知</li>
							    <li style="margin-top: 10px; margin-left: -15px;">[2016.03.02]</li>
							    <li>[20:30]</li>
							</ul>
						</div>
						<div id="arrangeOrder" style="float: left; margin-left: 60px;">
							<ul style="list-style: none;margin-top: 20px;  width: 80px;">
	   							<li style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>
								<li style="margin-top: 10px;">确认安排</li>
							    <li style="margin-top: 10px; margin-left: -10px;">[2016.03.02]</li>
							    <li style="margin-left: 5px;">[20:30]</li>
							</ul>
						</div>
						<div id="checkIn" style="float: left; margin-left: 80px; ">
							<ul style="list-style: none;margin-top: 20px; width: 80px;">
	   							<li style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;margin-left: 10px;"></li>
								<li style="margin-top: 10px;">入住酒店</li>
							    <li style="margin-top: 10px;margin-left: -10px;">[2016.03.02]</li>
							    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-</li>
							    <li style="margin-left: -10px;">[2016.03.02]</li>
							</ul>
						</div>
						<div>
							
						</div>
						
					</div>
					<div style=" margin-left: 35px; border: 1px dashed lightgray ;width: 844px;"></div>
					<div id="orderCount">
						<span  class="notifacation" style="margin-left: 35px;">订单备忘：[a]条</span>
						<span  class="notifacation">短信通知：[b]条</span>
						<span  class="notifacation">订单附件：[c]条</span>
					</div>
				</div>
			</div>
			<br />
			<br />
			<br />
			<div>预订信息</div>
			<hr style="width: 1200px;margin-top: 20px;"/>
			<div style="float: left; margin-left: -10px;" id="carBasicInfo">
			<div class="tabbable">
				<div class="profile-user-info profile-user-info-striped" style="margin-top: 20px;">
					<div class="profile-info-row">
						<div class="profile-info-name">产&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品：</div>
						<div class="profile-info-value">
							<span class="editable editable-click" id="startarea">[产品]&nbsp;&nbsp;[房型]</span>
						</div>
					</div>
					<div class="profile-info-row">
						<div class="profile-info-name">订单来源：</div>
						<div class="profile-info-value">
							<span class="editable editable-click" id="starttime">[销售渠道]&nbsp;|&nbsp;[产品公司]&nbsp;&nbsp;&nbsp;订单号：[订单号]</span>
						</div>
					</div>
				
					<!--途径站点-->
					<div class="profile-info-row">
						<div class="profile-info-name">入住日期：</div>
						<div class="profile-info-value">
							<div id="getTime">
								<span>[出发日期]</span>
								<span style="padding-left: 50px;">共[t]晚 ，[小时]时最晚到店</span>
							</div>
							<div class="row" style="margin-top: 20px;">
								<div class="col-xs-12">
									<div style="width: 1200px;" class="table-responsive">
										<table width="1200px" id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th width="270px">入住日期</th>
													<th width="100px">数量</th>
													<th width="120px">采购价</th>
													<th width="120px">结算价</th>
													<th width="120px">零售价</th>
													<th width="120px">采购价金额</th>
													<th width="120px">结算价金额</th>
													<th width="120px">销售利润</th>
												</tr>
											</thead>
											<tbody id="stayTime">
												<tr id="tr_one">
													<td>[入住日期]</td>
													<td>[数量]</td>
													<td>[采购价]</td>
													<td>[结算价]</td>
													<td>[零售价]</td>
													<td>[采购价金额]</td>
													<td>[结算价金额]</td>
													<td>[销售利润]</td>
												</tr>
												<tr id="tr_total">
													<td>总计：</td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td>[总采购价金额]</td>
													<td>[总结算价金额]</td>
													<td>[总销售利润]</td>
												</tr>
											</tbody>
										</table>
									</div>
									<!-- /.table-responsive -->
								</div>
								<!-- /span -->
							</div>
							<!--row end-->
						</div>
					</div>
					
					<!--承运信息-->
					<div class="profile-info-row">
						<div class="profile-info-name">续住晚数：</div>
						<div class="profile-info-value">
							<div id="selectCount">
								<select id="select_status" style="margin-right: 10px;width:100px;">
									<option value="请选择">请选择</option>
									<option value="1晚">待审核</option>
									<option value="2晚">待调派</option>
								</select>
							</div>
							<div class="row" style="margin-top: 10px;">
								<div class="col-xs-12">
									<div style="width: 1200px;" class="table-responsive">
										<table width="1200px" id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th width="160px">入住日期</th>
													<th width="110px">库存</th>
													<th width="100px">数量</th>
													<th width="120px">采购价</th>
													<th width="120px">结算价</th>
													<th width="120px">零售价</th>
													<th width="120px">结算价金额</th>
													<th width="120px">销售利润</th>
												</tr>
											</thead>
											<tbody id="continueStay">
												<tr id="tr_one_cont">
													<td>[入住日期]</td>
													<td>[库存]</td>
													<td>[数量]</td>
													<td>[采购价]</td>
													<td>[结算价]</td>
													<td>[零售价]</td>
													<td>[结算价金额]</td>
													<td>[销售利润]</td>
												</tr>
												<tr id="tr_totalContinue">
													<td>总计：</td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td>[总采购价金额]</td>
													<td>[总结算价金额]</td>
													<td>[总销售利润]</td>
												</tr>
											</tbody>
										</table>
									</div>
									<!-- /.table-responsive -->
								</div>
								<!-- /span -->
							</div>
							<!--row end-->
						</div>
					</div>
					<!--可售票种-->
					<!--<div class="profile-info-row">
						<div class="profile-info-name">续住晚数：</div>
						<div class="profile-info-value">
							<div id="continueCount">
								<select id="select_status" style="margin-right: 10px;width:100px;">
									<option value="请选择">请选择</option>
									<option value="1晚">待审核</option>
									<option value="2晚">待调派</option>
								</select>
							</div>
							<div class="row" style="margin-top: 10px;">
								<div class="col-xs-12">
									<div style="width: 530px;" class="table-responsive">
										<table width="530px" id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th style="width: 90px">出发地</th>
													<th style="width: 90px">目的地</th>
													<th style="width: 80px">座位</th>
													<th style="width: 80px">人群</th>
													<th style="width: 70px">零售价</th>
													<th style="width: 60px">最大可售</th>
													<th style="width: 60px">已售</th>
												</tr>
											</thead>
											<tbody id="keshouTicket">
												<tr>
													<td>[出发地]</td>
													<td>[目的地]</td>
													<td>[座位]</td>
													<td>[人群]</td>
													<td>[零售价]</td>
													<td>[最大可售]</td>
													<td>[已售]</td>
												</tr>

											</tbody>
										</table>
									</div>
									<!-- /.table-responsive -->
								<!--</div>-->
								<!-- /span -->
							<!--</div>-->
							<!--row end-->
						<!--</div>-->
					<!--</div>-->
					<!--预售天数-->
					<div class="profile-info-row">
						<div class="profile-info-name">支付方式：</div>
						<div class="profile-info-value">
							<div id="selectCount">
								<select id="select_status" style="margin-right: 10px;width:150px;">
									<option value="请选择">请选择</option>
									<option value="分销商授信支付">分销商授信支付</option>
								</select>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--tabbable end-->
		</div>
		<div style="clear: both;"></div>
		
		<div style="width: 1200px;height: 1px;border: 2px solid lightgray; margin-top: 50px;"></div>
		<div style="margin-top: 30px;">
			<span style="padding-left: 50px; padding-top:30px ;">
				<input style=" width:80px; height:30px; border-radius:5px; background-color: darkgrey;" type="submit" id="button" value="提交" />
			</span>
			<span style="padding-left: 50px; padding-top:30px ;" >
				<input style=" width:80px; height:30px; border-radius:5px; border: 1px solid darkgray; background-color: white;" type="submit" id="button" value="关闭" />
			</span>
		</div >
			
		</div>

		</div>
	</div>
		
		
		
		
		
		
		
		
	</body>
</html>