odd_job/app/worker/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>{$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>
		</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 ? $access_admin['lastdate'] : ''}</td>
						</tr>
						<tr>
							<td>上次登录IP地址</td>
							<td>{$access_admin ? $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>