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.
2013 lines
146 KiB
2013 lines
146 KiB
1 year ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title></title>
|
||
|
|
<link href="home/css/style.css" rel="stylesheet" media="all">
|
||
|
|
<script src="home/js/jquery-1.js"></script>
|
||
|
|
<script src="home/js/echarts.min.js"></script>
|
||
|
|
<link href="../layui/css/layui.css" rel="stylesheet" />
|
||
|
|
<link rel="stylesheet" href="../../../css/public.css" media="all" />
|
||
|
|
<!-- 数字计数器 -->
|
||
|
|
<link type="text/css" href="home/css/globle.css" rel="stylesheet" />
|
||
|
|
<script type="text/javascript" src="home/js/num.js"></script>
|
||
|
|
<script type="text/javascript" src="../layui/layui.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<script>
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
if (window.sessionStorage.getItem("userInfo") != null) {
|
||
|
|
userInfo = window.sessionStorage.getItem("userInfo");
|
||
|
|
} else {
|
||
|
|
var kn_root_c_cookie = $.cookie("kn_root_cookie");
|
||
|
|
var kn_root_c_cookie_json = "";
|
||
|
|
if (kn_root_c_cookie != undefined) {
|
||
|
|
kn_root_c_cookie_json = JSON.parse(kn_root_c_cookie)
|
||
|
|
}
|
||
|
|
if (kn_root_c_cookie != "" && kn_root_c_cookie != null && typeof kn_root_c_cookie == 'string') {
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../ashx/SysUserHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: "UserInfo2",
|
||
|
|
UsersUid: kn_root_c_cookie_json.usersUid,
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
},
|
||
|
|
async: false,
|
||
|
|
dataType: "json",
|
||
|
|
success: function (res) {
|
||
|
|
if (res.code == 1) {
|
||
|
|
userInfo = JSON.stringify(res.data);
|
||
|
|
window.sessionStorage.setItem("userInfo", JSON.stringify(res.data));
|
||
|
|
} else {
|
||
|
|
alert(res.msg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
alert("您未登录或登录超时请登录后使用");
|
||
|
|
window.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
ORG_ID = OrgId;
|
||
|
|
//ORG_ID = "fcb73c1d4e59465ea3fdb53a2fd172e4";//
|
||
|
|
</script>
|
||
|
|
<div class="content clearfix">
|
||
|
|
<div class="con-left fl">
|
||
|
|
<!-- 人员管理 -->
|
||
|
|
<div class="content-div fl">
|
||
|
|
<div class="content-div-tit">人员信息</div>
|
||
|
|
<div class="content-con">
|
||
|
|
<div class="yqgl-nums">
|
||
|
|
<div class="zongshu fl">今日人员总数</div>
|
||
|
|
<div id="dataNumsa"> </div>
|
||
|
|
<div id="dataNums2"> </div>
|
||
|
|
<div class="danwei fl"> 人</div>
|
||
|
|
</div>
|
||
|
|
<div id="ryxx" style="width: 100%; height: calc(100% - 48px);"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
function personSta() {
|
||
|
|
$.post("../ashx/SysEmpHandler.ashx", {
|
||
|
|
Action: "personSta",
|
||
|
|
Org_Id: JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID,
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
|
||
|
|
if (res.code == 1) {
|
||
|
|
var num = res.data[0];
|
||
|
|
var numtotal = num.ZS;
|
||
|
|
var zgnum = num.ZG;
|
||
|
|
var lgnum = numtotal - num.ZG;
|
||
|
|
|
||
|
|
$("#dataNumsa").rollNumDaq({
|
||
|
|
deVal: numtotal
|
||
|
|
});
|
||
|
|
|
||
|
|
// 基于准备好的dom，初始化echarts实例
|
||
|
|
var myChartPer = echarts.init(document.getElementById('ryxx'));
|
||
|
|
var res = [{
|
||
|
|
"label": "在岗",
|
||
|
|
"value": zgnum
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"label": "未在岗",
|
||
|
|
"value": lgnum
|
||
|
|
}
|
||
|
|
]
|
||
|
|
|
||
|
|
var border =
|
||
|
|
'data:image/png;base64,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
|
||
|
|
var man =
|
||
|
|
'home/img/onduty.png';
|
||
|
|
var woman =
|
||
|
|
'home/img/leave.png';
|
||
|
|
var color = ['#00FFFF', 'rgba(196,36,255,1)'];
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var data = [];
|
||
|
|
for (var i = 0; i < res.length; i++) {
|
||
|
|
data.push({
|
||
|
|
value: res[i].value,
|
||
|
|
name: res[i].label,
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
borderWidth: 5,
|
||
|
|
shadowBlur: 20,
|
||
|
|
borderColor: color[i],
|
||
|
|
shadowColor: color[i]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
value: res[0].value / 10,
|
||
|
|
name: '',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
labelLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
color: 'rgba(0, 0, 0, 0)',
|
||
|
|
borderColor: 'rgba(0, 0, 0, 0)',
|
||
|
|
borderWidth: 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
optionPer = {
|
||
|
|
color,
|
||
|
|
graphic: {
|
||
|
|
elements: [{
|
||
|
|
type: 'image',
|
||
|
|
z: 3,
|
||
|
|
style: {
|
||
|
|
image: border,
|
||
|
|
width: 150,
|
||
|
|
height: 150
|
||
|
|
},
|
||
|
|
left: 'center',
|
||
|
|
top: 'center',
|
||
|
|
position: [100, 100]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'image',
|
||
|
|
z: 3,
|
||
|
|
style: {
|
||
|
|
image: man,
|
||
|
|
width: 56,
|
||
|
|
height: 56
|
||
|
|
},
|
||
|
|
left: '38%',
|
||
|
|
top: 'center'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'image',
|
||
|
|
z: 3,
|
||
|
|
style: {
|
||
|
|
image: woman,
|
||
|
|
width: 56,
|
||
|
|
height: 56
|
||
|
|
},
|
||
|
|
right: '38%',
|
||
|
|
top: 'center'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
tooltip: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
toolbox: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
name: '',
|
||
|
|
type: 'pie',
|
||
|
|
clockWise: false,
|
||
|
|
radius: [70, 75],
|
||
|
|
hoverAnimation: false,
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true,
|
||
|
|
fontSize: 16,
|
||
|
|
formatter(params) {
|
||
|
|
return params.name ?
|
||
|
|
params.name + '\n' + params.value + '人' :
|
||
|
|
'';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
labelLine: {
|
||
|
|
width: 10,
|
||
|
|
length: 30,
|
||
|
|
length2: 30,
|
||
|
|
show: true,
|
||
|
|
color: '#00ffff'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChartPer.setOption(optionPer);
|
||
|
|
myChartPer.on('dblclick', function (params) {
|
||
|
|
goItemPer()
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
|
||
|
|
}
|
||
|
|
}, "JSON");
|
||
|
|
}
|
||
|
|
personSta();
|
||
|
|
//跳转详情页
|
||
|
|
goItemPer = function () {
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.8) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.90) + 'px';
|
||
|
|
layui.layer.open({
|
||
|
|
title: "离岗人员详情",
|
||
|
|
type: 2,
|
||
|
|
resize: false,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "pages/LeaveTolerance.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
|
||
|
|
//body.find("#allNum").text(echartsData.totalData[0]);
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 今日出操统计 -->
|
||
|
|
<div class="content-div fl" style=" margin-left: 20px; width: calc(33.33% - 40px);">
|
||
|
|
<div class="content-div-tit">今日出操统计</div>
|
||
|
|
<div class="content-con">
|
||
|
|
<div id="echartDiv" style="width: 100%; height: 100%;"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
layui.config({
|
||
|
|
base: '../../../js/'
|
||
|
|
}).use(['layer'], function () {
|
||
|
|
var layer = parent.layer === undefined ? layui.layer : top.layer;
|
||
|
|
|
||
|
|
var userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"));
|
||
|
|
var OrgId = userInfo.OrgID;
|
||
|
|
//获取父级id
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../ashx/FireOrgHandler.ashx",
|
||
|
|
data: { Action: "AreaPID", ORG_ID: OrgId },
|
||
|
|
dataType: "json",
|
||
|
|
async: false,
|
||
|
|
success: function (result) {
|
||
|
|
pid = result.data.PID;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var initData_fun = function () {
|
||
|
|
var is_content = "";
|
||
|
|
$("input:checkbox[name='is_content']:checked").each(function (i) {
|
||
|
|
is_content = $(this).val();
|
||
|
|
});
|
||
|
|
$.ajax({
|
||
|
|
type: "get",
|
||
|
|
url: "../ashx/FaceStatisticsHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: "getExerciseSta",
|
||
|
|
orgId: OrgId,
|
||
|
|
findDate: $("#searchTime").val(),
|
||
|
|
isContent: is_content
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
switch (result.code) {
|
||
|
|
case "200":
|
||
|
|
initEcharts_fun(result.echartsData);
|
||
|
|
break;
|
||
|
|
case "-1":
|
||
|
|
layer.msg(result.msg);
|
||
|
|
console.log("error：" + result.error);
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
console.log("msg：" + result.msg);
|
||
|
|
console.log("error：" + result.error);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var initEcharts_fun = function (echartsData) {
|
||
|
|
// 基于准备好的dom，初始化echarts实例
|
||
|
|
var myChart = echarts.init(document.getElementById('echartDiv'));
|
||
|
|
// 指定图表的配置项和数据
|
||
|
|
option = {
|
||
|
|
title: {
|
||
|
|
text: ''
|
||
|
|
},
|
||
|
|
color: ['#00ffff', '#3ec73b', '#cdd530', '#c52fd6', '#4b8fd1', '#00FFFF', '#009688'],
|
||
|
|
tooltip: { trigger: 'axis' },
|
||
|
|
legend: {
|
||
|
|
data: ['应到', '正常', '迟到', '请假', '公差', '未出操', '站岗值班'],
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff', //坐标的字体颜色
|
||
|
|
},
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: '10%',
|
||
|
|
right: '10%',
|
||
|
|
top: '30%',
|
||
|
|
bottom: '10%'
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
data: echartsData.xAxisData,
|
||
|
|
axisLabel: {
|
||
|
|
interval: 0,
|
||
|
|
// show: true,
|
||
|
|
textStyle: {
|
||
|
|
color: "#0bbad0",
|
||
|
|
fontSize: 12
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: true,
|
||
|
|
alignWithLabel: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
yAxis: {
|
||
|
|
name: '单位：人',
|
||
|
|
axisLabel: {
|
||
|
|
textStyle: {
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 12
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
,
|
||
|
|
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
type: "dashed"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
//折线图
|
||
|
|
{
|
||
|
|
name: '应到',
|
||
|
|
data: echartsData.totalData,
|
||
|
|
type: 'line',
|
||
|
|
lineStyle: {
|
||
|
|
normal: {
|
||
|
|
color: '#00ffff'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
itemStyle: { //上方显示数值
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true, //开启显示
|
||
|
|
position: 'top', //在上方显示
|
||
|
|
textStyle: { //数值样式
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
name: '正常',
|
||
|
|
type: 'bar',
|
||
|
|
data: echartsData.arriveData,
|
||
|
|
barWidth: '10%',
|
||
|
|
itemStyle: {
|
||
|
|
color: '#3ec73b',
|
||
|
|
barBorderRadius: [50, 50, 0, 0],
|
||
|
|
},
|
||
|
|
itemStyle: { //上方显示数值
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true, //开启显示
|
||
|
|
position: 'top', //在上方显示
|
||
|
|
textStyle: { //数值样式
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
name: '迟到',
|
||
|
|
type: 'bar',
|
||
|
|
data: echartsData.lateData,
|
||
|
|
barWidth: '10%',
|
||
|
|
|
||
|
|
itemStyle: {
|
||
|
|
color: '#cdd530',
|
||
|
|
barBorderRadius: [50, 50, 0, 0],
|
||
|
|
},
|
||
|
|
itemStyle: { //上方显示数值
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true, //开启显示
|
||
|
|
position: 'top', //在上方显示
|
||
|
|
textStyle: { //数值样式
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
name: '请假',
|
||
|
|
type: 'bar',
|
||
|
|
data: echartsData.leaveData,
|
||
|
|
barWidth: '10%',
|
||
|
|
|
||
|
|
itemStyle: {
|
||
|
|
color: '#c52fd6',
|
||
|
|
barBorderRadius: [50, 50, 0, 0],
|
||
|
|
},
|
||
|
|
itemStyle: { //上方显示数值
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true, //开启显示
|
||
|
|
position: 'top', //在上方显示
|
||
|
|
textStyle: { //数值样式
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
name: '公差',
|
||
|
|
type: 'bar',
|
||
|
|
data: echartsData.toleranceData,
|
||
|
|
barWidth: '10%',
|
||
|
|
|
||
|
|
itemStyle: {
|
||
|
|
color: '#4b8fd1',
|
||
|
|
barBorderRadius: [50, 50, 0, 0],
|
||
|
|
},
|
||
|
|
itemStyle: { //上方显示数值
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true, //开启显示
|
||
|
|
position: 'top', //在上方显示
|
||
|
|
textStyle: { //数值样式
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
name: '未出操',
|
||
|
|
type: 'bar',
|
||
|
|
data: echartsData.noArriveData,
|
||
|
|
barWidth: '10%',
|
||
|
|
itemStyle: {
|
||
|
|
color: '#00FFFF',
|
||
|
|
barBorderRadius: [50, 50, 0, 0],
|
||
|
|
|
||
|
|
},
|
||
|
|
itemStyle: { //上方显示数值
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true, //开启显示
|
||
|
|
position: 'top', //在上方显示
|
||
|
|
textStyle: { //数值样式
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
name: '站岗值班',
|
||
|
|
type: 'bar',
|
||
|
|
data: echartsData.dutyData,
|
||
|
|
barWidth: '10%',
|
||
|
|
itemStyle: {
|
||
|
|
color: '#009688',
|
||
|
|
barBorderRadius: [50, 50, 0, 0],
|
||
|
|
|
||
|
|
},
|
||
|
|
itemStyle: { //上方显示数值
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true, //开启显示
|
||
|
|
position: 'top', //在上方显示
|
||
|
|
textStyle: { //数值样式
|
||
|
|
color: '#0bbad0',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
|
||
|
|
myChart.on('dblclick', function (params) {
|
||
|
|
goItemExercise(echartsData)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
//跳转详情页
|
||
|
|
goItemExercise = function (echartsData) {
|
||
|
|
|
||
|
|
var datetime = new Date();
|
||
|
|
var year = datetime.getFullYear();
|
||
|
|
var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
|
||
|
|
var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
|
||
|
|
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.8) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.90) + 'px';
|
||
|
|
layui.layer.open({
|
||
|
|
title: "今日出操详情",
|
||
|
|
type: 2,
|
||
|
|
resize: false,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "../OA/Exercise/Plan/ExerciseStatisticsItem.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
body.find(".orgId").val(ORG_ID);
|
||
|
|
body.find(".findDate").val(year + "-" + month + "-" + date);
|
||
|
|
body.find(".timeType").val("1");
|
||
|
|
body.find("#allNum").text(echartsData.totalData[0]);
|
||
|
|
body.find("#total").text(echartsData.totalData[0]);
|
||
|
|
body.find("#late").text(echartsData.lateData[0]);
|
||
|
|
body.find("#leave").text(echartsData.leaveData[0]);
|
||
|
|
body.find("#tolerance").text(echartsData.toleranceData[0]);
|
||
|
|
body.find("#arrive").text(echartsData.arriveData[0]);
|
||
|
|
body.find("#arriveRate").text(echartsData.totalData[0] == 0 ? '0%' : ((echartsData.arriveData[0] / echartsData.totalData[0]) * 100).toFixed(2) + "%");
|
||
|
|
body.find("#noArrive").text(echartsData.noArriveData[0]);
|
||
|
|
body.find("#duty").text(echartsData.dutyData[0]);
|
||
|
|
body.find("#noArriveSum").text(echartsData.lateData[0] + echartsData.leaveData[0] + echartsData.toleranceData[0] + echartsData.noArriveData[0] + echartsData.dutyData[0]);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
initData_fun();
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 今日考勤统计 -->
|
||
|
|
<div class="content-div fr" style="margin-right: 0; margin-left: 20px;">
|
||
|
|
<div class="content-div-tit">今日考勤统计</div>
|
||
|
|
<div class="content-con">
|
||
|
|
<div style="width:100%;height:20%;text-align:center;">
|
||
|
|
<div style="font-size: 16px; font-weight: 900; color: #4CF8FF; float:left;">正常/应到</div>
|
||
|
|
<div style="font-size: 26px; font-weight: 900; color: #ffffff; padding-left: 47px; float: left; cursor:pointer;" id="divYdSd">0/0</div>
|
||
|
|
<select id="is_TimeTypeHome" class="layui-btn" lay-filter="is_TimeTypeHome" lay-search="">
|
||
|
|
<option value="1">上午上班打卡</option>
|
||
|
|
<option value="2">上午下班打卡</option>
|
||
|
|
<option value="3">下午上班打卡</option>
|
||
|
|
<option value="4">下午下班打卡</option>
|
||
|
|
</select>
|
||
|
|
<!--<div id="xwSta" style="font-size: 14px; font-weight: 900; color: #4CF8FF; float: right; cursor: pointer; margin: 0 5px 0 5px;">下午</div>
|
||
|
|
<div style=" background-color: #4CF8FF; float: right; width: 1px; height: 20px;"></div>
|
||
|
|
<div id="swSta" style="font-size: 14px; font-weight: 900; color: #4CF8FF; float: right; cursor: pointer; margin: 0 5px 0 5px; ">上午</div>-->
|
||
|
|
</div>
|
||
|
|
<div id="jrkq" style="width: 100%; height: 80%;"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
layui.config({
|
||
|
|
base: '../../../js/'
|
||
|
|
}).use(['layer'], function () {
|
||
|
|
var layer = parent.layer === undefined ? layui.layer : top.layer;
|
||
|
|
|
||
|
|
|
||
|
|
var userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"));
|
||
|
|
var OrgId = userInfo.OrgID;
|
||
|
|
var OrgName = userInfo.OrgName;
|
||
|
|
var pid = "";
|
||
|
|
//获取父级id
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../../../ashx/FireOrgHandler.ashx",
|
||
|
|
data: { Action: "AreaPID", ORG_ID: OrgId },
|
||
|
|
dataType: "json",
|
||
|
|
async: false,
|
||
|
|
success: function (result) {
|
||
|
|
pid = result.data.PID;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var initData_fun = function () {
|
||
|
|
var is_content = "";
|
||
|
|
$("input:checkbox[name='is_content']:checked").each(function (i) {
|
||
|
|
is_content = $(this).val();
|
||
|
|
});
|
||
|
|
$.ajax({
|
||
|
|
type: "get",
|
||
|
|
url: "../../../ashx/FaceStatisticsHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: "getAttendanceStaDoorForDeptForHome",
|
||
|
|
orgId: OrgId
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
switch (result.code) {
|
||
|
|
case "200":
|
||
|
|
initEcharts_fun(result.data);
|
||
|
|
break;
|
||
|
|
case "-1":
|
||
|
|
layer.msg(result.msg);
|
||
|
|
console.log("error：" + result.error);
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
console.log("msg：" + result.msg);
|
||
|
|
console.log("error：" + result.error);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var initEcharts_fun = function (result) {
|
||
|
|
console.log(result);
|
||
|
|
// 基于准备好的dom，初始化echarts实例
|
||
|
|
var myChart = echarts.init(document.getElementById('jrkq'));
|
||
|
|
// 指定图表的配置项和数据
|
||
|
|
//实到饼图
|
||
|
|
var option = {
|
||
|
|
title: [
|
||
|
|
{
|
||
|
|
text: "百分比",
|
||
|
|
x: "center",
|
||
|
|
top: "55%",
|
||
|
|
textStyle: {
|
||
|
|
color: "#FFFFFF",
|
||
|
|
fontSize: 12,
|
||
|
|
fontWeight: "100",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: "75%",
|
||
|
|
x: "center",
|
||
|
|
y: "center",
|
||
|
|
textStyle: {
|
||
|
|
fontSize: "20",
|
||
|
|
color: "#FFFFFF",
|
||
|
|
fontFamily: "DINAlternate-Bold, DINAlternate",
|
||
|
|
foontWeight: "600",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
polar: {
|
||
|
|
radius: ["42%", "52%"],
|
||
|
|
center: ["50%", "50%"],
|
||
|
|
},
|
||
|
|
angleAxis: {
|
||
|
|
max: 100,
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
radiusAxis: {
|
||
|
|
type: "category",
|
||
|
|
show: true,
|
||
|
|
axisLabel: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
name: "",
|
||
|
|
type: "bar",
|
||
|
|
roundCap: true,
|
||
|
|
barWidth: 30,
|
||
|
|
showBackground: true,
|
||
|
|
backgroundStyle: {
|
||
|
|
color: "rgba(66, 66, 66, .3)",
|
||
|
|
},
|
||
|
|
data: [10],
|
||
|
|
coordinateSystem: "polar",
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||
|
|
{
|
||
|
|
offset: 0,
|
||
|
|
color: "#16CEB9",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
offset: 1,
|
||
|
|
color: "#6648FF",
|
||
|
|
},
|
||
|
|
]),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "",
|
||
|
|
type: "pie",
|
||
|
|
startAngle: 80,
|
||
|
|
radius: ["56%"],
|
||
|
|
hoverAnimation: false,
|
||
|
|
center: ["50%", "50%"],
|
||
|
|
itemStyle: {
|
||
|
|
color: "rgba(66, 66, 66, .1)",
|
||
|
|
borderWidth: 1,
|
||
|
|
borderColor: "#5269EE",
|
||
|
|
},
|
||
|
|
data: [100],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "",
|
||
|
|
type: "pie",
|
||
|
|
startAngle: 80,
|
||
|
|
radius: ["38%"],
|
||
|
|
hoverAnimation: false,
|
||
|
|
center: ["50%", "50%"],
|
||
|
|
itemStyle: {
|
||
|
|
color: "rgba(66, 66, 66, .1)",
|
||
|
|
borderWidth: 1,
|
||
|
|
borderColor: "#5269EE",
|
||
|
|
},
|
||
|
|
data: [100],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
};
|
||
|
|
var resultData = result.filter(item => item.orgId == "734389c7ae364584aea9918693bba3de")
|
||
|
|
|
||
|
|
//allNum = Number(resultData[0].mornTotal) + Number(resultData[0].nightTotal);
|
||
|
|
//allZC = Number(resultData[0].mornArrive) + Number(resultData[0].nightArrive)
|
||
|
|
|
||
|
|
//上午上班
|
||
|
|
allNumSw = Number(resultData[0].mornTotal);
|
||
|
|
allZCSw = Number(resultData[0].mornArrive);
|
||
|
|
|
||
|
|
rateDataSw = ((allZCSw / (allNumSw == 0 ? 1 : allNumSw)) * 100).toFixed(2);
|
||
|
|
|
||
|
|
//上午下班
|
||
|
|
allNumSwDown = Number(resultData[0].mornTotalDown);
|
||
|
|
allZCSwDown = Number(resultData[0].mornArriveDown);
|
||
|
|
|
||
|
|
rateDataSwDown = ((allZCSwDown / (allNumSwDown == 0 ? 1 : allNumSwDown)) * 100).toFixed(2);
|
||
|
|
|
||
|
|
//下午上班
|
||
|
|
allNumXwUp = Number(resultData[0].nightTotalUp);
|
||
|
|
allZCXwUp = Number(resultData[0].nightArriveUp);
|
||
|
|
|
||
|
|
rateDataXwUp = ((allZCXwUp / (allNumXwUp == 0 ? 1 : allNumXwUp)) * 100).toFixed(2);
|
||
|
|
|
||
|
|
//下午下班
|
||
|
|
allNumXw = Number(resultData[0].nightTotal);
|
||
|
|
allZCXw = Number(resultData[0].nightArrive);
|
||
|
|
|
||
|
|
rateDataXw = ((allZCXw / (allNumXw == 0 ? 1 : allNumXw)) * 100).toFixed(2);
|
||
|
|
|
||
|
|
|
||
|
|
//实到总数信息设置
|
||
|
|
option.title[1].text = rateDataSw + "%";
|
||
|
|
option.series[0].data = [rateDataSw];
|
||
|
|
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
$("#divYdSd").html(allZCSw + "/" + allNumSw);
|
||
|
|
|
||
|
|
myChart.on('click', function (params) {
|
||
|
|
goItemAttendance(resultData)
|
||
|
|
})
|
||
|
|
|
||
|
|
$("#divYdSd").on('click',function(e){
|
||
|
|
goItemAttendance(resultData);
|
||
|
|
});
|
||
|
|
$("#swSta").on('click', function (e) {
|
||
|
|
option.title[1].text = rateDataSw + "%";
|
||
|
|
option.series[0].data = [rateDataSw];
|
||
|
|
myChart.setOption(option);
|
||
|
|
$("#divYdSd").html(allZCSw + "/" + allNumSw);
|
||
|
|
});
|
||
|
|
$("#xwSta").on('click', function (e) {
|
||
|
|
option.title[1].text = rateDataXw + "%";
|
||
|
|
option.series[0].data = [rateDataXw];
|
||
|
|
myChart.setOption(option);
|
||
|
|
$("#divYdSd").html(allZCXw + "/" + allNumXw);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$("#is_TimeTypeHome").change(function () {
|
||
|
|
debugger;
|
||
|
|
var type = $("#is_TimeTypeHome").val();
|
||
|
|
switch (type) {
|
||
|
|
case "1": //上午上班
|
||
|
|
option.title[1].text = rateDataSw + "%";
|
||
|
|
option.series[0].data = [rateDataSw];
|
||
|
|
myChart.setOption(option);
|
||
|
|
$("#divYdSd").html(allZCSw + "/" + allNumSw);
|
||
|
|
break;
|
||
|
|
case "2": //上午下班
|
||
|
|
option.title[1].text = rateDataSwDown + "%";
|
||
|
|
option.series[0].data = [rateDataSwDown];
|
||
|
|
myChart.setOption(option);
|
||
|
|
$("#divYdSd").html(allZCSwDown + "/" + allNumSwDown);
|
||
|
|
break;
|
||
|
|
case "3": //下午上班
|
||
|
|
option.title[1].text = rateDataXwUp + "%";
|
||
|
|
option.series[0].data = [rateDataXwUp];
|
||
|
|
myChart.setOption(option);
|
||
|
|
$("#divYdSd").html(allZCXwUp + "/" + allNumXwUp);
|
||
|
|
break;
|
||
|
|
case "4": //下午下班
|
||
|
|
option.title[1].text = rateDataXw + "%";
|
||
|
|
option.series[0].data = [rateDataXw];
|
||
|
|
myChart.setOption(option);
|
||
|
|
$("#divYdSd").html(allZCXw + "/" + allNumXw);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
initData_fun();
|
||
|
|
//跳转详情页
|
||
|
|
goItemAttendance = function (echartsData) {
|
||
|
|
|
||
|
|
var datetime = new Date();
|
||
|
|
var year = datetime.getFullYear();
|
||
|
|
var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
|
||
|
|
var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
|
||
|
|
|
||
|
|
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.90) + 'px';
|
||
|
|
layui.layer.open({
|
||
|
|
title: "今日考勤详情",
|
||
|
|
type: 2,
|
||
|
|
resize: false,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "../OA/Attendance/Plan/AttendanceStatisticsItemDoorTab.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
var a = JSON.stringify(echartsData)
|
||
|
|
body.find(".staDate").val(JSON.stringify(echartsData[0]));
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content-div fl" style="margin-top: 18px; margin-bottom: 0;">
|
||
|
|
<div class="content-div-tit">车辆信息</div>
|
||
|
|
<!--<div class="content-con">
|
||
|
|
<div class="yqgl-nums">
|
||
|
|
<div class="zongshu fl">今日车辆总数</div>
|
||
|
|
<div id="dataNums"> </div>
|
||
|
|
<div id="dataNums2"> </div>
|
||
|
|
|
||
|
|
<div class="danwei fl"> 辆</div>
|
||
|
|
</div>
|
||
|
|
<div class="yqgl-cl">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<div class="yqgl-cl-num vehicleoffice"></div>
|
||
|
|
<div class="yqgl-cl-name">公务车辆</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="yqgl-cl-num vehicleduty"></div>
|
||
|
|
<div class="yqgl-cl-name">执勤车辆</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="yqgl-cl-num vehiclesj"></div>
|
||
|
|
<div class="yqgl-cl-name">地方车辆</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
function homeCarSta() {
|
||
|
|
$.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);
|
||
|
|
var countSum = vehicleoffice + vehicleduty + vehiclesj;
|
||
|
|
$("#dataNums").rollNumDaq({
|
||
|
|
deVal: num.ZG
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
|
||
|
|
}
|
||
|
|
}, "JSON");
|
||
|
|
}
|
||
|
|
homeCarSta();
|
||
|
|
</script>
|
||
|
|
</div>-->
|
||
|
|
<div class="content-con">
|
||
|
|
<div class="yqgl-nums">
|
||
|
|
<div class="zongshu fl">今日车辆总数</div>
|
||
|
|
<div id="dataNumSaCar"> </div>
|
||
|
|
<div id="dataNums2"> </div>
|
||
|
|
<div class="danwei fl"> 辆</div>
|
||
|
|
</div>
|
||
|
|
<div id="clxx" style="width: 100%; height: calc(100% - 48px);"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
function CarSta() {
|
||
|
|
$.post("../ashx/CarHandler.ashx", {
|
||
|
|
Action: "homeCarStaNew",
|
||
|
|
Org_Id: OrgId,
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
|
||
|
|
if (res.code == 1) {
|
||
|
|
var num = res.data[0];
|
||
|
|
var numtotal = num.ALLNUM;
|
||
|
|
var zynum = num.ZY;
|
||
|
|
var lynum = num.LY;
|
||
|
|
|
||
|
|
$("#dataNumSaCar").rollNumDaq({
|
||
|
|
deVal: numtotal
|
||
|
|
});
|
||
|
|
|
||
|
|
// 基于准备好的dom，初始化echarts实例
|
||
|
|
var myChartCLXX = echarts.init(document.getElementById('clxx'));
|
||
|
|
var res = [{
|
||
|
|
"label": "在营",
|
||
|
|
"value": zynum
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"label": "离营",
|
||
|
|
"value": lynum
|
||
|
|
}
|
||
|
|
]
|
||
|
|
|
||
|
|
var border =
|
||
|
|
'data:image/png;base64,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
|
||
|
|
var man =
|
||
|
|
'home/img/ondutycar.png';
|
||
|
|
var woman =
|
||
|
|
'home/img/leavecar.png';
|
||
|
|
var color = ['#00FFFF', 'rgba(196,36,255,1)'];
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var data = [];
|
||
|
|
for (var i = 0; i < res.length; i++) {
|
||
|
|
data.push({
|
||
|
|
value: res[i].value,
|
||
|
|
name: res[i].label,
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
borderWidth: 5,
|
||
|
|
shadowBlur: 20,
|
||
|
|
borderColor: color[i],
|
||
|
|
shadowColor: color[i]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
value: res[0].value / 10,
|
||
|
|
name: '',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
labelLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
color: 'rgba(0, 0, 0, 0)',
|
||
|
|
borderColor: 'rgba(0, 0, 0, 0)',
|
||
|
|
borderWidth: 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
optionCLXX = {
|
||
|
|
color,
|
||
|
|
graphic: {
|
||
|
|
elements: [{
|
||
|
|
type: 'image',
|
||
|
|
z: 3,
|
||
|
|
style: {
|
||
|
|
image: border,
|
||
|
|
width: 150,
|
||
|
|
height: 150
|
||
|
|
},
|
||
|
|
left: 'center',
|
||
|
|
top: 'center',
|
||
|
|
position: [100, 100]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'image',
|
||
|
|
z: 3,
|
||
|
|
style: {
|
||
|
|
image: man,
|
||
|
|
width: 56,
|
||
|
|
height: 56
|
||
|
|
},
|
||
|
|
left: '38%',
|
||
|
|
top: 'center'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'image',
|
||
|
|
z: 3,
|
||
|
|
style: {
|
||
|
|
image: woman,
|
||
|
|
width: 56,
|
||
|
|
height: 56
|
||
|
|
},
|
||
|
|
right: '38%',
|
||
|
|
top: 'center'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
tooltip: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
toolbox: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
name: '',
|
||
|
|
type: 'pie',
|
||
|
|
clockWise: false,
|
||
|
|
radius: [70, 75],
|
||
|
|
hoverAnimation: false,
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true,
|
||
|
|
fontSize: 16,
|
||
|
|
formatter(params) {
|
||
|
|
return params.name ?
|
||
|
|
params.name + '\n' + params.value + '辆' :
|
||
|
|
'';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
labelLine: {
|
||
|
|
width: 10,
|
||
|
|
length: 30,
|
||
|
|
length2: 30,
|
||
|
|
show: true,
|
||
|
|
color: '#00ffff'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChartCLXX.setOption(optionCLXX);
|
||
|
|
|
||
|
|
myChartCLXX.on('dblclick', function (params) {
|
||
|
|
goItemCLXX(params)
|
||
|
|
})
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
}
|
||
|
|
}, "JSON");
|
||
|
|
}
|
||
|
|
CarSta();
|
||
|
|
|
||
|
|
function goItemCLXX(params) {
|
||
|
|
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.8) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.90) + 'px';
|
||
|
|
layui.layer.open({
|
||
|
|
title: "车辆离营记录",
|
||
|
|
type: 2,
|
||
|
|
resize: false,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "pages/CarLatestOutList.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
//body.find("#allNum").html(leaveNum + carNum);
|
||
|
|
//body.find("#leaveNum").html(leaveNum);
|
||
|
|
//body.find("#carNum").html(carNum);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content-div fl" style="width: calc(33.33% - 40px); margin-left: 20px;margin-top: 18px; margin-bottom: 0;">
|
||
|
|
<div class="content-div-tit">用车请假统计</div>
|
||
|
|
<div class="content-con">
|
||
|
|
<div id="qjyctj" style="width: 100%; height: 100%;"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var leaveNum = 0, carNum = 0;
|
||
|
|
function homeleaveAndCarSta() {
|
||
|
|
var myChartLeaveCar = echarts.init(document.getElementById('qjyctj'));
|
||
|
|
var optionLeaveCar = {
|
||
|
|
grid: {
|
||
|
|
left: "3%",
|
||
|
|
right: "5%",
|
||
|
|
bottom: "2%",
|
||
|
|
top: "14%",
|
||
|
|
containLabel: true
|
||
|
|
},
|
||
|
|
tooltip: {
|
||
|
|
|
||
|
|
trigger: 'axis',
|
||
|
|
extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)',
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff',
|
||
|
|
},
|
||
|
|
axisPointer: {
|
||
|
|
type: 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
legend: {
|
||
|
|
|
||
|
|
top: '0%',
|
||
|
|
left: '35%',
|
||
|
|
itemWidth: 12,
|
||
|
|
itemHeight: 4,
|
||
|
|
data: ['请假次数', '用车次数'],
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
type: "category",
|
||
|
|
boundaryGap: true,
|
||
|
|
show: true,
|
||
|
|
axisLabel: {
|
||
|
|
interval: 0,
|
||
|
|
// show: true,
|
||
|
|
textStyle: {
|
||
|
|
color: "#0bbad0",
|
||
|
|
fontSize: 12
|
||
|
|
},
|
||
|
|
rotate: 20
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: true,
|
||
|
|
alignWithLabel: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
yAxis: {
|
||
|
|
type: 'value',
|
||
|
|
name: '单位:次数',
|
||
|
|
splitNumber: 5,
|
||
|
|
minInterval: 1,
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
type: "dashed"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
name: '请假次数',
|
||
|
|
type: 'bar',
|
||
|
|
// smooth: true,
|
||
|
|
/*stack: '使用情况',*/
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: "rgba(3,238,253,0.9)"
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
}, {
|
||
|
|
name: '用车次数',
|
||
|
|
type: 'bar',
|
||
|
|
// smooth: true,
|
||
|
|
/*stack: '使用情况',*/
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: "rgba(41,138,231,0.9)"
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
myChartLeaveCar.setOption(optionLeaveCar);
|
||
|
|
|
||
|
|
myChartLeaveCar.on('dblclick', function (params) {
|
||
|
|
goItemLeaveCar(params)
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//请假
|
||
|
|
var xdata = [], y1data = [], y2data = [];
|
||
|
|
$.post("../ashx/OaLeaveHandler.ashx", {
|
||
|
|
Action: "homeLeaveSta",
|
||
|
|
Org_Id: OrgId,
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
if (res.code == 1) {
|
||
|
|
leaveNum = 0;
|
||
|
|
res.data.forEach(function (value, index, array) {
|
||
|
|
xdata.push(value.RIQI);
|
||
|
|
y1data.push(value.NUM);
|
||
|
|
leaveNum += value.NUM;
|
||
|
|
});
|
||
|
|
optionLeaveCar.xAxis.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) {
|
||
|
|
carNum = 0;
|
||
|
|
res.data.forEach(function (value, index, array) {
|
||
|
|
y2data.push(value.NUM);
|
||
|
|
carNum += value.NUM;
|
||
|
|
});
|
||
|
|
optionLeaveCar.series[1].data = y2data;
|
||
|
|
myChartLeaveCar.setOption(optionLeaveCar);
|
||
|
|
} else {
|
||
|
|
}
|
||
|
|
}, "JSON");
|
||
|
|
}
|
||
|
|
homeleaveAndCarSta();
|
||
|
|
function goItemLeaveCar(params) {
|
||
|
|
var datetime = new Date();
|
||
|
|
var year = datetime.getFullYear();
|
||
|
|
var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
|
||
|
|
var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
|
||
|
|
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.8) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.90) + 'px';
|
||
|
|
layui.layer.open({
|
||
|
|
title: "七天请假、用车详情",
|
||
|
|
type: 2,
|
||
|
|
resize: false,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "pages/LeaveCar.html?nowDay=" + year + "-" + month + "-" + date + '&advanceDays=7',
|
||
|
|
success: function (layero, index) {
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
body.find("#allNum").html(leaveNum + carNum);
|
||
|
|
body.find("#leaveNum").html(leaveNum);
|
||
|
|
body.find("#carNum").html(carNum);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!--查铺实到率-->
|
||
|
|
<div class="content-div fl" style="margin-left: 20px; margin-right: 0;margin-top: 18px; margin-bottom: 0;">
|
||
|
|
<div class="content-div-tit">查铺查哨完成率</div>
|
||
|
|
<div class="content-con">
|
||
|
|
<div id="cpsdl" style="width: 100%; height: 100%;"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
//查铺统计
|
||
|
|
function homeInspectStaSta(orgid) {
|
||
|
|
var myChartInspect = echarts.init(document.getElementById('cpsdl'));
|
||
|
|
var optionInspect = {
|
||
|
|
tooltip: {
|
||
|
|
formatter: '{b}<br />{a}:{c}%',
|
||
|
|
trigger: 'axis',
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: "3%",
|
||
|
|
right: "5%",
|
||
|
|
bottom: "2%",
|
||
|
|
top: "14%",
|
||
|
|
containLabel: true
|
||
|
|
},
|
||
|
|
dataZoom: [
|
||
|
|
{
|
||
|
|
type: 'slider',
|
||
|
|
xAxisIndex: 0,
|
||
|
|
filterMode: 'none',
|
||
|
|
height: '5%',
|
||
|
|
bottom: '2%',
|
||
|
|
start: 0, //数据窗口范围的起始百分比,表示30%
|
||
|
|
end: 100, //数据窗口范围的结束百分比,表示70%
|
||
|
|
}
|
||
|
|
],
|
||
|
|
xAxis: [
|
||
|
|
{
|
||
|
|
type: "category",
|
||
|
|
boundaryGap: true,
|
||
|
|
show: true,
|
||
|
|
axisLabel: {
|
||
|
|
interval: 0,
|
||
|
|
// show: true,
|
||
|
|
textStyle: {
|
||
|
|
color: "#0bbad0",
|
||
|
|
fontSize: 12
|
||
|
|
},
|
||
|
|
rotate: 20
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: true,
|
||
|
|
alignWithLabel: true,
|
||
|
|
},
|
||
|
|
data: [""],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
yAxis: [
|
||
|
|
{
|
||
|
|
type: 'value',
|
||
|
|
name: '完成率',
|
||
|
|
splitNumber: 5,
|
||
|
|
minInterval: 1,
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: '#4a646f',
|
||
|
|
type: "dashed"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: { show: false },
|
||
|
|
},
|
||
|
|
],
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
name: "完成率",
|
||
|
|
type: "line",
|
||
|
|
smooth: true, //是否平滑曲线显示
|
||
|
|
lineStyle: {
|
||
|
|
normal: {
|
||
|
|
color: "#3deaff", // 线条颜色
|
||
|
|
},
|
||
|
|
},
|
||
|
|
areaStyle: {
|
||
|
|
//区域填充样式
|
||
|
|
normal: {
|
||
|
|
//线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1,
|
||
|
|
[
|
||
|
|
{ offset: 0, color: "rgba(61,234,255, 0.9)" },
|
||
|
|
{ offset: 0.7, color: "rgba(61,234,255, 0)" },
|
||
|
|
],
|
||
|
|
false
|
||
|
|
),
|
||
|
|
|
||
|
|
shadowColor: "rgba(53,142,215, 0.9)", //阴影颜色
|
||
|
|
shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
label: {
|
||
|
|
show: true,
|
||
|
|
position: 'top'
|
||
|
|
},
|
||
|
|
color: "rgba(27,227,255,1)"
|
||
|
|
},
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
normal: {
|
||
|
|
show: true,
|
||
|
|
position: 'top',
|
||
|
|
textStyle: {
|
||
|
|
color: "rgba(27,227,255,1)"
|
||
|
|
|
||
|
|
},
|
||
|
|
formatter: function (params) {//核心部分 formatter 可以为字符串也可以是回调
|
||
|
|
if (params.value) {//如果当前值存在则拼接
|
||
|
|
return params.value + '%'
|
||
|
|
} else {//否则返回个空
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
},
|
||
|
|
data: [0],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
};
|
||
|
|
|
||
|
|
myChartInspect.setOption(optionInspect);
|
||
|
|
$(window).resize(myChartInspect.resize); //echarts自适应屏幕
|
||
|
|
|
||
|
|
$.post("../ashx/OaPatrolSentryTaskHandler.ashx", {
|
||
|
|
Action: "GetCPCSStaDataHome",
|
||
|
|
OrgId: JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID,
|
||
|
|
/*day:"2023-01-27",*/
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
console.log("查铺统计");
|
||
|
|
console.log(res);
|
||
|
|
if (res.code == 1) {
|
||
|
|
console.log(res);
|
||
|
|
var end = 100;
|
||
|
|
res.dataNum.length > 10 ? end = 50 : "";
|
||
|
|
|
||
|
|
optionInspect.dataZoom[0].end = end
|
||
|
|
optionInspect.series[0].data = res.dataNum;
|
||
|
|
optionInspect.xAxis[0].data = res.dataOrg.split(",");
|
||
|
|
myChartInspect.setOption(optionInspect);
|
||
|
|
} else {
|
||
|
|
}
|
||
|
|
}, "JSON");
|
||
|
|
}
|
||
|
|
|
||
|
|
homeInspectStaSta();
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 人员记录 -->
|
||
|
|
<div class="content-div fr" id="ryjl" style="width: calc(25.53% - 40px);margin-right: 0; margin-left: 40px; margin-bottom: 0; background: url(home/img/under-divbg.png) no-repeat;background-size: 100% 100%;">
|
||
|
|
<div class="content-div-tit">人员记录</div>
|
||
|
|
<img src="home/img/Dblue.png" style="margin-left: 90px; font-family: auto; width: 241px; color: aquamarine; height: 27px; margin-block: 16px; " />
|
||
|
|
<p id="ryjlp" style="position: relative; margin-top: -39px; margin-left: 236px; color: aqua; font-size: 17px"></p>
|
||
|
|
<p style="position: relative; margin-top: -21px;float:left; margin-left: 166px; font-size: 15px">识别次数:</p>
|
||
|
|
<div class="rcgl-con2" style="overflow-y:auto;height:256px">
|
||
|
|
<div class=" crjl" style="font-size: 3px; margin-top: 10px">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
layui.config({
|
||
|
|
base: '../../../js/'
|
||
|
|
}).use(['ztree', 'form', 'ztree', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () {
|
||
|
|
var form = layui.form,
|
||
|
|
layer = layui.layer,
|
||
|
|
$ = layui.jquery,
|
||
|
|
laytpl = layui.laytpl,
|
||
|
|
table = layui.table,
|
||
|
|
laydate = layui.laydate,
|
||
|
|
laypage = layui.laypage;
|
||
|
|
var $zTree, OrgList = [];
|
||
|
|
var OrgType = 1;
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
//获取消防机构列表
|
||
|
|
var orgStr = "";
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../../../ashx/FireOrgHandler.ashx",
|
||
|
|
data: { Action: "OrgList", OrgId: OrgId },
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
result.data.forEach(function (obj, index, arr) {
|
||
|
|
orgStr += "<option value='" + obj.ID + "'>" + obj.NAME + "</option>";
|
||
|
|
});
|
||
|
|
$("#ORG_ID").append(orgStr);
|
||
|
|
form.render('select');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
laydate.render({
|
||
|
|
elem: '#searchTime',
|
||
|
|
type: 'datetime'
|
||
|
|
, range: true
|
||
|
|
});
|
||
|
|
|
||
|
|
pageConf = {};
|
||
|
|
pageConf.pageSize = 10;
|
||
|
|
pageConf.currentPage = 1;
|
||
|
|
LoadStaffList(pageConf);
|
||
|
|
|
||
|
|
|
||
|
|
function LoadStaffList(pageConf, is_content) {
|
||
|
|
var startTime = "", endTime = "";
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
startTime = searchTime.split(" - ")[0]
|
||
|
|
endTime = searchTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$.post("../../../ashx/DoorAttendance.ashx", {
|
||
|
|
Action: 'HomeList',
|
||
|
|
OrgId: OrgId,
|
||
|
|
limit: pageConf.pageSize,
|
||
|
|
page: pageConf.currentPage,
|
||
|
|
type: "org",
|
||
|
|
is_content: is_content,
|
||
|
|
startTime: startTime,
|
||
|
|
endTime: endTime,
|
||
|
|
keywords: $(".searchVal").val(),
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
res = JSON.parse(res);
|
||
|
|
|
||
|
|
if (res.data != undefined && res.data != null && res.data.length > 0) {
|
||
|
|
//初始化分页控件
|
||
|
|
InitPage(res.count);
|
||
|
|
$("#ryjlp").append(res.count);
|
||
|
|
LoadStaffInfo(res);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$("#ryjlp").append(res.count);
|
||
|
|
$(".crjl").html("<span style='margin-left:45%;'>未查询到数据！</span>");
|
||
|
|
InitPage(0);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$.post("../../../ashx/CarHandler.ashx", {
|
||
|
|
Action: 'AccountManagement',
|
||
|
|
ORG_ID: ORG_ID,
|
||
|
|
}, function (res) {
|
||
|
|
res = JSON.parse(res);
|
||
|
|
|
||
|
|
if (res == 1) {
|
||
|
|
$("#ryjl").css('display', 'none');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$("#rujl").show();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//初始化分页控件
|
||
|
|
function InitPage(count) {
|
||
|
|
laypage.render({
|
||
|
|
elem: 'divPage',
|
||
|
|
count: count,
|
||
|
|
curr: pageConf.currentPage,
|
||
|
|
limit: pageConf.pageSize,
|
||
|
|
theme: '#496BC9',
|
||
|
|
first: "首页",
|
||
|
|
last: "尾页",
|
||
|
|
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
|
||
|
|
jump: function (obj, first) {
|
||
|
|
if (!first) {
|
||
|
|
pageConf.currentPage = obj.curr;
|
||
|
|
pageConf.pageSize = obj.limit;
|
||
|
|
LoadStaffList(pageConf);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//初始化报警列表
|
||
|
|
function LoadStaffInfo(res) {
|
||
|
|
var htmlstr = '<ul>';
|
||
|
|
res.data.forEach(function (obj, index, arr) {
|
||
|
|
htmlstr += ' <li>';
|
||
|
|
htmlstr += ' <div class="crjl-img fl" style="margin: 10px 0;"><img style="margin-left: 25px;float:left;width:100px;height:125px" src="' + obj.CLOSEUP_PIC_URL + '"/>';
|
||
|
|
htmlstr += ' <div class="crjl-con" style="line-height: 2;height:70px;margin-left: 25px;width:110px;margin-top:136px">';
|
||
|
|
htmlstr += ' <p style="height:20px;width:100px;overflow:hidden" title="' + obj.NAME + '"><span style="color:auto">姓名：</span>' + obj.NAME + '</p>';
|
||
|
|
htmlstr += ' <p style="height:20px;width:100px;overflow:hidden" title="' + obj.START_TIME + '"><span>时间：</span>' + obj.START_TIME.substr(obj.START_TIME.indexOf(' ')) + '</p>';
|
||
|
|
htmlstr += ' <p style="height:20px;width:100px;overflow:hidden" title="' + obj.ADDR + '"><span>地址：</span>' + obj.ADDR + '</p>';
|
||
|
|
htmlstr += ' </div>';
|
||
|
|
htmlstr += ' </li>';
|
||
|
|
});
|
||
|
|
htmlstr += "</ul>";
|
||
|
|
//$(".crjl").html(htmlstr);
|
||
|
|
if (res.count > 0) {
|
||
|
|
$(".crjl").html(htmlstr);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$(".crjl").html("<span style='margin-left:45%;'>未查询到数据！</span>");
|
||
|
|
InitPage(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function search(treeid, type) {
|
||
|
|
var startTime = "", endTime = "";
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
startTime = searchTime.split(" - ")[0]
|
||
|
|
endTime = searchTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var is_content = "";
|
||
|
|
$("input:checkbox[name='is_content']:checked").each(function (i) {
|
||
|
|
is_content = $(this).val();
|
||
|
|
LoadStaffList(pageConf, is_content);
|
||
|
|
});
|
||
|
|
OrgId = treeid;
|
||
|
|
OrgType = type;
|
||
|
|
}
|
||
|
|
var setting = {
|
||
|
|
view: {
|
||
|
|
selectedMulti: false
|
||
|
|
},
|
||
|
|
check: {
|
||
|
|
enable: false
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
key: {
|
||
|
|
name: "NAME"
|
||
|
|
},
|
||
|
|
simpleData: {
|
||
|
|
enable: true,
|
||
|
|
type: "TYPE",
|
||
|
|
idKey: "ID",
|
||
|
|
pIdKey: "PID"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
edit: {
|
||
|
|
enable: false
|
||
|
|
},
|
||
|
|
callback: {
|
||
|
|
onClick: function (e, treeId, treeNode) {
|
||
|
|
OrgId = treeNode.ID
|
||
|
|
LoadStaffList(pageConf);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
//初始化树
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../../../ashx/SysEmpHandler.ashx",
|
||
|
|
data: { Action: "OrgDeptTree", OrgId: OrgId },
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
var data = result.data;
|
||
|
|
var zNodes = [];
|
||
|
|
if (data.length > 0) {
|
||
|
|
for (var i in data) {
|
||
|
|
if (data[i].TYPE == "org") {
|
||
|
|
OrgList.push(data[i].ID);
|
||
|
|
zNodes.push(data[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$zTree = $.fn.zTree.init($("#ztree"), setting, zNodes);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
<!-- 车辆记录 -->
|
||
|
|
<div class="content-div fr" id="cljl" style="width: calc(25.53% - 40px); margin-right: 0; margin-left: 40px; margin-bottom: 0; margin-top: 33px; background: url(home/img/under-divbg.png) no-repeat; background-size: 100% 100%;">
|
||
|
|
<div class="content-div-tit">车辆记录</div>
|
||
|
|
<img src="home/img/Dblue.png" style="margin-left: 90px; width: 241px; height: 27px; margin-block:16px ;" />
|
||
|
|
<p style="position: relative; margin-top: -39px; margin-left: 108px; font-size: 15px">车辆进入:</p>
|
||
|
|
<p style="position: relative; margin-top: -20px; margin-left: 236px; font-size: 15px">车辆出去:</p>
|
||
|
|
<p id="carIn" style="position: relative; margin-top: -19px; margin-left: 181px; color: aqua; font-size: 17px"></p>
|
||
|
|
<p id="carOut" style="position: relative; margin-top: -19px; margin-left: 305px; color: aqua; font-size: 17px"></p>
|
||
|
|
<div class="rcgl-con2" style="overflow-y:auto;height:256px">
|
||
|
|
<div class=" cljl" style="font-size: 3px; margin-top:10px">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
layui.config({
|
||
|
|
base: '../../../js/'
|
||
|
|
}).use(['ztree', 'form', 'ztree', 'layer', 'table', 'laytpl', 'laydate', 'laypage'], function () {
|
||
|
|
var form = layui.form,
|
||
|
|
layer = layui.layer,
|
||
|
|
$ = layui.jquery,
|
||
|
|
laytpl = layui.laytpl,
|
||
|
|
table = layui.table,
|
||
|
|
laydate = layui.laydate,
|
||
|
|
laypage = layui.laypage;
|
||
|
|
var $zTree, OrgList = [];
|
||
|
|
var OrgType = 1;
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
//获取机构列表
|
||
|
|
|
||
|
|
|
||
|
|
laydate.render({
|
||
|
|
elem: '#searchTime',
|
||
|
|
type: 'datetime'
|
||
|
|
, range: true
|
||
|
|
});
|
||
|
|
|
||
|
|
pageConf = {};
|
||
|
|
pageConf.pageSize = 10;
|
||
|
|
pageConf.currentPage = 1;
|
||
|
|
LoadStaffList(pageConf);
|
||
|
|
|
||
|
|
|
||
|
|
function LoadStaffList(pageConf, is_content) {
|
||
|
|
var startTime = "", endTime = "";
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
startTime = searchTime.split(" - ")[0]
|
||
|
|
endTime = searchTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
$.post("../../../ashx/CarHandler.ashx", {
|
||
|
|
Action: 'GetHomeCarAccessList',
|
||
|
|
OrgId: OrgId,
|
||
|
|
limit: pageConf.pageSize,
|
||
|
|
page: pageConf.currentPage,
|
||
|
|
type: "org",
|
||
|
|
is_content: is_content,
|
||
|
|
startTime: startTime,
|
||
|
|
endTime: endTime,
|
||
|
|
keywords: $(".searchVal").val(),
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
res = JSON.parse(res);
|
||
|
|
$("#carIn").append(res.countIn);
|
||
|
|
$("#carOut").append(res.countOut);
|
||
|
|
if (res.data != undefined && res.data != null && res.data.length > 0) {
|
||
|
|
//初始化分页控件
|
||
|
|
InitPage(res.count);
|
||
|
|
|
||
|
|
LoadStaffInfo(res);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$(".cljl").html("<span style='margin-left:45%;'>未查询到数据！</span>");
|
||
|
|
InitPage(0);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$.post("../../../ashx/CarHandler.ashx", {
|
||
|
|
Action: 'AccountManagement',
|
||
|
|
ORG_ID: ORG_ID,
|
||
|
|
}, function (res) {
|
||
|
|
res = JSON.parse(res);
|
||
|
|
if (res == 1) {
|
||
|
|
$("#cljl").css('display', 'none');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$("#cljl").show();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//初始化分页控件
|
||
|
|
function InitPage(count) {
|
||
|
|
laypage.render({
|
||
|
|
elem: 'divPage',
|
||
|
|
count: count,
|
||
|
|
curr: pageConf.currentPage,
|
||
|
|
limit: pageConf.pageSize,
|
||
|
|
theme: '#496BC9',
|
||
|
|
first: "首页",
|
||
|
|
last: "尾页",
|
||
|
|
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
|
||
|
|
jump: function (obj, first) {
|
||
|
|
if (!first) {
|
||
|
|
pageConf.currentPage = obj.curr;
|
||
|
|
pageConf.pageSize = obj.limit;
|
||
|
|
LoadStaffList(pageConf);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//初始化报警列表
|
||
|
|
function LoadStaffInfo(res) {
|
||
|
|
var htmlstr = '<ul>';
|
||
|
|
res.data.forEach(function (obj, index, arr) {
|
||
|
|
htmlstr += ' <li>';
|
||
|
|
htmlstr += ' <div class="cljl-img fl" style="margin: 10px 0;"><img style="margin-left: 18px;float:left;width:111px;height:93px;margin-top:-3px" src="' + obj.PICTURE + '"/>';
|
||
|
|
htmlstr += ' <img src="' + obj.EXTEND2 + '" style=" margin-left: -116px; width: 120px; height: 100px ;margin-top:-7px">';
|
||
|
|
htmlstr += ' <div class="cljl-con" style="line-height:2;height:40px;margin-left: 18px;margin-top:8px;width:110px;">';
|
||
|
|
htmlstr += ' <p style="height:20px;width:120px;overflow:hidden" title="' + obj.CAR_PLATE + '"><span>车牌号：</span>' + obj.CAR_PLATE + '</p>';
|
||
|
|
htmlstr += ' <p style="height:20px;width:120px;overflow:hidden" title="' + obj.START_TIME + '"><span>时间：</span>' + obj.START_TIME.substr(obj.START_TIME.indexOf(' ')) + '</p>';
|
||
|
|
htmlstr += ' </div>';
|
||
|
|
htmlstr += ' </li>';
|
||
|
|
});
|
||
|
|
htmlstr += "</ul>";
|
||
|
|
//$(".cljl").html(htmlstr);
|
||
|
|
if (res.count > 0) {
|
||
|
|
$(".cljl").html(htmlstr);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$(".cljl").html("<span style='margin-left:45%;'>未查询到数据！</span>");
|
||
|
|
InitPage(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function search(treeid, type) {
|
||
|
|
var startTime = "", endTime = "";
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
startTime = searchTime.split(" - ")[0]
|
||
|
|
endTime = searchTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var is_content = "";
|
||
|
|
$("input:checkbox[name='is_content']:checked").each(function (i) {
|
||
|
|
is_content = $(this).val();
|
||
|
|
LoadStaffList(pageConf, is_content);
|
||
|
|
});
|
||
|
|
OrgId = treeid;
|
||
|
|
OrgType = type;
|
||
|
|
}
|
||
|
|
var setting = {
|
||
|
|
view: {
|
||
|
|
selectedMulti: false
|
||
|
|
},
|
||
|
|
check: {
|
||
|
|
enable: false
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
key: {
|
||
|
|
name: "NAME"
|
||
|
|
},
|
||
|
|
simpleData: {
|
||
|
|
enable: true,
|
||
|
|
type: "TYPE",
|
||
|
|
idKey: "ID",
|
||
|
|
pIdKey: "PID"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
edit: {
|
||
|
|
enable: false
|
||
|
|
},
|
||
|
|
callback: {
|
||
|
|
onClick: function (e, treeId, treeNode) {
|
||
|
|
OrgId = treeNode.ID
|
||
|
|
LoadStaffList(pageConf);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
//初始化树
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../../../ashx/SysEmpHandler.ashx",
|
||
|
|
data: { Action: "OrgDeptTree", OrgId: OrgId },
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
var data = result.data;
|
||
|
|
var zNodes = [];
|
||
|
|
if (data.length > 0) {
|
||
|
|
for (var i in data) {
|
||
|
|
if (data[i].TYPE == "org") {
|
||
|
|
OrgList.push(data[i].ID);
|
||
|
|
zNodes.push(data[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$zTree = $.fn.zTree.init($("#ztree"), setting, zNodes);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
<div class="content-div fr" id="xjxfjgzqll" style="width: calc(25.53% - 40px); height: 100%;display:none; margin-right: 0; margin-left: 40px; margin-bottom: 0;background: url(home /img/under-divbg.png) no-repeat;background-size: 100% 100%;">
|
||
|
|
<div class="content-div-tit">下级机构执勤力量</div>
|
||
|
|
<div class="content-con">
|
||
|
|
<div class="personnum">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<div class="personnum-img"><img src="home/img/personnum1.png"></div>
|
||
|
|
<div id="Subordinate_per_sum" class="personnum-num">0</div>
|
||
|
|
<div class="personnum-tit">人员总数</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="personnum-img"><img src="home/img/personnum2.png"></div>
|
||
|
|
<div id="Subordinate_per_zg" class="personnum-num">0</div>
|
||
|
|
<div class="personnum-tit">在岗数</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="personnum-img"><img src="home/img/personnum3.png"></div>
|
||
|
|
<div id="Subordinate_per_lg" class="personnum-num">0</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="home/img/carnum1.png"></div>
|
||
|
|
<div id="Subordinate_car_sum" class="personnum-num">0</div>
|
||
|
|
<div class="personnum-tit">车辆总数</div>
|
||
|
|
</li>
|
||
|
|
<li style="width: 25%;">
|
||
|
|
<div class="personnum-img"><img src="home/img/carnum2.png"></div>
|
||
|
|
<div id="Subordinate_car_zq" class="personnum-num">0</div>
|
||
|
|
<div class="personnum-tit">执勤车</div>
|
||
|
|
</li>
|
||
|
|
<li style="width: 25%;">
|
||
|
|
<div class="personnum-img"><img src="home/img/carnum3.png"></div>
|
||
|
|
<div id="Subordinate_car_gw" class="personnum-num">0</div>
|
||
|
|
<div class="personnum-tit">公务车</div>
|
||
|
|
</li>
|
||
|
|
<li style="width: 25%;">
|
||
|
|
<div class="personnum-img"><img src="home/img/carnum4.png"></div>
|
||
|
|
<div id="Subordinate_car_sj" class="personnum-num">0</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>
|
||
|
|
<script>
|
||
|
|
function getSubordinateData() {
|
||
|
|
$.post("../ashx/CarHandler.ashx", {
|
||
|
|
Action: "getSubordinateData",
|
||
|
|
Org_Id: JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID,
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (res) {
|
||
|
|
var perData = res.perData;
|
||
|
|
var lgsum = perData[0].ZS;
|
||
|
|
$("#Subordinate_per_sum").html(lgsum);
|
||
|
|
$("#Subordinate_per_zg").html(perData[0].ZG);
|
||
|
|
$("#Subordinate_per_lg").html(lgsum - perData[0].ZG);
|
||
|
|
|
||
|
|
|
||
|
|
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");
|
||
|
|
$.post("../../../ashx/CarHandler.ashx", {
|
||
|
|
Action: 'AccountManagement',
|
||
|
|
ORG_ID: ORG_ID,
|
||
|
|
}, function (res) {
|
||
|
|
res = JSON.parse(res);
|
||
|
|
|
||
|
|
if (res == 1) {
|
||
|
|
$("#xjxfjgzqll").show();
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$("#xjxfjgzqll").css('display', 'none');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
getSubordinateData();
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
<link rel="stylesheet" href="../css/right-list.css" media="all" />
|
||
|
|
<link rel="stylesheet" href="../css/bulletframebg.css" media="all" />
|
||
|
|
<style type="text/css">
|
||
|
|
/*.cljl::-webkit-scrollbar-thumb {*/ /*滚动条里面小方块*/
|
||
|
|
/*border-radius: 7px;
|
||
|
|
background: #000000;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
border-radius: 7px;
|
||
|
|
background: #128ca9;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
border-radius: 7px;
|
||
|
|
background: #000000;
|
||
|
|
}*/
|
||
|
|
</style>
|
||
|
|
</body>
|
||
|
|
</html>
|