湘潭大数据 统计年报前端开发

master
gongdi 3 years ago
parent 2eba100063
commit 1c963d5121

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

File diff suppressed because one or more lines are too long

@ -6,16 +6,31 @@
<title>大数据汇聚与管理系统</title>
<link rel="stylesheet" href="css/comon0.css">
<link href="css/nav_sytle.css" rel="stylesheet">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<!--<link rel="stylesheet" href="./css/bootstrap.min.css">-->
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link rel="stylesheet" href="css/sidebar-menu.css">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<!--<link rel="stylesheet" href="./css/bootstrap.min.css">-->
<script src="js/jquery-2.1.1.min.js"></script>
<!--<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">-->
<!--<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>-->
<!--<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
<link rel="stylesheet" href="./css/bootstrap3.3.7.min.css">
<script src="./js/jquery2.1.1.min.js"></script>
<script src="./js/bootstrap3.3.7.min.js"></script>
<!--<script src="js/jquery-2.1.1.min.js"></script>-->
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<!--<script src="./js/bootstrap.min.js"></script>-->
<script src="js/utils.js"></script>
<script src="js/nav.js"></script>
<!--统计使用-->
<script src="js/record.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script> -->
<style type="text/css">
.main-sidebar {
@ -44,6 +59,7 @@
$("html").css({ fontSize: whei / 20 })
});
});
</script>
<script type="text/javascript" src="js/echarts.min.js"></script>
@ -185,6 +201,24 @@
</ul>
</div>
<!-- 模态框Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div id="modalDialog" class="modal-dialog">
<div class="modal-content">
<div id="modalBody" class="modal-body">
<div class="close-box-style">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="table-responsive" id="tableBox">
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="back"></div>
<div class="bgDiv"></div>
@ -196,6 +230,9 @@
</section>
</aside>
</div>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/china2.js"></script>
<script type="text/javascript" src="js/area_echarts.js"></script>
@ -217,6 +254,13 @@
</script> -->
<script>
$.sidebarMenu($('.sidebar-menu'))
//获取弹出框宽高
var modalSize = autoWinSize()
//console.log("a:",a)
$("#modalDialog").css({"width":modalSize.width + "px","height":modalSize.height + "px"});
$("#modalBody").css({"width":modalSize.width + "px","height":modalSize.height + "px"});
// $('.dropdown-menu').selectpicker();
// $('body').everyTime('10s', function () {
// E_chart.map((item, index) => {
@ -225,10 +269,38 @@
// E_chart[index].setOption(opt)
// });
// });
</script>
<style>
.modal-body{
width: 100%;
display: flex;
flex-direction: column;
}
.close-box-style{
width: 100%;
height: 20px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.table-responsive{
width: 100%;
height: calc(100% - 20px);
}
.table thead tr th{
text-align: center;
border: 1px solid;
}
.table tbody tr td{
text-align: center;
border: 1px solid;
}
.table tbody tr .td-title-style{
font-weight: bolder;
}
</style>
</script>
</body>
</html>

@ -9,6 +9,7 @@ var E_chart_area = [];
var area_name = GetQueryString('area_name')
console.log("shcoolData:",area_name)
$(function () {
@ -1283,10 +1284,14 @@ $(function () {
}
function table_data(year) {
var query_id = "A043";
if(parseInt(year) >= 2021){
query_id = "A079"
}
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
"query": {
"query_id": "A043",
"query_id": query_id,
"query_param": [
year, area_name
]

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -116,6 +116,31 @@ $(function () {
</ul>
</li>
`
menu_list.innerHTML += `
<li class="treeview ${pageIndex[0] === "SecondaryVocationalEducation" ? "active" : ""}">
<a href="#">
<i class="fa fa-bar-chart-o"></i> <span>2020</span> <i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a data-toggle="modal" href="#myModal" data-param="001"><i class="fa ${pageIndex[2] === "preEduVoerviewDev" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal" data-param="002"><i class="fa ${pageIndex[2] === "preEduteachingStaff" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal" data-param="003"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal" data-param="004"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal" data-param="005"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal" data-param="006"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal" data-param="007"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
<li><a data-toggle="modal" href="#myModal"><i class="fa ${pageIndex[2] === "preEdurunningConditions" ? "fa-circle" : "fa-circle-o"}"></i></a></li>
</li>
</ul>
</li>
`
// menu_list.innerHTML += `
// <li class="treeview">
// <a href="#">

@ -1,6 +1,6 @@
// 配置全局服务器IP
var config_serverIp = "http://10.10.14.186:9109/"
var config_serverIp = "http://10.10.14.186:9009/"
var config_years = ['2019', '2020','2021']
// 年份选择列表生成
// 获取当前年份

File diff suppressed because it is too large Load Diff

@ -48,9 +48,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A022', '2018', 'json'),
getData('A022', '2019', 'json'),
getData('A022', '2020', 'json')
getData('A022', '2020', 'json'),
getData('A022', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -305,9 +305,10 @@ $(function () {
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
console.log("a1[0].result:",a1[0].result)
data2018 = a1[0].result ===""?[]:JSON.parse(a1[0].result);
data2019 = a2[0].result === ""?[]:JSON.parse(a2[0].result);
data2020 = a3[0].result === ""?[]:JSON.parse(a3[0].result);
// console.log(JSON.parse(a2[0].result), 'test 2019')
// console.log(JSON.parse(a3[0].result), 'test 2020')
@ -554,9 +555,9 @@ $(function () {
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
data2018 = a1[0].result === ""?[]:JSON.parse(a1[0].result);
data2019 = a2[0].result === ""?[]:JSON.parse(a2[0].result);
data2020 = a3[0].result === ""?[]:JSON.parse(a3[0].result);
// console.log(JSON.parse(a2[0].result), 'test 2019')
// console.log(JSON.parse(a3[0].result), 'test 2020')
@ -803,9 +804,9 @@ $(function () {
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
data2018 = a1[0].result === ""?[]:JSON.parse(a1[0].result);
data2019 = a2[0].result === ""?[]:JSON.parse(a2[0].result);
data2020 = a3[0].result === ""?[]:JSON.parse(a3[0].result);
// console.log(JSON.parse(a2[0].result), 'test 2019')
// console.log(JSON.parse(a3[0].result), 'test 2020')
@ -1051,10 +1052,10 @@ $(function () {
getData('A018', '2020', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')
data2018 = JSON.parse(a1[0].result)
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
//console.log(JSON.parse(a1[0].result), 'test 2018')
data2018 = a1[0].result === ""?[]:JSON.parse(a1[0].result);
data2019 = a2[0].result === ""?[]:JSON.parse(a2[0].result);
data2020 = a3[0].result === ""?[]:JSON.parse(a3[0].result);
// console.log(JSON.parse(a2[0].result), 'test 2019')
// console.log(JSON.parse(a3[0].result), 'test 2020')

@ -113,9 +113,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A022', '2018', 'json'),
getData('A022', '2019', 'json'),
getData('A022', '2020', 'json')
getData('A022', '2020', 'json'),
getData('A022', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -300,9 +300,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A021', '2018', 'json'),
getData('A021', '2019', 'json'),
getData('A021', '2020', 'json')
getData('A021', '2020', 'json'),
getData('A021', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -485,9 +485,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A020', '2018', 'json'),
getData('A020', '2019', 'json'),
getData('A020', '2020', 'json')
getData('A020', '2020', 'json'),
getData('A020', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -668,9 +668,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A019', '2018', 'json'),
getData('A019', '2019', 'json'),
getData('A019', '2020', 'json')
getData('A019', '2020', 'json'),
getData('A019', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -854,9 +854,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A018', '2018', 'json'),
getData('A018', '2019', 'json'),
getData('A018', '2020', 'json')
getData('A018', '2020', 'json'),
getData('A018', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')

@ -923,13 +923,14 @@ $(function () {
}), function (resport) {
var data = resport.result;
var newData = JSON.parse(data);
console.log("newData:",newData)
var allNum;
newData.map((item, index) => {
if (item.didgroup === '教职工总人数') {
// 教职工总数
allNum = Number(newData[index].total);
let teacherAll = document.querySelector("#teacharAll");
var numberArr = (newData[index].total).split("");
var numberArr = (newData[index].total + "").split("");
let jzgnr = ""
numberArr.map((item) => {
jzgnr += `<div class="num_box">${item} <div class="boxfoot"></div></div>`;
@ -938,7 +939,7 @@ $(function () {
} else if (item.didgroup === '专任教师总人数') {
// 专职教师人数
let teacherNum = document.querySelector("#teacharNum");
var numberArr = (newData[index].total).split("");
var numberArr = (newData[index].total + "").split("");
let zrjsnr = ""
numberArr.map((item) => {
zrjsnr += `<div class="num_box">${item} <div class="boxfoot"></div></div>`;
@ -947,7 +948,7 @@ $(function () {
} else if (item.didgroup === '在编教师总人数') {
// 在编教师人数
let teacherNumber = document.querySelector("#teacherNumber");
var numberArr = (newData[index].total).split("");
var numberArr = (newData[index].total + "").split("");
let zbjsnr = ""
numberArr.map((item) => {
zbjsnr += `<div class="num_box">${item} <div class="boxfoot"></div></div>`;

@ -83,9 +83,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A012', '2018', 'json'),
getData('A012', '2019', 'json'),
getData('A012', '2020', 'json')
getData('A012', '2020', 'json'),
getData('A012', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
data2018 = JSON.parse(a1[0].result)
@ -276,9 +276,9 @@ $(function () {
$.when(
getData('A017', '2018', 'json'),
getData('A017', '2019', 'json'),
getData('A017', '2020', 'json')
getData('A017', '2020', 'json'),
getData('A017', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -453,9 +453,9 @@ $(function () {
$.when(
getData('A016', '2018', 'json'),
getData('A016', '2019', 'json'),
getData('A016', '2020', 'json')
getData('A016', '2020', 'json'),
getData('A016', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -643,9 +643,9 @@ $(function () {
// console.log(getData(), 'test111111')
$.when(
getData('A013', '2018', 'json'),
getData('A013', '2019', 'json'),
getData('A013', '2020', 'json')
getData('A013', '2020', 'json'),
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')

@ -81,9 +81,9 @@ $(function () {
// console.log(getData(), 'test111111')
var data2018 = []
$.when(
getData('A012', '2018', 'json'),
getData('A012', '2019', 'json'),
getData('A012', '2020', 'json')
getData('A012', '2020', 'json'),
getData('A012', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -96,7 +96,7 @@ $(function () {
// console.log(data2018, 'data2018')
const year = ['2018', '2019', '2020']
const year = ['2019', '2020', '2021']
const product = ['product']
year.map((e, i) => {
product.push(e)
@ -275,9 +275,9 @@ $(function () {
$.when(
getData('A017', '2018', 'json'),
getData('A017', '2019', 'json'),
getData('A017', '2020', 'json')
getData('A017', '2020', 'json'),
getData('A017', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -288,7 +288,7 @@ $(function () {
data2019 = JSON.parse(a2[0].result)
data2020 = JSON.parse(a3[0].result)
const year = ['2018', '2019', '2020']
const year = ['2019', '2020', '2021']
const product = ['product']
year.map((e, i) => {
product.push(e)
@ -452,9 +452,9 @@ $(function () {
$.when(
getData('A016', '2018', 'json'),
getData('A016', '2019', 'json'),
getData('A016', '2020', 'json')
getData('A016', '2020', 'json'),
getData('A016', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -638,9 +638,9 @@ $(function () {
function echarts_3_cz() {
$.when(
getData('A016', '2018', 'json'),
getData('A016', '2019', 'json'),
getData('A016', '2020', 'json')
getData('A016', '2020', 'json'),
getData('A016', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -826,9 +826,9 @@ $(function () {
$.when(
getData('A016', '2018', 'json'),
getData('A016', '2019', 'json'),
getData('A016', '2020', 'json')
getData('A016', '2020', 'json'),
getData('A016', '2021', 'json')
).done(function (a1, a2, a3) {
// console.log(JSON.parse(a1[0].result), 'test 2018')
@ -1015,9 +1015,9 @@ $(function () {
// console.log(getData(), 'test111111')
$.when(
getData('A013', '2018', 'json'),
getData('A013', '2019', 'json'),
getData('A013', '2020', 'json')
getData('A013', '2020', 'json'),
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')
@ -1030,7 +1030,7 @@ $(function () {
console.log(data2018, data2019, data2020)
const year = ['2018', '2019', '2020']
const year = ['2019', '2020', '2021']
const product = ['product']
year.map((e, i) => {
product.push(e)
@ -1086,7 +1086,7 @@ $(function () {
color: "rgba(255,255,255,.6)",
},
top: 0,
data: ['2018', '2019', '2020']
data: ['2019', '2020', '2021']
},
label: {
show: true,
@ -1217,9 +1217,9 @@ $(function () {
// console.log(getData(), 'test111111')
$.when(
getData('A013', '2018', 'json'),
getData('A013', '2019', 'json'),
getData('A013', '2020', 'json')
getData('A013', '2020', 'json'),
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')
@ -1232,7 +1232,7 @@ $(function () {
console.log(data2018, data2019, data2020)
const year = ['2018', '2019', '2020']
const year = ['2019', '2020', '2021']
const product = ['product']
year.map((e, i) => {
product.push(e)
@ -1288,7 +1288,7 @@ $(function () {
color: "rgba(255,255,255,.6)",
},
top: 0,
data: ['2018', '2019', '2020']
data: ['2019', '2020', '2021']
},
label: {
show: true,
@ -1419,9 +1419,9 @@ $(function () {
// console.log(getData(), 'test111111')
$.when(
getData('A013', '2018', 'json'),
getData('A013', '2019', 'json'),
getData('A013', '2020', 'json')
getData('A013', '2020', 'json'),
getData('A013', '2021', 'json')
).done(function (a1, a2, a3) {
console.log(JSON.parse(a1[0].result), 'test 2018')

@ -57,3 +57,66 @@ function dataMoreBar(inData) {
})
return outData;
}
function getExplorer() {
var explorer = window.navigator.userAgent;
if (isIE()) {
return "IE";
}
//firefox
else if (explorer.indexOf("Firefox") >= 0) {
return "Firefox";
}
//Chrome
else if (explorer.indexOf("Chrome") >= 0) {
return "Chrome";
}
//Opera
else if (explorer.indexOf("Opera") >= 0) {
return "Opera";
}
//Safari
else if (explorer.indexOf("Safari") >= 0) {
return "Safari";
}
}
function isIE() {
if (!!window.ActiveXObject || "ActiveXObject" in window)
return true;
else
return false;
}
//计算宽度高度
function autoWinSize() {
var clientHeight = document.documentElement.clientHeight - 100;
var clientWidth = document.documentElement.clientWidth * 0.85;
var ex = getExplorer();
var exheight = 24;
if ("Firefox" == ex) {
exheight += 10;
}
if ("IE" == ex) {
exheight += 15;
}
if (clientWidth < 800) {
clientWidth = 800;
}
if (clientWidth > 1000) {
clientWidth = 1000;
}
if (clientHeight < 200) {
clientHeight = 200;
}
if (clientHeight > 496) {
clientHeight = 496 + exheight;
}
return {
height: clientHeight,
width: clientWidth
};
}

Loading…
Cancel
Save