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.
284 lines
13 KiB
284 lines
13 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>站内成绩排名</title>
|
||
|
|
<meta name="renderer" content="webkit">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
|
<meta name="format-detection" content="telephone=no">
|
||
|
|
<link rel="stylesheet" href="../../css/newtheme/main.css" />
|
||
|
|
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
|
||
|
|
<!--<link rel="stylesheet" href="../../css/public.css" media="all" />-->
|
||
|
|
<link rel="stylesheet" href="../../css/ztree/metro/ztree.css">
|
||
|
|
<link rel="stylesheet" href="../../css/newtheme/layuiextend.css" />
|
||
|
|
<script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/jquery.cookie.js" type="text/javascript"></script>
|
||
|
|
<style>
|
||
|
|
.layui-tab-title li {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-tab-item, .layui-tab-content {
|
||
|
|
height: 100%;
|
||
|
|
overflow:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-form-select dl {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-table {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-tab-title {
|
||
|
|
height: 50px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-tab-bar {
|
||
|
|
background-color: #2fb7c3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-nav-itemed > .layui-nav-child {
|
||
|
|
display: block;
|
||
|
|
background-color: #083c65 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-this {
|
||
|
|
background-color: #009688 !important;
|
||
|
|
}
|
||
|
|
.layui-table, .layui-table-view {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body style="overflow: hidden">
|
||
|
|
<div class="content" style="position:absolute;left:0px;right:0;top:0;bottom:0;z-index:998;width:auto;overflow:hidden;overflow-y:hidden;box-sizing:border-box;background: url(/images/conbg.png) no-repeat;background-size: 100% 100%;">
|
||
|
|
<div class="content1" style="height: calc(100% -35px); margin-top: 35px;margin-bottom: 0px;">
|
||
|
|
<div class="train-list-search">
|
||
|
|
<form class="layui-form" style="margin-left:15px">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<div class="layui-input-inline" style="width: 300px;">
|
||
|
|
<select id="ORG_ID" lay-filter="ORG_ID" lay-search="" lay-verify="required">
|
||
|
|
<option value="">---请选择机构---</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="layui-input-inline" style="width: 300px;">
|
||
|
|
<input type="text" class="layui-input" id="searchTime" placeholder="请选择日期" />
|
||
|
|
</div>
|
||
|
|
<a class="layui-btn search_btn" data-type="reload">搜索</a>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="layui-tab layui-tab-brief" lay-filter="SubjectDivFilter" style="padding: 0px 14px 0 14px">
|
||
|
|
<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="SubjectDivFilter" style="margin-right: 10px; height: 85vh; width: 10%; float: left; margin-top: 10px; ">
|
||
|
|
<li class="layui-nav-item layui-nav-itemed" style="height:100%;">
|
||
|
|
<dl class="layui-nav-child" id="SubjectUL" style="height:100%; overflow:auto;">
|
||
|
|
</dl>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!--<ul class="layui-tab-title" id="SubjectUL">
|
||
|
|
</ul>-->
|
||
|
|
<div class="layui-tab-content" style="height: 85vh; width: 88%; float: left;" id="SubjectDiv">
|
||
|
|
<!-- <div class="layui-tab-content" style="height: 615px;overflow-y: auto;" id="SubjectDiv">-->
|
||
|
|
<div style="color:#FFFFFF;text-align:center;">无数据！</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="../../js/jquery-2.1.3.min.js"></script>
|
||
|
|
<script src="../../js/jq_extend.js"></script>
|
||
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
layui.config({
|
||
|
|
base: '../../js/'
|
||
|
|
}).use(['element', 'layer', 'table', 'laydate', 'form'], function () {
|
||
|
|
var layer = parent.layer === undefined ? layui.layer : top.layer,
|
||
|
|
$ = layui.jquery,
|
||
|
|
table = layui.table,
|
||
|
|
element = layui.element,
|
||
|
|
form = layui.form,
|
||
|
|
laydate = layui.laydate;
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
//var OrgId = "9668E5E778854EC3939246D6B6A9EFC1";
|
||
|
|
//获取当前日期区间(间隔30天)
|
||
|
|
function getFormatDate() {
|
||
|
|
|
||
|
|
var dateTime = new Date();
|
||
|
|
|
||
|
|
var date = new Date(); year = date.getFullYear(); month = date.getMonth(); sdate = date.getDate();
|
||
|
|
dateTime2 = new Date(year, month - 5, sdate);
|
||
|
|
|
||
|
|
|
||
|
|
//2021-08-23 00:00:00 - 2021-09-23 23:59:59
|
||
|
|
var retStr = dateTime2.getFullYear() + "-" + (dateTime2.getMonth() < 10 ? "0" + (dateTime2.getMonth()) : dateTime2.getMonth()) + "-" +
|
||
|
|
"01" + " - " + dateTime.getFullYear() + "-" +
|
||
|
|
(dateTime.getMonth() + 1 < 10 ? "0" + (dateTime.getMonth() + 1) : dateTime.getMonth() + 1) + "-" + (dateTime.getDate() < 10 ? "0" + dateTime.getDate() : dateTime.getDate());
|
||
|
|
return retStr;
|
||
|
|
}
|
||
|
|
|
||
|
|
laydate.render({
|
||
|
|
elem: '#searchTime',
|
||
|
|
type: 'date',
|
||
|
|
// value: getFormatDate(),
|
||
|
|
range: true
|
||
|
|
});
|
||
|
|
element.on('nav(SubjectDivFilter)', function (data) {
|
||
|
|
//element.on('tab(SubjectDivFilter)', function (data) {
|
||
|
|
var _orgid = $("#ORG_ID").val();
|
||
|
|
_orgid = $.getShowDataOrgId(_orgid);
|
||
|
|
if (_orgid == null || _orgid == "") _orgid = OrgId;
|
||
|
|
|
||
|
|
_this = this;
|
||
|
|
_subjectid = $($(_this).find("a")[0]).attr("subjectid");
|
||
|
|
|
||
|
|
var startTime = "", endTime = "";
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
startTime = searchTime.split(" - ")[0]
|
||
|
|
endTime = searchTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (startTime == "" || endTime == "") {
|
||
|
|
var nowTime = getFormatDate();
|
||
|
|
startTime = nowTime.split(" - ")[0]
|
||
|
|
endTime = nowTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
|
||
|
|
getSingleSubjectScore(_orgid, _subjectid, startTime, endTime)
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
//初始化树
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "../../ashx/ZYSysEmpHandler.ashx",
|
||
|
|
data: { Action: "OrgDeptTree", OrgId: OrgId },
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
var orgStr = "";
|
||
|
|
result.data.forEach(function (obj, index, arr) {
|
||
|
|
if (obj.TYPE == "org")
|
||
|
|
orgStr += "<option value='" + obj.ID + "'>" + obj.NAME + "</option>";
|
||
|
|
});
|
||
|
|
$("#ORG_ID").append(orgStr);
|
||
|
|
form.render('select');
|
||
|
|
$("#ORG_ID").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + OrgId + "']").click();
|
||
|
|
form.render('select');
|
||
|
|
|
||
|
|
var _orgid = $("#ORG_ID").val();
|
||
|
|
var startTime = "", endTime = "";
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
startTime = searchTime.split(" - ")[0]
|
||
|
|
endTime = searchTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
getScoreList(_orgid, startTime, endTime);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
//搜索【此功能需要后台配合，所以暂时没有动态效果演示】
|
||
|
|
$(".search_btn").on("click", function () {
|
||
|
|
var _orgid = $("#ORG_ID").val();
|
||
|
|
var startTime = "", endTime = "";
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
startTime = searchTime.split(" - ")[0]
|
||
|
|
endTime = searchTime.split(" - ")[1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
getScoreList(_orgid, startTime, endTime);
|
||
|
|
});
|
||
|
|
|
||
|
|
function getScoreList(_orgid, _startTime, _endTime) {
|
||
|
|
//_orgid = _orgid == "D8DC637B8B984848A63F82A018AFAEB0" ? "734389c7ae364584aea9918693bba3de" : _orgid;
|
||
|
|
_orgid = $.getShowDataOrgId(_orgid);
|
||
|
|
if (_orgid == null) {
|
||
|
|
_orgid = $("#ORG_ID").val();
|
||
|
|
} if (_startTime == null) {
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
_startTime = searchTime.split(" - ")[0]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} if (_endTime == null) {
|
||
|
|
var searchTime = $("#searchTime").val();
|
||
|
|
if (searchTime) {
|
||
|
|
if (searchTime.indexOf(" - ") != -1) {
|
||
|
|
_endTime = searchTime.split(" - ")[1]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
console.log("_orgid:" + _orgid + "，_startTime:" + _startTime + "，_endTime:" + _endTime);
|
||
|
|
|
||
|
|
|
||
|
|
if (_orgid == null || _orgid == "") {
|
||
|
|
_orgid = $("#ORG_ID").val();
|
||
|
|
};
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
async: false,
|
||
|
|
//url: "../../ashx/ZYTPlanHandler.ashx",
|
||
|
|
//data: { Action: "GetSubject", OrgId: _orgid },
|
||
|
|
url: "../../ashx/ZYTScoreHandler.ashx",
|
||
|
|
data: { Action: "GetOrgSubject", OrgId: _orgid },
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
$("#SubjectUL").html("");
|
||
|
|
var data = result.data;
|
||
|
|
if (data.length > 0) {
|
||
|
|
$("#SubjectDiv").html("");
|
||
|
|
}
|
||
|
|
for (var i = 0; i < data.length; i++) {
|
||
|
|
var liHtml = '';
|
||
|
|
if (i == 0) {
|
||
|
|
liHtml = '<dd><a class="layui-this" style="line-height: 40px;" href="javascript:;" subjectid="' + data[i].SUBJECTID + '" >' + data[i].SUBJECTNAME + '</a></dd> ';
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
liHtml = '<dd><a style="line-height: 40px;" href="javascript:;" subjectid="' + data[i].SUBJECTID + '" >' + data[i].SUBJECTNAME + '</a></dd> ';
|
||
|
|
}
|
||
|
|
$("#SubjectUL").append(liHtml);
|
||
|
|
element.init();
|
||
|
|
if (i == 0) { getSingleSubjectScore(_orgid, data[i].SUBJECTID, _startTime, _endTime); }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function getSingleSubjectScore(_orgid, _subjectid, _startTime, _endTime) {
|
||
|
|
$("#SubjectDiv").html("");
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
async: false,
|
||
|
|
url: "../../ashx/ZYTScoreHandler.ashx",
|
||
|
|
data: { Action: "GetScoreBySubjectid", subjectid: _subjectid, OrgId: _orgid, startTime: _startTime, endTime: _endTime }, //data[i].UNITOFMEASUREMEN
|
||
|
|
dataType: "json",
|
||
|
|
success: function (res) {
|
||
|
|
var data2 = res.data;
|
||
|
|
var tableHtml = "<table class=\"layui-table\"><colgroup><col width=\"80\"><col width=\"250\"><col width=\"250\"><col width=\"250\"><col width=\"250\"><col width=\"250\"><col></colgroup><thead><tr><th>名次</th><th>姓名</th><th>所属机构</th><th>成绩</th><th>评分</th><th>参训日期</th></tr></thead><tbody style=\"height:500px\">";
|
||
|
|
for (var y = 0; y < data2.length; y++) {
|
||
|
|
tableHtml += "<tr><td>" + (y + 1) + "</td><td>" + data2[y].USERS_NAME + "</td><td>" + data2[y].ORG_NAME + "</td><td>" + data2[y].RESULT + "</td><td>" + data2[y].ACHIEVEMENT + "</td><td>" + data2[y].TRAINIGDATE + "</td></tr>";
|
||
|
|
}
|
||
|
|
tableHtml += "</tbody></table>";
|
||
|
|
|
||
|
|
$("#SubjectDiv").append("<div class=\"layui-tab-item layui-show\">" + tableHtml + "</div>");
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|