index.html 5.6 KB
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<script src="/notify/js/jquery.js"></script>
		<link href="/notify/css/font-awesome.css" rel="stylesheet">
		<link href="/notify/css/bootstrap.css" rel="stylesheet">
		<link href="/notify/css/style-responsive.css" rel="stylesheet">
		<link href="/notify/css/default-theme.css" rel="stylesheet">
		<link href="/notify/css/style.css" rel="stylesheet">
		<link href="/notify/css/bootstrap-reset.css" rel="stylesheet">
		<!-- 自增样式表 -->
		<link rel="stylesheet" href="/notify/css/my-public.css">
		<script src="js/echarts.min.js"></script>
	</head>
	<body class="sticky-header">
		<!-- 头部 -->
		<div id="head">
		    {include file='common/_header'}
		</div>
		<!-- 头部 -->
		<section>
			<!-- 导航 -->
			<div class="sidebar-left nav-bg">
			    {include file='common/_leftnav'}
			</div>
			<!-- 导航 -->
			<div class="body-content">
				<!-- 当前位置 -->
				<div class="page-head clearfix">
					<ol class="breadcrumb pull-left">
						<li><a href="/notify/index">主页</a></li>
						<li>水库主页</li>
					</ol>
					<div class="pull-right breadcrumbtn">

					</div>
				</div>
				<div class="wrapper">
					<div class="row row2 listPr">
						<li class="col-xs-12">
							<section class="panel panel_box">
								<header class="panel-heading head-border panel_static">AI智能数据统计站</header>
								<div class="panel_bo">
									<div class="panel_top">
										<div class="icon_my">
											<img src="/notify/img/dxts.png" >
										</div>
										<div class="panel_list">
											<p>短信推送</p>
											<p>今日推送 &nbsp;{$smstodaycount}</p>
											<p>推送水库 &nbsp;{$smsreservoircount}</p>
											<p>总推送量 &nbsp;{$smsallcount}</p>
										</div>
									</div>
									<div class="panel_top">
										<div class="icon_my">
											<img src="/notify/img/yyts.png" >
										</div>
										<div class="panel_list">
											<p>语音推送</p>
											<p>今日推送 &nbsp;{$voicetodaycount}</p>
											<p>推送水库 &nbsp;{$voicereservoircount}</p>
											<p>总推送量 &nbsp;{$voiceallcount}</p>
										</div>
									</div>
									<div class="panel_top">
										<div class="icon_my">
											<img src="/notify/img/wxts.png" >
										</div>
										<div class="panel_list">
											<p>微信推送</p>
											<p>今日推送 &nbsp;{$wechattodaycount}</p>
											<p>推送水库 &nbsp;{$wechatreservoircount}</p>
											<p>总推送量 &nbsp;{$wechatallcount}</p>
										</div>
									</div>
									<div class="panel_top">
										<div class="icon_my">
											<img src="img/app.png" >
										</div>
										<div class="panel_list">
											<p>APP推送</p>
											<p>今日推送 &nbsp;{$apptodaycount}</p>
											<p>推送水库 &nbsp;{$appreservoircount}</p>
											<p>总推送量 &nbsp;{$apptallcount}</p>
										</div>
									</div>
									<div class="panel_top">
										<div class="icon_my">
											<img src="/notify/img/dd.png" >
										</div>
										<div class="panel_list">
											<p>钉钉推送</p>
											<p>今日推送 &nbsp;{$dingdingtodaycount}</p>
											<p>推送水库 &nbsp;{$dingdingreservoircount}</p>
											<p>总推送量 &nbsp;{$dingdingtallcount}</p>
										</div>
									</div>
								</div>
							</section>
						</li>
					</div>
					<!-- part2 第二排2列 -->
					<div class="row row2 listPr">
						<!-- 设备动态 -->
						<li class="col-xs-6">
							<section class="panel">
								<header class="panel-heading head-border panel_static">每日推送记录统计图</header>
								<div class="panel_pic">
									<div class="pic_1">
										<i class="fa fa-clock-o"></i>
										<span>今日统计</span>
									</div>
									<div class="pic_2">
										<span>预警次数<span style="color: #D9001B;"><b
													style="color: #D9001B;">{$warning}</b></span></span>
									</div>
								</div>

								<div id="main" style="width: 600px;height:350px;"></div>
								<script>
									var chartDom = document.getElementById('main');
									var myChart = echarts.init(chartDom);
									var option;

									option = {
										color:["#baa6f7"],
										xAxis: {
											
											type: 'category',
											data: [{$xy['x']}]
										},
									 yAxis: {
										 name:'次数',
									 	type: 'value'
										},
										series: [{
											data: [{$xy['y']}],
											type: 'bar'
										}]
									};

									option && myChart.setOption(option);
								</script>
							</section>
						</li>
						<!-- 值班人员 -->
						<li class="col-xs-6">
							<section class="panel">
								<header class="panel-heading head-border panel_static ">
									最新推送记录<!--<span>未读246条消息</span>-->
								</header>
								<div class="panel-body">
									{volist name='list' id='item'}
									<div class="cont">
										<div class="cont_1">
											<h5>{$item.name}</h5>
											<div class="cont_1_1">
												<i class="fa fa-circle"></i>
												<span>{$item.createtime|date='Y-m-d H:i',###}</span>
											</div>

										</div>
										<p>{$item.content}</p>
									</div>
									{/volist}
								</div>
							</section>
						</li>
					</div>
				</div>
				<div class="name">云南腾亿融媒互联网有限公司</div>
			</div>
		</section>

		<script src="/notify/js/bootstrap.js"></script>
		<script src="/notify/js/echarts.min.js"></script>

		<script src="/notify/laydate/laydate.js"></script>

	</body>
</html>