nizongfeng
/
zzcx_line


			
				
					
						
						
							
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单列表</title>
		<link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/module.css" />
		<link rel="stylesheet" href="css/xcConfirm.css" />
		<style type="text/css">
			.search_name {
				display: inline-block;
				width: 85px;
				text-align: right;
			}
			
			.input_width {
				width: 151px !important;
			}
			
			.search_first {
				margin-bottom: 10px;
				margin-top: 15px;
			}
			
			.dis_search {
				border: 1px solid lightgray;
			}
			
			.combo-select {
				width: 141px;
				margin-bottom: 0px;
			}
			
			.nav_title {
				margin: 0 0 15px 0;
			}
			
			.dis_middle {
				margin-right: 20px;
				margin-top: 15px;
				text-align: right;
				margin-bottom: 8px;
			}
			
			.channel_quick {
				margin-right: 20px;
				text-align: right;
				position: absolute;
				right: 0;
				margin-top: 5px;
			}
			
			.cancel_font{
				color: #b9bdc7;
			}
			
			.sel_font{
				color: black;
				font-weight: 400;
				border-radius: 0;
			}
			/*.tx_c {
				text-align: center;
			}
			
			td {
				text-align: center;
			}
			
			
			*/
			.blue_font{
				color: #4191ff;
				cursor: pointer;
			}
			
			td {
				height: 60px;
			}
		</style>
	</head>

	<body>
		<div class="iframe_box">
			<div class="dis_search">
				<div class="form-inline search_first">
					<span class="search_name">日期选择：</span>
					<select class="form-control input_width" id="date_type">
						<option value="1">预订日期</option>
						<option value="2">入住日期</option>
						<option value="3">离店日期</option>
					</select>
					<div class="input-group date form_date input_width" style="margin-left: 20px;">
						<input class="form-control " size="16" type="text" id="beforeDate">
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
					</div>
					<span style="margin-left: 10px;">--</span>
					<div class="input-group date form_date input_width" style="margin-left: 10px;">
						<input class="form-control" size="16" type="text" id="currentDate">
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
					</div>
					<span class="search_name" style="margin-left: 20px;">酒店选择：</span>
					<select class="form-control" id="province_list" style="width: 120px;">
						<option value="0">选择省</option>
					</select>
					<select class="form-control" id="city_list" style="width: 120px;">
						<option value="0">选择市</option>
					</select>

				</div>
				<div class="form-inline" style="margin-bottom: 15px;">
					<span class="search_name">酒店名称：</span>
					<div class="form-group">
						<input type="text" class="form-control input_width" id="hotel_name" placeholder="酒店名称">
					</div>

					<span class="search_name" style="margin-left: 10px;">酒店确认号：</span>
					<select class="form-control" id="confirm_number" style="width: 120px;">
						<option value="0">请选择</option>
						<option value="1">有</option>
						<option value="2">无</option>
					</select>
					<span class="search_name">更多查询：</span>
					<div class="form-group">
						<input type="text" class="form-control" style="width: 170px;" id="more_search" placeholder="订单号/客人姓名/客人电话">
					</div>
					<span class="search_name">订单渠道：</span>
					<select class="select_screen" id="org_list">
						<option value="">请选择</option>
						<!--<option value="出发地1">出发地1</option>
						<option value="出发地1">出发地1</option>-->
					</select>
					<div class="form-group" id="btns" style="float: right; margin-right: 20px;">
						<button type="button" class="btn btn-primary float_r mar_r" onclick="searchDidClick()"><span class="glyphicon glyphicon-search"></span> 搜索</button>
						<!--<button type="button" class="btn btn-warning float_r  mar_r" v-on:click="resetDidClick">重置</button>-->
					</div>
				</div>
			</div>

			<div class="dis_middle">
				<button type="button" class="btn btn-warning" onclick="batchSendOrder()" id="batch_send" style="display: none;">批量发单</button>
				<button type="button" class="btn btn-warning" onclick="batchRightOrder()" id="batch_right" style="display: none;">批量确认</button>
				<button type="button" class="btn btn-warning" onclick="batchExportOrder()">批量导出</button>
			</div>
			<div class="channel_quick">快速入口：
				<span><button  class="btn btn-link" id="wait" onclick="channelOrderStatusDidClicked('1',this)">待接单处理</button></span>|
				<span><button  class="btn btn-link" id="cancel" onclick="channelOrderStatusDidClicked('2',this)">待取消单处理</button></span>|
				<span><button  class="btn btn-link" id="refund" onclick="channelOrderStatusDidClicked('3',this)">待退单处理</button></span>
			</div>
			<ul id="myTabs" class="nav nav-tabs nav_title" role="tablist">
				<li role="presentation" class="active" data-toggle="tab">
					<a onclick="orderStatusDidClicked('0')" style="cursor: pointer;">全部</a>
				</li>
				<li role="presentation" href="#div_order" data-toggle="tab">
					<a onclick="orderStatusDidClicked('313')">待发单</a>
				</li>
				<li role="presentation" href="#div_order" data-toggle="tab">
					<a onclick="orderStatusDidClicked('198')">待安排</a>
				</li>
				<li role="presentation" href="#div_order" data-toggle="tab">
					<a onclick="orderStatusDidClicked('314')">已安排</a>
				</li>
				<li role="presentation" href="#div_order" data-toggle="tab">
					<a onclick="orderStatusDidClicked('148')">已取消</a>
				</li>
			</ul>

			<div role="tabpanel" class="tab-pane" id="div_order">
				<div class="table-responsive">
					<table class="table table-striped table-hover">
						<thead>
							<tr>
								<th>
									<input type="checkbox" name="all_check_box" id="all_check_box" class="ace_check" onclick="select_checked('0')">
								</th>
								<th>订单编号</th>
								<th>预订时间</th>
								<th>订单渠道</th>
								<th>预订产品</th>
								<th>客人姓名</th>
								<th>订单金额</th>
								<th>公众备注</th>
								<th width="96">渠道接单状态</th>
								<th>状态</th>
								<th width="150">操作</th>
							</tr>
						</thead>
						<tbody id="order_list" style="display: none;">
							<tr>
								<td><input type="checkbox" class="ace_check" onclick="select_checked('1')"></td>
								<td class="tx_c">
									<div>555555</div>
									<div class="label label-success">直连</div>
									<!--<div class="label label-primary">录单</div>-->
								</td>
								<td>2017-04-13 17:16:03</td>
								<td>
									<div>org_name</div>
									<div>org_id</div>
								</td>
								<td>酒店 子房型 描述</td>
								<td>customer_name customer_mobile</td>
								<td>order_price</td>
								<td>memo_flag</td>
								<td style="text-align: center;">
									<div>channel_order_status_name</div>
									<div><button type="button" class="btn btn-primary btn-xs">接单</button><button type="button" style="margin-left: 8px;" class="btn btn-default btn-xs">拒绝</button></div>
									<!--<div><button type="button" class="btn btn-primary">主要</button></div>-->
								</td>
								<td>order_status_name</td>
								<td></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div id="page_order_list" class="pageDiv" style="text-align: right;">

				</div>

			</div>
		</div>

		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://img.zhizhuchuxing.cn/zzframe/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/base_path.js?v=1" type="text/javascript" charset="utf-8"></script>
		<script src="js/new_order_list.js?v=1" type="text/javascript" charset="utf-8"></script>
		<!--<script type="text/javascript">
			$('.select_screen').comboSelect();
		</script>-->
	</body>

</html>