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.
524 lines
22 KiB
524 lines
22 KiB
<!DOCTYPE html>
|
|
<html style="height:100%;">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>训练成绩统计报表</title>
|
|
<link href="../../layui/css/layui.css" rel="stylesheet" />
|
|
<link type="text/css" href="../../css/zhgl-style2.css" rel="stylesheet" />
|
|
<link href="../../css/jquery.easy_slides.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="/css/newtheme/layuiextend.css" />
|
|
<link href="../../css/newtheme/layerextend.css" rel="stylesheet" />
|
|
<style>
|
|
.slider_four_in_line {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.layui-form-select dl {
|
|
background-color: #02203a;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-icon {
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-icon {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="height:100%;">
|
|
|
|
|
|
<div class="zh-content" style="top: 0px; height: 100%;">
|
|
|
|
<div class="zh-row1" style="height: calc(100% - 30px);">
|
|
|
|
<div class="zh-ryxx fl" style="width: calc(95% - 30px); margin-left: 15px;">
|
|
|
|
|
|
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief1" style="height:100%;">
|
|
<ul class="layui-tab-title">
|
|
<!--<li class="layui-this">个人数据统计</li>-->
|
|
<li class="layui-this">单位信息统计</li>
|
|
</ul>
|
|
<div class="layui-tab-content" style="height: 100%;">
|
|
<!--个人信息-->
|
|
<!--<div class="layui-tab-item layui-show" style="height:100%;">
|
|
|
|
<div class="zh-tit" style="background: url(img/zh-icon5.png) left center no-repeat;">
|
|
|
|
<span style="float:left;">
|
|
人员选择
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
<form class="layui-form" action="" style="width: 150px;">
|
|
<div class="layui-form-item">
|
|
<select class="layui-select" lay-filter="emp" id="Person_ID" style="width:300px;">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
</span>
|
|
<span style="float:left;">
|
|
训练科目
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
</span>
|
|
<span style="float: left;">
|
|
|
|
<form class="layui-form" action="" style="width: 150px;">
|
|
<div class="layui-form-item">
|
|
<select class="layui-select" lay-filter="MySubjectName" id="MySubjectName">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
</span>
|
|
<span style="float:left;">
|
|
显示样式
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
<form class="layui-form" action="" style="width: 150px;">
|
|
<div class="layui-form-item">
|
|
<select class="layui-select" lay-filter="MyShowTable" id="MyShowTable">
|
|
<option value="1">图表显示</option>
|
|
<option value="2">表格显示</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
</span>
|
|
</div>
|
|
<div class="zh-con" style="height: 100%;">
|
|
<br />
|
|
<div id="timescore" style="width: 100%; height: 85%;"></div>
|
|
|
|
<div id="tbDiv" style="display:none;">
|
|
<table id="myEmpTab" lay-filter="myEmpTab"></table>
|
|
</div>
|
|
</div>
|
|
|
|
</div>-->
|
|
<!--支队信息-->
|
|
<div class="layui-tab-item layui-show">
|
|
|
|
|
|
<div class="layui-tab-item layui-show" style="height:100%;">
|
|
<div class="train-list-search zh-tit">
|
|
|
|
<span style="float:left;">
|
|
查询月份
|
|
</span>
|
|
<span style="float:left;">
|
|
|
|
</span>
|
|
<span style="float:left;">
|
|
<form class="layui-form">
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" id="myOrganizationTabSearch" placeholder="yyyy-MM">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</span>
|
|
</div>
|
|
<div style="height: 80vh;">
|
|
<table id="myOrganizationTab" lay-filter="myOrganizationTab" style="width:100%;"></table>
|
|
</div>
|
|
<!--操作-->
|
|
<script type="text/html" id="myOrganizationTabBar">
|
|
<!--<a lay-event="audit"><img src="../../images/xiangqing.png" style="height:20px; width:20px; margin-right: 20px; cursor:pointer;" title="报表查看" /></a>-->
|
|
<i lay-event="audit" class="layui-icon layui-icon-user" style="font-size: 25px; color: #fff;" title="个人考核详情"></i>
|
|
<i lay-event="subOrgZD" class="layui-icon layui-icon-home" style="font-size: 25px; color: #fff;" title="下属支队"></i>
|
|
<i lay-event="subOrgXFZ" class="layui-icon layui-icon-group" style="font-size: 25px; color: #fff;" title="下属消防站"></i>
|
|
<i lay-event="preview" class="layui-icon layui-icon-download-circle" style="font-size: 25px; color: #fff;" title="报告生成"></i>
|
|
</script>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script src="../../js/jquery-2.1.3.min.js"></script>
|
|
<script src="../../js/jquery.easy_slides.js"></script>
|
|
|
|
|
|
<script src="../../layui/layui.js"></script>
|
|
<script src="../../js/echarts.min.js" charset="UTF-8"></script>
|
|
|
|
<script>
|
|
|
|
layui.config({
|
|
base: '../../js/'
|
|
}).use(['form', 'layer', 'table', 'laytpl', 'laydate', 'upload', 'element', 'treetable'], function () {
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
laytpl = layui.laytpl,
|
|
table = layui.table,
|
|
upload = layui.upload,
|
|
laydate = layui.laydate,
|
|
treetable = layui.treetable,
|
|
element = layui.element;
|
|
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
|
var UID = JSON.parse(window.sessionStorage.getItem("userInfo")).UserCode;
|
|
var orgName = JSON.parse(window.sessionStorage.getItem("userInfo")).orgName;
|
|
var usersName = JSON.parse(window.sessionStorage.getItem("userInfo")).usersName;
|
|
var userMobile = JSON.parse(window.sessionStorage.getItem("userInfo")).userMobile;
|
|
|
|
|
|
//#region 20210811_swr 信息详情查看
|
|
|
|
|
|
//获取当前年月 YYYY-MM
|
|
function getFormatDate() {
|
|
var date = new Date();
|
|
var year = date.getFullYear();
|
|
var month = date.getMonth() < 10 ? "0" + (date.getMonth()) : date.getMonth();
|
|
return year + "-" + month;
|
|
}
|
|
|
|
//年月选择框
|
|
laydate.render({
|
|
elem: '#myOrganizationTabSearch',
|
|
type: 'month',
|
|
value: getFormatDate()
|
|
});
|
|
|
|
//获取机构表格数据(Tree形式)
|
|
$.ajax({
|
|
type: "post",
|
|
async: false,
|
|
url: "../../ashx/ZYFireOrgHandler.ashx",
|
|
data: {
|
|
Action: "AreaPID",
|
|
ORG_ID: OrgId,
|
|
random: new Date().getTime()
|
|
},
|
|
dataType: "json",
|
|
success: function (res) {
|
|
//获取机构表格数据(Tree形式)
|
|
var tableIns = treetable.render({
|
|
treeColIndex: 1, //树形图标显示在第几列
|
|
treeSpid: res.data.PID, //最上级的父级id
|
|
treeIdName: 'ORG_ID', //id字段的名称
|
|
treePidName: 'PID', //pid字段的名称，父级菜单id
|
|
treeDefaultClose: false, //是否默认折叠
|
|
treeLinkage: false, //父级展开时是否自动展开所有子级
|
|
elem: '#myOrganizationTab',
|
|
url: '../../ashx/ZYFireOrgHandler.ashx',
|
|
where: {
|
|
Action: 'OrgList',
|
|
OrgId: OrgId,
|
|
TYPE: "0",
|
|
random: new Date().getTime()
|
|
},
|
|
cellMinWidth: 95,
|
|
height: "full-150",
|
|
id: "myOrganizationTabTable",
|
|
cols: [[
|
|
{ type: "checkbox" },
|
|
{ field: 'ORG_NAME', title: '单位名称', minWidth: 300, align: "left" },
|
|
{ field: 'ADDR', title: '单位地址', width: 240, align: "center" },
|
|
{ field: 'CONT', title: '联系人员', width: 150, align: "center" },
|
|
{ field: 'PHONE', title: '联系电话', width: 150, align: "center" },
|
|
{
|
|
field: 'TYPE', title: '机构类型', width: 150, align: "center", templet: function (d) {
|
|
if (d.TYPE == "0") {
|
|
return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">消防机构</div>';
|
|
} else if (d.TYPE == "1") {
|
|
return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">部门</div>';
|
|
} else if (d.TYPE == "2") {
|
|
return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">消防站</div>';
|
|
} else {
|
|
return '';
|
|
}
|
|
}
|
|
},
|
|
{ title: '操作', width: 180, templet: '#myOrganizationTabBar', align: "center" }
|
|
]]
|
|
});
|
|
},
|
|
error: function (xhr, textStatus, errorThrown) {
|
|
console.log("错误信息:" + xhr.statusText);
|
|
}
|
|
});
|
|
|
|
|
|
|
|
//机构表格操作
|
|
table.on('tool(myOrganizationTab)', function (obj) {
|
|
var layEvent = obj.event;
|
|
data = obj.data;
|
|
var month = $("#myOrganizationTabSearch").val();
|
|
switch (layEvent) {
|
|
//查看人员信息考核详情
|
|
case 'audit':
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.9) + 'px';
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
|
var content = "trainChartMyOrgTabAudit.html?month=" + month + "&OrgId2=" + data.ORG_ID;
|
|
var title = data.ORG_NAME + "_" + month + "_" + "个人成绩报表详情";
|
|
var index = layui.layer.open({
|
|
title: title,
|
|
type: 2,
|
|
area: [clientWidth, clientHeight],
|
|
maxmin: true,
|
|
content: content
|
|
})
|
|
break;
|
|
//下属支队
|
|
case 'subOrgZD':
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.9) + 'px';
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
|
var content = "trainChartAnalysis.html?month=" + month + "&OrgId2=" + data.ORG_ID + "&EXTENDCODE1=0";
|
|
//console.log(content);
|
|
var title = data.ORG_NAME + "_" + month + "_" + "体能考核成绩分析";
|
|
var index = layui.layer.open({
|
|
title: title,
|
|
type: 2,
|
|
area: [clientWidth, clientHeight],
|
|
maxmin: true,
|
|
content: content
|
|
})
|
|
|
|
break;
|
|
//下属消防站
|
|
case 'subOrgXFZ':
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.9) + 'px';
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
|
var content = "trainChartAnalysis.html?month=" + month + "&OrgId2=" + data.ORG_ID + "&EXTENDCODE1=1";
|
|
//console.log(content);
|
|
var title = data.ORG_NAME + "_" + month + "_" + "体能考核成绩分析";
|
|
var index = layui.layer.open({
|
|
title: title,
|
|
type: 2,
|
|
area: [clientWidth, clientHeight],
|
|
maxmin: true,
|
|
content: content
|
|
})
|
|
|
|
break;
|
|
//报告生成
|
|
case 'preview':
|
|
debugger;
|
|
if (data.EXTENDCODE1 == "0") {
|
|
getReport(data.ORG_ID, data.ORG_NAME, "FireBrigadeTemplate", month);
|
|
} else if (data.EXTENDCODE1 == "1") {
|
|
getReport(data.ORG_ID, data.ORG_NAME, "FireStationTemplate", month);
|
|
} else if (data.EXTENDCODE1 == "2") {
|
|
|
|
layer.confirm('请选择需要生成的模板！',
|
|
{
|
|
icon: 3,
|
|
title: '提示',
|
|
btn: ['支队机关', '下属单位考核及排名']
|
|
},
|
|
function (index) {
|
|
getReport(data.ORG_ID, data.ORG_NAME, "FireOrgLackTemplate", month);
|
|
layer.close(index);
|
|
},
|
|
function (index) {
|
|
getReport(data.ORG_ID, data.ORG_NAME, "FireOrgTemplate", month);
|
|
layer.close(index);
|
|
}
|
|
);
|
|
}
|
|
break;
|
|
}
|
|
})
|
|
|
|
var getReport = function (GRorgId, GRorgName, GRtemplateId, GRfindDate) {
|
|
$.ajax({
|
|
type: "post",
|
|
url: "../../ashx/ZYTScoreHandler.ashx",
|
|
data: {
|
|
Action: "FindStatisticalReportCount",
|
|
orgId: GRorgId,
|
|
templateId: GRtemplateId,
|
|
findDate: GRfindDate,
|
|
random: new Date().getTime()
|
|
},
|
|
dataType: "json",
|
|
success: function (res) {
|
|
if (res.exist == "False") {
|
|
layer.confirm('未查询到报告，是否要生成！',
|
|
{ icon: 3, title: '提示', btn: ['生成', '取消'] },
|
|
function (index) {
|
|
var index = layer.msg('报告生成中，请稍候', { icon: 16, time: false, shade: 0.8 });
|
|
$.ajax({
|
|
type: "post",
|
|
async: false,
|
|
url: "../../ashx/ZYTScoreHandler.ashx",
|
|
data: {
|
|
Action: "GetStatisticalReport",
|
|
orgId: GRorgId,
|
|
orgName: GRorgName,
|
|
templateId: GRtemplateId,
|
|
findDate: GRfindDate,
|
|
random: new Date().getTime()
|
|
},
|
|
dataType: "json",
|
|
success: function (res) {
|
|
window.open(res.dataUrl);
|
|
},
|
|
error: function (xhr, textStatus, errorThrown) {
|
|
console.log("错误信息:" + xhr.statusText);
|
|
}
|
|
});
|
|
layer.close(index);
|
|
},
|
|
function (index) {
|
|
layer.close(index);
|
|
}
|
|
);
|
|
} else {
|
|
window.open(res.dataUrl);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
//#endregion
|
|
})
|
|
|
|
|
|
//var myCharttime = echarts.init(document.getElementById('timescore'));
|
|
|
|
//$(function () {
|
|
// window.onresize = function () {
|
|
// myCharttime.resize();
|
|
// };
|
|
//});
|
|
|
|
//var date = new Date();
|
|
//var yarNum = date.getFullYear();
|
|
//var subYar = yarNum - 1;
|
|
//var option_time = {
|
|
// //title: {
|
|
// // text: '近期训练成绩统计图',
|
|
// // textStyle: {
|
|
// // color: '#fff'
|
|
// // }
|
|
// //},
|
|
// tooltip: {
|
|
// trigger: 'axis',
|
|
// axisPointer: {
|
|
// type: 'cross',
|
|
// crossStyle: {
|
|
// color: '#999'
|
|
// }
|
|
// }
|
|
// },
|
|
// legend: {
|
|
// data: [subYar + '成绩', yarNum + '成绩', subYar + '得分', yarNum + '得分'],
|
|
// //trigger: 'axis',
|
|
// textStyle: {
|
|
// color: '#fff',
|
|
// }
|
|
// },
|
|
// grid: {
|
|
// left: '3%',
|
|
// right: '4%',
|
|
// bottom: '3%',
|
|
// containLabel: true
|
|
// },
|
|
// toolbox: {
|
|
// feature: {
|
|
// dataView: { show: true, readOnly: false },
|
|
// magicType: { show: true, type: ['line', 'bar'] },
|
|
// restore: { show: true },
|
|
// saveAsImage: { show: true }
|
|
// }
|
|
// },
|
|
// xAxis: {
|
|
// type: 'category',
|
|
// axisLabel: {
|
|
// color: '#fff',
|
|
// },
|
|
// axisPointer: {
|
|
// type: 'shadow'
|
|
// },
|
|
// data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
|
|
// },
|
|
// yAxis: [
|
|
// {
|
|
// type: 'value',
|
|
// //max: 250,
|
|
// axisLabel: {
|
|
// color: '#fff',
|
|
// }
|
|
// },
|
|
// {
|
|
// type: 'value',
|
|
// max: 110,
|
|
// axisLabel: {
|
|
// color: '#fff',
|
|
// }
|
|
// }
|
|
// ],
|
|
// series: [
|
|
// {
|
|
// name: subYar + '成绩',
|
|
// type: 'bar',
|
|
// color: '#32d6df',
|
|
// //barWidth: 25,//柱图宽度
|
|
// //data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
|
|
// data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|
// },
|
|
// {
|
|
// name: yarNum + '成绩',
|
|
// type: 'bar',
|
|
// color: '#006fff',
|
|
// //barWidth: 25,//柱图宽度
|
|
// //data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7,]
|
|
// data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|
// },
|
|
// {
|
|
// name: subYar + '得分',
|
|
// type: 'line',
|
|
// color: '#f3b01d',
|
|
// yAxisIndex: 1,
|
|
// //data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
|
|
// data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|
// },
|
|
// {
|
|
// name: yarNum + '得分',
|
|
// type: 'line',
|
|
// color: '#FF0000',
|
|
// yAxisIndex: 1,
|
|
// //data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
|
|
// data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|
// }
|
|
// ]
|
|
//};
|
|
//myCharttime.setOption(option_time, true)
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|