<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/index.css"/>
	</head>
	<body>
		<!--<div class="tip-remind">收起提示</div>-->
		<div class="tipsbox">
			<div class="tips boxsizing radius3">
				<div class="tips-titbox">
					<h1 class="tip-tit"><i class="tips-icon-lamp"></i>操作提示</h1>
					<span class="open-span span-icon"><i class="open-icon"></i></span>
				</div>
			</div>
			<ol class="tips-list" id="tips-list">
				<li>1.网站全局基本设置，商城及其他模块相关内容在其各容在其各自栏目设置项其各自栏目设置项内进行操作。</li>
				<li>2.网站全局基本设置，商城及其他模块相关内容在其各自栏目设置项内进行操作。</li>
				<li>3.网站全局基本设置，商城及其他模块相关内容在其各自栏目设置项内在其各自栏目设置项在其各自栏目设置项进行操作。</li>
			</ol>
		</div>
		<div class="iframeCon">
			<div class="white-shadow2">
				<div class="table-titbox">
					<h1 class="table-tit left boxsizing">会员列表</h1>
					<ul class="operation-list left">
						<li class="add-li"><i href="#" class="operation-icon add-icon"></i></li>
						<li class="refresh-li"><i href="#" class="operation-icon refresh-icon"></i></li>
						<li class="export-li"><i href="#" class="operation-icon export-icon"></i></li>
						<li class="dele-li"><i href="#" class="operation-icon op-dele-icon"></i></li>
						<li class="back-li"><i href="#" class="operation-icon op-back-icon"></i></li>
					</ul>
					<div class="search-box1 right">
						<div class="search-boxcon boxsizing radius3 left">
							<div class="search-sele left">
								<input type="text" class="search-inp left boxsizing" value="会员账号" readonly="readonly"/>
								<span class="jtb-span-box boxsizing left"><i class="jtb-span search-jtb-icon"></i></span>
							</div>
							<input type="text" value="1574234234546464" class="search-inp-con boxsizing"/>
						</div>
						<input type="button"  value="搜索" class="search-btn right radius3"/>
						<ul class="search-sele-con radius3 layer-shadow remind-layer">
							<li class="active-sele">会员列表</li>
							<li>会员列表</li>
							<li>会员列表</li>
						</ul>
					</div>
				</div>
				
				<div class="comtable-box boxsizing">
					<table class="com-table">
						<thead>
							<tr>
								<th width="100" class="text-l">
									<div class="button-holder">
										<p class="radiobox table-radioMar"><input type="checkbox" id="radio-1" name="radio-1-set" class="regular-radio" /><label for="radio-1"></label><span class="radio-word">全选</span></p>
									</div>
								</th>
								
								<th width="200">操作</th>
								<th width="180">会员账号</th>
								<th width="180">注册时间</th>
								<th width="280">微信绑定</th>
								<th width="120">积分</th>
								<th width="120">状态</th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="text-l">
									<div class="button-holder">
										<p class="radiobox table-radioMar"><input type="checkbox" id="radio-1-1" name="radio-1-set" class="regular-radio" /><label for="radio-1-1"></label><span class="radio-word"></span></p>
									</div>
								</td>
								<td>
									<div class="table-iconbox">
										<div class="table-icon left setting-sele-par">
											<div class="setting-sele left radius3 boxsizing">
												<span class="setting-word left">查看</span>
												<span class="jtb-span-box boxsizing left"><i class="jtb-span setting-jtb-icon"></i></span>
											</div>
											<ul class="setting-sele-con radius3 layer-shadow remind-layer">
												<li class="active-sele">会员列表</li>
												<li>会员列表</li>
												<li>会员列表</li>
											</ul>
										</div>
										<div class="edit-iconbox left edit-sele radius3 boxsizing">
											<a class="edit-word">编辑</a>
										</div>
									</div>
								</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>
									<div class="state-btn yes-state">
										<i class="yes-icon"></i>
										<span>开启</span>
									</div>
								</td>
								<td></td>
							</tr>
							<tr>
								<td class="text-l">
									<div class="button-holder">
										<p class="radiobox table-radioMar"><input type="checkbox" id="radio-1-2" name="radio-1-set" class="regular-radio" /><label for="radio-1-2"></label><span class="radio-word"></span></p>
									</div>
								</td>
								<td>
									<div class="table-iconbox">
										<div class="table-icon left">
											<div class="setting-sele left radius3 boxsizing">
												<span class="setting-word left">查看</span>
												<span class="jtb-span-box boxsizing left"><i class="jtb-span setting-jtb-icon"></i></span>
											</div>
											<ul class="setting-sele-con radius3 layer-shadow remind-layer">
												<li class="active-sele">会员列表</li>
												<li>会员列表</li>
												<li>会员列表</li>
											</ul>
										</div>
										<div class="edit-iconbox left edit-sele radius3 boxsizing">
											<a class="edit-word">编辑</a>
										</div>
									</div>
								</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>
									<div class="state-btn no-state">
										<i class="no-icon"></i>
										<span>关闭</span>
									</div>
								</td>
								<td></td>
							</tr>
							<tr>
								<td class="text-l">
									<div class="button-holder">
										<p class="radiobox table-radioMar"><input type="checkbox" id="radio-1-3" name="radio-1-set" class="regular-radio" /><label for="radio-1-3"></label><span class="radio-word"></span></p>
									</div>
								</td>
								<td>
									<div class="table-iconbox">
										<div class="table-icon left">
											<div class="setting-sele left radius3 boxsizing">
												<span class="setting-word left">查看</span>
												<span class="jtb-span-box boxsizing left"><i class="jtb-span setting-jtb-icon"></i></span>
											</div>
											<ul class="setting-sele-con radius3 layer-shadow remind-layer">
												<li class="active-sele">会员列表</li>
												<li>会员列表</li>
												<li>会员列表</li>
											</ul>
										</div>
										<div class="edit-iconbox left edit-sele radius3 boxsizing">
											<a class="edit-word">编辑</a>
										</div>
									</div>
								</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>
									<div class="state-btn no-state">
										<i class="no-icon"></i>
										<span>关闭</span>
									</div>
								</td>
								<td></td>
							</tr>
							<tr>
								<td class="text-l">
									<div class="button-holder">
										<p class="radiobox table-radioMar"><input type="checkbox" id="radio-1-4" name="radio-1-set" class="regular-radio" /><label for="radio-1-4"></label><span class="radio-word"></span></p>
									</div>
								</td>
								<td>
									<div class="table-iconbox">
										<div class="table-icon left">
											<div class="setting-sele left radius3 boxsizing">
												<span class="setting-word left">查看</span>
												<span class="jtb-span-box boxsizing left"><i class="jtb-span setting-jtb-icon"></i></span>
											</div>
											<ul class="setting-sele-con radius3 layer-shadow remind-layer">
												<li class="active-sele">会员列表</li>
												<li>会员列表</li>
												<li>会员列表</li>
											</ul>
										</div>
										<div class="edit-iconbox left edit-sele radius3 boxsizing">
											<a class="edit-word">编辑</a>
										</div>
									</div>
								</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>
									<div class="state-btn no-state">
										<i class="no-icon"></i>
										<span>关闭</span>
									</div>
								</td>
								<td></td>
							</tr>
							<tr>
								<td class="text-l">
									<div class="button-holder">
										<p class="radiobox table-radioMar"><input type="checkbox" id="radio-1-5" name="radio-1-set" class="regular-radio" /><label for="radio-1-5"></label><span class="radio-word"></span></p>
									</div>
								</td>
								<td>
									<div class="table-iconbox">
										<div class="table-icon left">
											<div class="setting-sele left radius3 boxsizing">
												<span class="setting-word left">查看</span>
												<span class="jtb-span-box boxsizing left"><i class="jtb-span setting-jtb-icon"></i></span>
											</div>
											<ul class="setting-sele-con radius3 layer-shadow remind-layer">
												<li class="active-sele">会员列表</li>
												<li>会员列表</li>
												<li>会员列表</li>
											</ul>
										</div>
										<div class="edit-iconbox left edit-sele radius3 boxsizing">
											<a class="edit-word">编辑</a>
										</div>
									</div>
								</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>
									<div class="state-btn no-state">
										<i class="no-icon"></i>
										<span>关闭</span>
									</div>
								</td>
								<td></td>
							</tr>
							<tr>
								<td class="text-l">
									<div class="button-holder">
										<p class="radiobox table-radioMar"><input type="checkbox" id="radio-1-6" name="radio-1-set" class="regular-radio" /><label for="radio-1-6"></label><span class="radio-word"></span></p>
									</div>
								</td>
								<td>
									<div class="table-iconbox">
										<div class="table-icon left">
											<div class="setting-sele left radius3 boxsizing">
												<span class="setting-word left">查看</span>
												<span class="jtb-span-box boxsizing left"><i class="jtb-span setting-jtb-icon"></i></span>
											</div>
											<ul class="setting-sele-con radius3 layer-shadow remind-layer">
												<li class="active-sele">会员列表</li>
												<li>会员列表</li>
												<li>会员列表</li>
											</ul>
										</div>
										<div class="edit-iconbox left edit-sele radius3 boxsizing">
											<a class="edit-word">编辑</a>
										</div>
									</div>
								</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>Data</td>
								<td>
									<div class="state-btn no-state">
										<i class="no-icon"></i>
										<span>关闭</span>
									</div>
								</td>
								<td></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="pagination boxsizing">
					<div class="eachPage-most left">
						<label for="" class="left">每页最多显示</label>
						<div class="most-box radius3 boxsizing left">
							<input type="text" name=""  value="10" readonly="readonly" class="most-inp left"/>
							<span class="most-span left"><i class="most-icon"></i></span>
						</div>
						<ul class="most-sele-con layer-shadow radius3">
							<li class="most-active-sele">15</li>
							<li>15</li>
							<li>15</li>
							<li>15</li>
						</ul>
					</div>
					<ul class="page-list">
						<li class="first-pagenation"><i class="first-icon"></i></li>
						<li class="prev-pagenation"><i class="prev-icon"></i></li>
						<li class="now-pagenation"><input type="text" value="1" class="now-inp radius3"/></li>
						<li class="all-pagenation">6页</li>
						<li class="next-pagenation"><i class="next-icon"></i></li>
						<li class="last-pagenation"><i class="last-icon"></li>
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="__PUBLIC__/admin/js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/admin/js/common.js"></script>
		<script type="text/javascript">
			$(function(){
				//添加会员提示
				$('.add-li').mousemove(function(){
					e=arguments.callee.caller.arguments[0] || window.event; 
					remindNeed($('.add-li'),e,'添加会员');
				})
				$('.add-li').mouseout(function(){
			     	$('.tip-remind').remove();
			    });
				$('.refresh-li').mousemove(function(){
					e=arguments.callee.caller.arguments[0] || window.event; 
					remindNeed($('.refresh-li'),e,'刷新');
				})
				$('.refresh-li').mouseout(function(){
			     	$('.tip-remind').remove();
			    });
			    $('.export-li').mousemove(function(){
					e=arguments.callee.caller.arguments[0] || window.event; 
					remindNeed($('.export-li'),e,'导出');
				})
				$('.export-li').mouseout(function(){
			     	$('.tip-remind').remove();
			    });
			    $('.dele-li').mousemove(function(){
					e=arguments.callee.caller.arguments[0] || window.event; 
					remindNeed($('.dele-li'),e,'批量删除');
				})
				$('.dele-li').mouseout(function(){
			     	$('.tip-remind').remove();
			    });
			    $('.back-li').mousemove(function(){
					e=arguments.callee.caller.arguments[0] || window.event; 
					remindNeed($('.back-li'),e,'返回');
				})
				$('.back-li').mouseout(function(){
			     	$('.tip-remind').remove();
			    });
				Iframe();
					
			})
		</script>
	</body>
</html>
