126 lines
6.3 KiB
HTML
126 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="renderer" content="webkit" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<link rel="stylesheet" href="webconfig/layui/css/layui.css?t=202006016" media="all" />
|
|
<!--统一LAYUI前端样式文件-->
|
|
<link rel="stylesheet" href="webconfig/layui/css/global.css?t=20200616" media="all">
|
|
<!--统一公共前端样式文件-->
|
|
<link rel="stylesheet" href="webconfig/css/jquery-ui.css?t=20200613" media="all" />
|
|
<!--提示信息前端样式文件-->
|
|
<title>日常保教统计</title>
|
|
<link rel="stylesheet" href="webconfig/css/reset.css">
|
|
<link rel="stylesheet" href="webconfig/css/homeInteraction.css">
|
|
<!-- 引入jquery -->
|
|
<script src="webconfig/js/jquery.min.js"></script>
|
|
<script src="webconfig/js/echarts.min.js"></script>
|
|
<script src="webconfig/js/vue.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="all">
|
|
<div class="h1">
|
|
<div>
|
|
<a id="html5" href="wisdomMedic.html" style="margin-right: 20px;">
|
|
<img src="webconfig/images/everdayData/img1/icon_01.png">
|
|
<span>xx市教育局云端大数据</span>
|
|
</a>
|
|
<a id="html1" href="everdayData.html" style="margin-right: 20px;">
|
|
<img src="webconfig/images/everdayData/img1/icon_01.png">
|
|
<span>每日数据检测</span>
|
|
</a>
|
|
<a id="html2" href="kindergartenThings.html">
|
|
<img style="width: 25px;height: 25px;margin-right:5px;position:relative;top:-1px" src="webconfig/images/everdayData/img1/icon_02.png">
|
|
<span>园区统计分析</span>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a id="html3" href="careEducation.html" style="margin-right: 5px;">
|
|
<img src="webconfig/images/everdayData/img1/icon_03.png">
|
|
<span>日常保教统计</span>
|
|
</a>
|
|
<a id="html4" href="javascript:;" class="in">
|
|
<img style="width: 35px;height: 35px;" src="webconfig/images/everdayData/img1/icon_44.png">
|
|
<span>家园互动情况</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="top">
|
|
<div class="left">
|
|
<h2><span>宝宝动态统计</span></h2>
|
|
<div id="echarts1"></div>
|
|
<div class="order">
|
|
<h3><span>班级动态发布数量排名前十</span></h3>
|
|
<div id="echarts2"></div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<h2><span>教育资源统计</span></h2>
|
|
<div id="echarts3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div class="left" style="position: relative;">
|
|
<h2><span>活跃统计</span></h2>
|
|
<div style="width: 40%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 100%;padding: 30px;box-sizing: border-box;">
|
|
<div style="cursor: pointer;" @click="change(index+1)" class="box1" v-for="(item,index) in nav" :key="index">
|
|
<div style="color: #F58350;font-size: 22px;margin-top: 20px;">{{item}}</div>
|
|
<div style="color: #EFEFEF;font-size: 14px;margin-top: 5px;">前五排名</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="width: 50%;line-height: 4em;padding: 40px 0;box-sizing: border-box;position:relative;left:-30px">
|
|
<div v-for="(item,index) in data6" :key="index" style="width: 100%;display: flex;align-items: center;flex-wrap: nowrap;">
|
|
<span style="color: #FFFFFF;font-size: 16px;white-space: nowrap;margin-right: 10px;display:inline-block;width:80px;">{{item.name}}</span>
|
|
<div style="width: 70%;height: 30px;border: 2px solid #147ab1;position: relative;display: flex;align-items: center;">
|
|
<div :class="'changeWidth'+index" style="height: 30px;background-color: #136997;"></div>
|
|
<span style="color: #0552AF;margin-left: 10px;font-size: 16px;">{{item.number}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<select @change="changeMounth" style="position: absolute;right: 20px;top: 20px;font-size: 24px;color: #4EFAFA;background-color:rgba(0,0,0,0);border:none;cursor: pointer;cursor: pointer;">
|
|
<option v-for="(item,index) in mounthList" v-if="item.selected" selected="selected" :value="item.value">{{item.value}}月查询</option>
|
|
<option v-for="(item,index) in mounthList" v-if="!item.selected" :value="item.value">{{item.value}}月查询</option>
|
|
</select>
|
|
</div>
|
|
<div class="right">
|
|
<h2><span>其他统计</span></h2>
|
|
<div id="echarts5"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
window.url = "http://sysapi.it996.tech"
|
|
// window.url = "http://192.168.1.152:56010"
|
|
window.guid = ''
|
|
|
|
function getParams() {
|
|
var url = window.location.href;
|
|
if (url.indexOf("?") > 0) {
|
|
url = url.split("?")[1];
|
|
arr = url.split("&");
|
|
var obj = {};
|
|
for (var i = 0; i < arr.length; i++) {
|
|
var arr_list = arr[i].split("=");
|
|
obj[arr_list[0]] = arr_list[1];
|
|
}
|
|
var EquipmentID = obj.EquipmentID;
|
|
window.guid = EquipmentID
|
|
}
|
|
}
|
|
getParams()
|
|
</script>
|
|
<!--layui必须JS-->
|
|
<script type="text/javascript" src="webconfig/layui/layui.js?t=20200606" charset="utf-8"></script>
|
|
<script type="text/javascript" src="webconfig/js/homeInteraction.js"></script>
|
|
</body>
|
|
|
|
</html> |