DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Mobile/www/pages/attendance/attendance.html

<div class="cour-box">

	<div class="loading loading1 covers">
		<div class="loading-bj"></div>
		<p>加载中...</p>
	</div>
	<!-- 加载ing END -->
	<section class="out-wrap">
		<div class="kebiao">
			<div class="header-main">
				<section class="header">
					<div class="child return">
						 <i></i> </div>
					<div class="child date"> <em class="f34" id="ymym">2016年06月</em> <i></i> </div>
				</section>
				<section class="day">
					<section class="grid clearfix">
						<div class="day-left clearfix">
							<h1 id="top_shu">20</h1>
							<div class="top-contrl">
								<p><em id="top_week">星期二</em></p>
								<div><i id="top_yue">八月廿十</i></div>
							</div>
						</div>
						<div class="day-right clearfix">
							<div class="yun"> <span class="js_jin">今</span> </div>
						</div>
					</section>
				</section>
				<!-- end day -->
			</div>
			<!-- end header -->
			<section class="content">
				<section class="week">
					<ul class="clearfix f28">
						<li>
							<a href="#">日</a>
						</li>
						<li>
							<a href="#">一</a>
						</li>
						<li>
							<a href="#">二</a>
						</li>
						<li>
							<a href="#">三</a>
						</li>
						<li>
							<a href="#">四</a>
						</li>
						<li>
							<a href="#">五</a>
						</li>
						<li>
							<a href="#">六</a>
						</li>
					</ul>
				</section>
				<section class="calenda">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<table id="now1" class="tables">
									<tr class="">
										<td class=" list"><i>12</i><em>中秋</em></td>
									</tr>
								</table>
							</div>
							<div class="swiper-slide">
								<table id="now2" class="tables">
									<tr class="">

									</tr>
								</table>
							</div>
							<div class="swiper-slide">
								<table id="now3" class="tables">
									<tr class="">
										<td class="list"><i>12</i><em>中秋</em></td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</section>

				<!-- end calenda -->
			</section>
		</div>
		<!-- end content -->
		<section class="prorup"></section>
		<!-- 弹窗 -->
		<div class="tc"></div>
		<div class="tc-innner">
			<h2> 选择日期 </h2>
			<div class="current-time"> <i class="i-year">2018</i><i class="i-month">5</i><i class="i-date">4</i> </div>
			<div class="swiper-box"> <i class="i1"></i> <i class="i2"></i> <i class="i3"></i>
				<div class="swiper-box-li">
					<div class="swiper-container2 nbxs">
						<div class="swiper-wrapper year">
							<div class="swiper-slide">2000年</div>
							<div class="swiper-slide">2001年</div>
							<div class="swiper-slide">2002年</div>
							<div class="swiper-slide">2003年</div>
							<div class="swiper-slide">2004年</div>
							<div class="swiper-slide">2005年</div>
							<div class="swiper-slide">2006年</div>
							<div class="swiper-slide">2007年</div>
							<div class="swiper-slide">2008年</div>
							<div class="swiper-slide">2009年</div>
							<div class="swiper-slide">2010年</div>
							<div class="swiper-slide">2011年</div>
							<div class="swiper-slide">2012年</div>
							<div class="swiper-slide">2013年</div>
							<div class="swiper-slide">2014年</div>
							<div class="swiper-slide">2015年</div>
							<div class="swiper-slide">2016年</div>
							<div class="swiper-slide">2017年</div>
							<div class="swiper-slide">2018年</div>
							<div class="swiper-slide">2019年</div>
							<div class="swiper-slide">2020年</div>
							<div class="swiper-slide">2021年</div>
							<div class="swiper-slide">2022年</div>
							<div class="swiper-slide">2023年</div>
							<div class="swiper-slide">2024年</div>
							<div class="swiper-slide">2025年</div>
							<div class="swiper-slide">2026年</div>
							<div class="swiper-slide">2027年</div>
							<div class="swiper-slide">2028年</div>
							<div class="swiper-slide">2029年</div>
							<div class="swiper-slide">2030年</div>
							<div class="swiper-slide">2031年</div>
							<div class="swiper-slide">2032年</div>
							<div class="swiper-slide">2033年</div>
							<div class="swiper-slide">2034年</div>
						</div>
					</div>
				</div>
				<div class="swiper-box-li">
					<div class="swiper-container3 nbxs">
						<div class="swiper-wrapper month">
							<div class="swiper-slide">1月</div>
							<div class="swiper-slide">2月</div>
							<div class="swiper-slide">3月</div>
							<div class="swiper-slide">4月</div>
							<div class="swiper-slide">5月</div>
							<div class="swiper-slide">6月</div>
							<div class="swiper-slide">7月</div>
							<div class="swiper-slide">8月</div>
							<div class="swiper-slide">9月</div>
							<div class="swiper-slide">10月</div>
							<div class="swiper-slide">11月</div>
							<div class="swiper-slide">12月</div>
						</div>
					</div>
				</div>
				<div class="swiper-box-li">
					<div class="swiper-container4 nbxs">
						<div class="swiper-wrapper date">
							<div class="swiper-slide">1日</div>
							<div class="swiper-slide">2日</div>
							<div class="swiper-slide">3日</div>
							<div class="swiper-slide">4日</div>
							<div class="swiper-slide">5日</div>
							<div class="swiper-slide">6日</div>
							<div class="swiper-slide">7日</div>
							<div class="swiper-slide">8日</div>
							<div class="swiper-slide">9日</div>
							<div class="swiper-slide">10日</div>
							<div class="swiper-slide">11日</div>
							<div class="swiper-slide">12日</div>
							<div class="swiper-slide">13日</div>
							<div class="swiper-slide">14日</div>
							<div class="swiper-slide">15日</div>
							<div class="swiper-slide">16日</div>
							<div class="swiper-slide">17日</div>
							<div class="swiper-slide">18日</div>
							<div class="swiper-slide">19日</div>
							<div class="swiper-slide">20日</div>
							<div class="swiper-slide">21日</div>
							<div class="swiper-slide">22日</div>
							<div class="swiper-slide">23日</div>
							<div class="swiper-slide">24日</div>
							<div class="swiper-slide">25日</div>
							<div class="swiper-slide">26日</div>
							<div class="swiper-slide">27日</div>
							<div class="swiper-slide">28日</div>
							<div class="swiper-slide">29日</div>
							<div class="swiper-slide">30日</div>
							<div class="swiper-slide">31日</div>
						</div>
					</div>
				</div>
			</div>
			<div class="tc-bot">
				<div class="tc-bot-left">回到今天</div>
				<div class="tc-bot-right">确定</div>
				<i></i> </div>
		</div>
	</section>
</div>
<div class="attendBox">
	<!--<div class="attendBoxT">2019年3月11日   星期三</div>
	<div class="attendBoxTime">
		<div class="attendCon">
			<div class="attendConT">08：57 <span>(上班时间08：57)</span></div>
			<div class="attendConTxt"><img src="images/location2.png" alt="" />山西省太原市杏花岭区七府园路11号山西冶金技师学院</div>
			<div class="attendConStatus attendConStatus1">正常</div>
			<div class="attendCircular">上</div>
		</div>
		<div class="attendCon">
			<div class="attendConT">17：00  <span>(下班时间17：00)</span></div>
			<div class="attendConTxt"><img src="images/location2.png" alt="" />山西省太原市杏花岭区七府园路11号山西冶金技师学院</div>
			<div class="attendConStatus attendConStatus2">早退</div>
			<div class="attendCircular">下</div>
		</div>
	</div>-->
</div>