odd_job/app/admin/view/home/console.html

<div class="layui-fluid">
	<div class="layui-row layui-col-space15">

		
		<div class="layui-col-md8">
			<div class="layui-row layui-col-space15">
				
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">用户数据统计</div>
						<div class="layui-card-body">
							<ul class="layui-row layui-col-space30">
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>今日新增</h3>
										<p><cite>{$usertol['today']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>昨日新增</h3>
										<p><cite>{$usertol['yesterday']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本周新增</h3>
										<p><cite>{$usertol['week']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本月新增</h3>
										<p><cite>{$usertol['month']}</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">公司数据统计</div>
						<div class="layui-card-body">
							<ul class="layui-row layui-col-space30">
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>今日新增</h3>
										<p><cite>{$workertol['today']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>昨日新增</h3>
										<p><cite>{$workertol['yesterday']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本周新增</h3>
										<p><cite>{$workertol['week']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本月新增</h3>
										<p><cite>{$workertol['month']}</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">招聘数据统计</div>
						<div class="layui-card-body">
							<ul class="layui-row layui-col-space30">
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>今日新增</h3>
										<p><cite>{$comjobstol['today']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>昨日新增</h3>
										<p><cite>{$comjobstol['yesterday']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本周新增</h3>
										<p><cite>{$comjobstol['week']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本月新增</h3>
										<p><cite>{$comjobstol['month']}</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">订单数据统计</div>
						<div class="layui-card-body">
							<ul class="layui-row layui-col-space30">
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>今日新增</h3>
										<p><cite>{$demandtol['today']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>昨日新增</h3>
										<p><cite>{$demandtol['yesterday']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本周新增</h3>
										<p><cite>{$demandtol['week']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本月新增</h3>
										<p><cite>{$demandtol['month']}</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">供人数据统计</div>
						<div class="layui-card-body">
							<ul class="layui-row layui-col-space30">
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>今日新增</h3>
										<p><cite>{$supplytol['today']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>昨日新增</h3>
										<p><cite>{$supplytol['yesterday']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本周新增</h3>
										<p><cite>{$supplytol['week']}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>本月新增</h3>
										<p><cite>{$supplytol['month']}</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">数据统计</div>
						<div class="layui-card-body">
							<ul class="layui-row layui-col-space30">
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>企业入住量</h3>
										<p><cite>{$workercount}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>岗位数量</h3>
										<p><cite>{$comjobscount}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>个人进驻量</h3>
										<p><cite>{$usercount}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>求职成功量</h3>
										<p><cite>{$comjobssuccesscount}</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">按个人身份统计</div>
						<div class="layui-card-body">
							<ul class="layui-row layui-col-space30">
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>大中专毕业生</h3>
										<p><cite>{$catedata[0]}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>农村富余人员</h3>
										<p><cite>{$catedata[1]}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>城镇失业人员</h3>
										<p><cite>{$catedata[2]}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>社会人员</h3>
										<p><cite>{$catedata[3]}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>残疾就业人员</h3>
										<p><cite>{$catedata[4]}</cite></p>
									</a>
								</li>
								<li class="layui-col-xs3">
									<a class="layadmin-backlog-body">
										<h3>灵活就业人员</h3>
										<p><cite>{$catedata[5]}</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
			</div>
		</div>

		<div class="layui-col-md4">
			<div class="layui-card">
				<div class="layui-card-header">系统信息</div>
				<div class="layui-card-body layui-text">
					<table class="layui-table">
						<colgroup>
							<col width="150" height="120">
							<col>
						</colgroup>
						<tbody>
							<tr>
								<td>上次登录时间</td>
								<td>{$access_admin['lastdate']}</td>
							</tr>
							<tr>
								<td>上次登录IP地址</td>
								<td>{$access_admin['lastip']}</td>
							</tr>
							<tr>
								<td>当前系统域名</td>
								<td>{$_SERVER['REQUEST_SCHEME']}://{$_SERVER['HTTP_HOST']}</td>
							</tr>
							<tr>
								<td>运行环境</td>
								<td>{$_SERVER["SERVER_SOFTWARE"]}</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!-- <div class="layui-card">
				<div class="layui-card-header">用户推广</div>
				<div class="layui-card-body layadmin-takerates">

				</div>
			</div>
			<div class="layui-card">
				<div class="layui-card-header">代理门店报备占比（显示前五名）</div>
				<div class="layui-card-body layadmin-takerates">

				</div>
			</div> -->
		</div>
	</div>
</div>

<script>
	layui.config({
		base: '/static/echoui/' //静态资源所在路径
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'admin', 'carousel', 'echarts'], function() {
		var $ = layui.$,
			admin = layui.admin,
			carousel = layui.carousel,
			element = layui.element,
			echarts = layui.echarts,
			device = layui.device();
		//轮播切换
		$('.layadmin-carousel').each(function() {
			var othis = $(this);
			carousel.render({
				elem: this,
				width: '100%',
				arrow: 'none',
				interval: othis.data('interval'),
				autoplay: othis.data('autoplay') === true,
				trigger: (device.ios || device.android) ? 'click' : 'hover',
				anim: othis.data('anim')
			});
		});
		element.render('progress');


		//没找到DOM，终止执行
		if (!elemDataView[0]) return;
		renderDataView(0);

		//监听数据概览轮播
		var carouselIndex = 0;
		carousel.on('change(LAY-index-dataview)', function(obj) {
			renderDataView(carouselIndex = obj.index);
		});

		//监听侧边伸缩
		layui.admin.on('side', function() {
			setTimeout(function() {
				renderDataView(carouselIndex);
			}, 300);
		});

		//监听路由
		layui.admin.on('hash(tab)', function() {
			layui.router().path.join('') || renderDataView(carouselIndex);
		});








	});
</script>