You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
466 lines
22 KiB
466 lines
22 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>营区一体化综合管理平台</title>
|
|
<link href="../layui/css/layui.css" rel="stylesheet" />
|
|
<link type="text/css" href="css/zhgl-style.css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="zh-content clearfix" style="top:0px;">
|
|
<div style="width: 74.47%;height:100%" class="fl">
|
|
<div class="zh-row1 clearfix">
|
|
<!-- 人员信息 -->
|
|
<div class="zh-ryxx fl" style="width: calc(33.06% - 30px); margin: 0 15px;">
|
|
<div class="zh-tit" style="background: url(img/zh-icon1.png) left center no-repeat;">人员信息</div>
|
|
<div class="zh-con">
|
|
<div id="zh-ryxxe" style="width: 100%; height: 74%;"></div>
|
|
|
|
<div class="zh-ryxx-sz">
|
|
<div class="ryxx-rs fl">
|
|
<div class="ryxx-zg1">
|
|
<div class="ryxx-quan fl"></div>
|
|
<div class="ryxx-name">在岗</div>
|
|
</div>
|
|
<div class="ryxx-zg2 zgnum">178人</div>
|
|
</div>
|
|
<div class="ryxx-rs fl">
|
|
<div class="ryxx-zg1">
|
|
<div class="ryxx-quan fl" style="border: 2px solid #ffcd31;"></div>
|
|
<div class="ryxx-name">请休假</div>
|
|
</div>
|
|
<div class="ryxx-zg2 lgnum">23人</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 车辆信息 -->
|
|
<div class="zh-ryxx fl" style="width: calc(33.06% - 30px); margin: 0 15px;">
|
|
<div class="zh-tit" style="background: url(img/zh-icon2.png) left center no-repeat;">车辆信息</div>
|
|
<div class="zh-con" style="padding: 35px 0;">
|
|
<div class="clxx-sw fl">
|
|
<div class="clxx-sw-img"><img src="img/cl-icon1.png"></div>
|
|
<h3 class="clxx-sw-sz vehicleoffice">0</h3>
|
|
<h4 class="clxx-sw-name">公务车辆</h4>
|
|
</div>
|
|
<div class="clxx-sw fl">
|
|
<div class="clxx-sw-img"><img src="img/cl-icon2.png"></div>
|
|
<h3 class="clxx-sw-sz vehicleduty">0</h3>
|
|
<h4 class="clxx-sw-name">执勤车辆</h4>
|
|
</div>
|
|
|
|
<div class="clxx-sw fl" style="border-left: 1px solid #cdd5e1; border-right: 0;">
|
|
<div class="clxx-sw-img"><img src="img/cl-icon3.png"></div>
|
|
<h3 class="clxx-sw-sz vehiclesj">0</h3>
|
|
<h4 class="clxx-sw-name">地方车辆</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 报警信息 -->
|
|
<div class="zh-ryxx fr" style="width: calc(33.06% - 15px); margin-left: 15px; margin-right: 0;">
|
|
<div class="zh-tit" style="background: url(img/zh-icon3.png) left center no-repeat;">报警信息</div>
|
|
<div class="zh-con" style="padding-top: 15px;">
|
|
<div class="star-eval">
|
|
<span class="left-txt fl">人员不假外出</span>
|
|
<span class="stars-bg ren1 fl">
|
|
<!-- 宽度由实际数据自行计算 如4.2/5*100% -->
|
|
<i class="star-active ren1a" style="width: 0%"></i>
|
|
</span>
|
|
<span class="fl ren1a_num">0次</span>
|
|
</div>
|
|
<div class="star-eval">
|
|
<span class="left-txt fl">人员超期未归</span>
|
|
<span class="stars-bg ren2 fl">
|
|
<!-- 宽度由实际数据自行计算 如4.2/5*100% -->
|
|
<i class="star-active ren2a" style="width: 0%"></i>
|
|
</span>
|
|
<span class="fl ren2a_num">0次</span>
|
|
</div>
|
|
<div class="star-eval">
|
|
<span class="left-txt fl">车辆非法外出</span>
|
|
<span class="stars-bg che1 fl">
|
|
<!-- 宽度由实际数据自行计算 如4.2/5*100% -->
|
|
<i class="star-active che1a" style="width: 0%"></i>
|
|
</span>
|
|
<span class="fl che1a_num">0次</span>
|
|
</div>
|
|
<div class="star-eval">
|
|
<span class="left-txt fl">车辆超时未归</span>
|
|
<span class="stars-bg che2 fl">
|
|
<!-- 宽度由实际数据自行计算 如4.2/5*100% -->
|
|
<i class="star-active che2a" style="width: 0%"></i>
|
|
</span>
|
|
<span class="fl che2a_num">0次</span>
|
|
</div>
|
|
<div class="star-eval">
|
|
<span class="left-txt fl">车辆超速报警</span>
|
|
<span class="stars-bg che3 fl">
|
|
<!--宽度由实际数据自行计算 如4.2/5*100%-->
|
|
<i class="star-active che3a" style="width: 0%"></i>
|
|
</span>
|
|
<span class="fl che3a_num">0次</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="zh-row1" style="height: calc(53.61% - 30px);">
|
|
<!-- 请假、用车统计 -->
|
|
<div class="zh-ryxx fr" style="width: calc(33.06% - 30px); margin-left: 15px; float:left;">
|
|
<div class="zh-tit" style="background: url(img/zh-icon5.png) left center no-repeat;">请假、用车统计</div>
|
|
<div class="zh-con">
|
|
<div id="zh-qjyc" style="width: 100%; height: 100%;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 查铺实到率 -->
|
|
<div class="zh-ryxx fl" style="width: calc(33.87% - 30px); margin-left: 15px;">
|
|
<div class="zh-tit" style="background: url(img/zh-icon5.png) left center no-repeat;">查铺实到率</div>
|
|
<div class="zh-con">
|
|
<div id="zh-cpsd" style="width: 100%; height: 100%;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 人员考试分析 -->
|
|
<div class="zh-ryxx fr" style="width: calc(33.06% - 15px); margin-right: 0px; float:right">
|
|
<div class="zh-tit" style="background: url(img/zh-icon4.png) left center no-repeat;">人员考试分析</div>
|
|
<div class="zh-con">
|
|
<div id="zh-ryks" style="width: 100%; height: 100%;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="zh-ryxx fr" style="width: calc(25.53% - 40px); height: 100%; margin-right: 0; margin-left: 40px; margin-bottom: 0; background: url(home/img/under-divbg.png) no-repeat;background-size: 100% 100%;">
|
|
<div class="zh-tit" style="background: url(img/geren-icon1.png) left center no-repeat">下级机构执勤力量</div>
|
|
<div class="zh-con">
|
|
<div class="personnum">
|
|
<ul>
|
|
<li>
|
|
<div class="personnum-img"><img src="img/personnum1.png"></div>
|
|
<div id="Subordinate_per_sum" class="personnum-num">55</div>
|
|
<div class="personnum-tit">人员总数</div>
|
|
</li>
|
|
<li>
|
|
<div class="personnum-img"><img src="img/personnum2.png"></div>
|
|
<div id="Subordinate_per_zg" class="personnum-num">13</div>
|
|
<div class="personnum-tit">在岗数</div>
|
|
</li>
|
|
<li>
|
|
<div class="personnum-img"><img src="img/personnum3.png"></div>
|
|
<div id="Subordinate_per_lg" class="personnum-num">42</div>
|
|
<div class="personnum-tit">离岗数</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="personnum" style="margin-top: 30px;">
|
|
<ul>
|
|
<li style="width: 25%;">
|
|
<div class="personnum-img"><img src="img/carnum1.png"></div>
|
|
<div id="Subordinate_car_sum" class="personnum-num">55</div>
|
|
<div class="personnum-tit">车辆总数</div>
|
|
</li>
|
|
<li style="width: 25%;">
|
|
<div class="personnum-img"><img src="img/carnum2.png"></div>
|
|
<div id="Subordinate_car_zq" class="personnum-num">13</div>
|
|
<div class="personnum-tit">执勤车</div>
|
|
</li>
|
|
<li style="width: 25%;">
|
|
<div class="personnum-img"><img src="img/carnum3.png"></div>
|
|
<div id="Subordinate_car_gw" class="personnum-num">42</div>
|
|
<div class="personnum-tit">公务车</div>
|
|
</li>
|
|
<li style="width: 25%;">
|
|
<div class="personnum-img"><img src="img/carnum4.png"></div>
|
|
<div id="Subordinate_car_sj" class="personnum-num">42</div>
|
|
<div class="personnum-tit">地方车</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="under-list">
|
|
<table cellpadding="0" cellspacing="0" border="0">
|
|
<tr class="tou">
|
|
<th>单位名称</th>
|
|
<th>人员总数</th>
|
|
<th>车辆总数</th>
|
|
</tr>
|
|
<tbody id="Subordinate_list">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script src="../js/jquery-2.1.3.min.js"></script>
|
|
<script src="../layui/layui.js"></script>
|
|
<script src="../js/echarts.min.js"></script>
|
|
<script src="js/home.js"></script>
|
|
<script>
|
|
|
|
layui.use(['form', 'layer', 'table', 'laytpl', 'laydate', 'upload', 'element'], function () {
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
//$ = layui.jquery,
|
|
laytpl = layui.laytpl,
|
|
table = layui.table,
|
|
upload = layui.upload,
|
|
laydate = layui.laydate,
|
|
element=layui.element;
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
|
|
|
|
|
//人员信息
|
|
function personSta() {
|
|
var data = [];
|
|
$.post("../ashx/SysEmpHandler.ashx", {
|
|
Action: "personSta",
|
|
Org_Id: OrgId ,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
|
|
if (res.code == 1) {
|
|
var num = res.data[0];
|
|
var numtotal = num.ZG + num.JY + num.XJ + num.QJ + num.XX + num.PX + num.BG + num.ZY + num.CC + num.CG + num.ZLBD + num.QT + num.KONG;
|
|
var zgnum = num.ZG;
|
|
var lgnum = numtotal - num.ZG;
|
|
|
|
m2R2Data[0].value = zgnum;
|
|
m2R2Data[1].value = lgnum;
|
|
optionUser.series[0].data = m2R2Data;
|
|
optionUser.title[0].text = ((zgnum + lgnum) + "人");
|
|
myChartUser.setOption(optionUser);
|
|
$(".zgnum").html(zgnum);
|
|
$(".lgnum").html(lgnum);
|
|
|
|
} else {
|
|
|
|
}
|
|
}, "JSON");
|
|
|
|
}
|
|
function homeCarSta() {
|
|
var data = [];
|
|
$.post("../ashx/CarHandler.ashx", {
|
|
Action: "homeCarSta",
|
|
Org_Id: OrgId,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
if (res.code == 1) {
|
|
var num = res.data[0];
|
|
var caroffice = num.GW;
|
|
$(".caroffice").html(caroffice);
|
|
var vehicleduty = num.ZQ;
|
|
$(".carduty").html(carduty);
|
|
var carsj = num.SJ;
|
|
$(".carsj").html(carsj);
|
|
} else {
|
|
}
|
|
}, "JSON");
|
|
}
|
|
function homeCarSta() {
|
|
var data = [];
|
|
$.post("../ashx/CarHandler.ashx", {
|
|
Action: "homeCarSta",
|
|
Org_Id: OrgId,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
if (res.code == 1) {
|
|
var num = res.data[0];
|
|
var vehicleoffice = num.GW;
|
|
$(".vehicleoffice").html(vehicleoffice);
|
|
var vehicleduty = num.ZQ;
|
|
$(".vehicleduty").html(vehicleduty);
|
|
var vehiclesj = num.SJ;
|
|
$(".vehiclesj").html(vehiclesj);
|
|
} else {
|
|
}
|
|
}, "JSON");
|
|
}
|
|
|
|
//查铺
|
|
function homeInspectStaSta()
|
|
{
|
|
var xdata = [], sdata0 = [], sdata1 = [], sdata2 =[];
|
|
$.post("../ashx/FireInspectHandler.ashx", {
|
|
Action: "homeInspectSta",
|
|
OrgId: OrgId,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
if (res.code == 1) {
|
|
for (var i = res.data.length - 1; i > -1; i--) {
|
|
xdata.push(res.data[i].L_DATE);
|
|
sdata0.push(res.data[i].ONSHOW);
|
|
sdata1.push(Number(res.data[i].NOSHOW) + Number( res.data[i].LEAVE_NUM));
|
|
sdata2.push(res.data[i].TOTAL);
|
|
|
|
}
|
|
optionCP.xAxis[0].data = xdata;
|
|
optionCP.series[0].data = sdata0;
|
|
optionCP.series[1].data = sdata1;
|
|
optionCP.series[2].data = sdata2;
|
|
myChartCP.setOption(optionCP);
|
|
} else {
|
|
}
|
|
}, "JSON");
|
|
}
|
|
|
|
function homeAlarmSta() {
|
|
var data = [];
|
|
$.post("../ashx/AlarmDataHandler.ashx", {
|
|
Action: "homeAlarmSta",
|
|
Org_Id: OrgId,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
if (res.code == 1) {
|
|
var data = res.data[0];
|
|
var xdata = [], y1data = [], y2data = [], y3data = [];
|
|
|
|
var renall = (data.PCQWG + data.PFFWC) != 0 ? (data.PCQWG + data.PFFWC) : 1;
|
|
var cheall = (data.CCQWG + data.CBJWC + data.CCS) != 0 ? (data.CCQWG + data.CBJWC + data.CCS) : 1;
|
|
|
|
//报警统计
|
|
$(".ren1a").css("width", data.PCQWG / renall*100+"%");
|
|
$(".ren2a").css("width", data.PFFWC / renall * 100 + "%");
|
|
$(".che1a").css("width", data.CCQWG / cheall * 100 + "%");
|
|
$(".che2a").css("width", data.CCQWG / cheall * 100 + "%");
|
|
$(".che3a").css("width", data.CCS / cheall * 100 + "%");
|
|
|
|
$(".ren1a_num").html(data.PCQWG+"次");
|
|
$(".ren2a_num").html(data.PFFWC +"次");
|
|
$(".che1a_num").html(data.CCQWG +"次");
|
|
$(".che2a_num").html(data.CBJWC + "次");
|
|
$(".che3a_num").html(data.CCS + "次");
|
|
|
|
} else {
|
|
}
|
|
}, "JSON");
|
|
}
|
|
|
|
//一周请假请车统计
|
|
function homeleaveAndCarSta() {
|
|
//请假
|
|
var xdata = [], y1data = [], y2data = [];
|
|
$.post("../ashx/OaLeaveHandler.ashx", {
|
|
Action: "homeLeaveSta",
|
|
Org_Id: OrgId,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
if (res.code == 1) {
|
|
res.data.forEach(function (value, index, array) {
|
|
|
|
xdata.push(value.RIQI);
|
|
y1data.push(value.NUM);
|
|
});
|
|
optionLeaveCar.xAxis[0].data = xdata;
|
|
optionLeaveCar.series[0].data = y1data;
|
|
myChartLeaveCar.setOption(optionLeaveCar);
|
|
} else {
|
|
}
|
|
}, "JSON");
|
|
//用车
|
|
var data = [];
|
|
$.post("../ashx/CarApplyHandler.ashx", {
|
|
Action: "homeApplySta",
|
|
Org_Id: OrgId,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
if (res.code == 1) {
|
|
res.data.forEach(function (value, index, array) {
|
|
y2data.push(value.NUM);
|
|
});
|
|
optionLeaveCar.series[1].data = y2data;
|
|
myChartLeaveCar.setOption(optionLeaveCar);
|
|
} else {
|
|
}
|
|
}, "JSON");
|
|
}
|
|
|
|
|
|
//人员考试分析
|
|
//考试 {"msg":"成功","code":"1","data":[{"name":"≥90","value":0},{"name":"80~89","value":0},{"name":"70~79","value":0},{"name":"60~69","value":0},{"name":"≤59","value":0}],"paperName":"测试考试"}
|
|
function homeKS() {
|
|
$.ajax({
|
|
url: '/political/exam/exam/score_echart',
|
|
type: 'post',
|
|
dataType: 'JSON',
|
|
data: { orgId: OrgId, random: new Date().getTime() },
|
|
success: function (res) {
|
|
|
|
if (res.code == 1) {
|
|
res.data.forEach(function (value, index, array) {
|
|
|
|
});
|
|
//console.log(res);
|
|
dataks = res.data;
|
|
|
|
arrName = getArrayValue(dataks, "name");
|
|
arrValue = getArrayValue(dataks, "value");
|
|
sumValue = eval(arrValue.join('+'));
|
|
objData = array2obj(dataks, "name");
|
|
optionData = null;
|
|
optionData = getData(dataks);
|
|
|
|
optionKS.legend.data = arrName;
|
|
optionKS.title.text = res.paperName;
|
|
optionKS.yAxis[0].data = optionData.yAxis;
|
|
optionKS.series = optionData.series;
|
|
//console.log(JSON.stringify(optionKS));
|
|
myChartKS.setOption(optionKS);
|
|
|
|
} else {
|
|
optionKS.title.text = res.msg;
|
|
myChartKS.setOption(optionKS);
|
|
}
|
|
},
|
|
error: function (error) {
|
|
console.log(error)
|
|
}
|
|
})
|
|
}
|
|
|
|
//下级机构执勤力量
|
|
function getSubordinateData() {
|
|
$.post("../ashx/CarHandler.ashx", {
|
|
Action: "getSubordinateData",
|
|
Org_Id: OrgId,
|
|
random: new Date().getTime()//随机参数
|
|
}, function (res) {
|
|
console.log(res);
|
|
var perData = res.perData;
|
|
var lgsum = perData[0].BG + perData[0].CC + perData[0].CG + perData[0].JY + perData[0].KONG + perData[0].PX + perData[0].QJ + perData[0].QT + perData[0].XJ + perData[0].XX + perData[0].ZLBD + perData[0].ZY;
|
|
$("#Subordinate_per_sum").html(perData[0].ZG + lgsum);
|
|
$("#Subordinate_per_zg").html(perData[0].ZG);
|
|
$("#Subordinate_per_lg").html(lgsum);
|
|
|
|
|
|
var carData = res.carData;
|
|
$("#Subordinate_car_sum").html(carData[0].GW + carData[0].ZQ + carData[0].SJ);
|
|
$("#Subordinate_car_gw").html(carData[0].GW);
|
|
$("#Subordinate_car_zq").html(carData[0].ZQ);
|
|
$("#Subordinate_car_sj").html(carData[0].SJ);
|
|
|
|
var listData = res.listData;
|
|
var tableHtml = "";
|
|
listData.forEach(item => {
|
|
tableHtml += "<tr><td>" + item.ORG_NAME + "</td><td>" + item.PERNUM + "</td><td>" + item.CARNUM + "</td></tr>";
|
|
});
|
|
$("#Subordinate_list").html(tableHtml);
|
|
|
|
}, "JSON");
|
|
|
|
}
|
|
|
|
personSta();
|
|
homeCarSta()
|
|
homeInspectStaSta();
|
|
homeAlarmSta()
|
|
homeleaveAndCarSta();
|
|
homeKS();
|
|
getSubordinateData();
|
|
})
|
|
|
|
|
|
</script>
|
|
|