|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>班级信息管理</title>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
<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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
<link rel="stylesheet" href="../../static/css/font.css">
|
|
|
<link rel="stylesheet" href="../../static/css/weadmin.css">
|
|
|
<link rel="stylesheet" href="../../lib/ztree/zTreeStyle.css">
|
|
|
<script src="../../lib/jquery-1.12.4.min.js"></script>
|
|
|
<script src="../../lib/ztree/jquery.ztree.core-3.5.min.js"></script>
|
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
<style>
|
|
|
select {
|
|
|
width: 180px;
|
|
|
height: 38px;
|
|
|
line-height: 38px;
|
|
|
border: 1px solid #ccc;
|
|
|
border-radius: 3px;
|
|
|
font-size: 15px;
|
|
|
padding-left: 6px;
|
|
|
color: #666;
|
|
|
}
|
|
|
|
|
|
.inline {
|
|
|
display: inline-block;
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
|
|
|
.layui-table-body {
|
|
|
/*max-height: 400px;*/
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
|
|
|
ul.ztree {
|
|
|
margin-top: 10px;
|
|
|
border: 1px solid #617775;
|
|
|
background: #f0f6e4;
|
|
|
width: 220px;
|
|
|
height: 360px;
|
|
|
overflow-y: scroll;
|
|
|
overflow-x: auto;
|
|
|
}
|
|
|
|
|
|
ul.log {
|
|
|
border: 1px solid #617775;
|
|
|
background: #f0f6e4;
|
|
|
width: 300px;
|
|
|
height: 170px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
ul.log.small {
|
|
|
height: 45px;
|
|
|
}
|
|
|
|
|
|
ul.log li {
|
|
|
color: #666666;
|
|
|
list-style: none;
|
|
|
padding-left: 10px;
|
|
|
}
|
|
|
|
|
|
ul.log li.dark {
|
|
|
background-color: #E3E3E3;
|
|
|
}
|
|
|
.layui-table, .layui-table-view {
|
|
|
margin-top: -10px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="weadmin-nav">
|
|
|
<span class="layui-breadcrumb" id="super">
|
|
|
<a href="">首页</a>
|
|
|
<a href="">业务管理</a>
|
|
|
<a href="">学校维护</a>
|
|
|
<a>
|
|
|
<cite>班级信息管理</cite></a>
|
|
|
</span>
|
|
|
<span class="layui-breadcrumb" id="other">
|
|
|
<a href="">首页</a>
|
|
|
<a href="">业务管理</a>
|
|
|
<a>
|
|
|
<cite>班级信息管理</cite></a>
|
|
|
</span>
|
|
|
<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right"
|
|
|
href="javascript:location.reload();" title="刷新">
|
|
|
<i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
|
|
|
</div>
|
|
|
<div class="weadmin-body">
|
|
|
<table border=0 align=left width="100%">
|
|
|
<tr>
|
|
|
<td align=left valign=top style="padding-left:10px">
|
|
|
<div class="layui-form-item inline " id="div2">
|
|
|
<label for="" class="layui-form-label" style="text-align: left;padding:9px 0;width:50px">
|
|
|
学部
|
|
|
</label>
|
|
|
<div class="layui-input-inline" id="select_2"></div>
|
|
|
<script type="text/html" id="test2">
|
|
|
<select name="service_type" id="sel2" onchange="getEntryYear();">
|
|
|
<% for (var i = 0; i < list.length; i ++) { %>
|
|
|
<option value="<%=list[i].stage_id%>"><%=list[i].stage_name%></option>
|
|
|
<% } %>
|
|
|
</select>
|
|
|
</script>
|
|
|
</div>
|
|
|
|
|
|
<span id="regionTree" class="layui-form-item inline">
|
|
|
<label class="layui-form-label" style="padding-left:0;padding-right:0;text-align:left;width:51px">
|
|
|
系部
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input id="area" onclick="showMenu();" type="text" readonly value="" style="width:180px;border-radius:4px"
|
|
|
class="layui-input"/>
|
|
|
</div>
|
|
|
</span>
|
|
|
|
|
|
<div id="menuContent" class="menuContent" style="display:none; position: absolute;z-index:999;">
|
|
|
<ul id="treeDemo" class="ztree" style="margin-top:0; width:170px;border:1px solid #ccc"></ul>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item inline " id="div3">
|
|
|
<label for="" class="layui-form-label">
|
|
|
入学年份
|
|
|
</label>
|
|
|
<div class="layui-input-inline" id="select_3"></div>
|
|
|
<script type="text/html" id="test3">
|
|
|
<select name="service_type" id="sel3" onchange="reloadtable()">
|
|
|
<% for (var i = 0; i < data.length; i ++) { %>
|
|
|
<option value="<%=data[i].id%>"><%=data[i].name%>年</option>
|
|
|
<% } %>
|
|
|
</select>
|
|
|
</script>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item inline" style="float:right">
|
|
|
<button class="layui-btn add" onclick="addOrg();"><i class="layui-icon"></i>添加</button>
|
|
|
<button class="layui-btn layui-btn-danger delBtn" data-type="getCheckLength"><i
|
|
|
class="layui-icon"></i>批量删除
|
|
|
</button>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<table class="layui-table" lay-filter="demo" id="idTest"></table>
|
|
|
<script type="text/html" id="barDemo">
|
|
|
<a class="layui-btn layui-btn-xs" lay-event="edit">修改班级别名</a>
|
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
|
|
</script>
|
|
|
</div>
|
|
|
<input type="hidden" value="" id="area_id">
|
|
|
<input type="hidden" value="" id="org_type">
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
|
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
|
<script src="../../lib/template.js"></script>
|
|
|
<script src="../../lib/base64.js"></script>
|
|
|
<script>
|
|
|
|
|
|
layui.extend({
|
|
|
admin: '{/}../../static/js/admin'
|
|
|
});
|
|
|
layui.use(['form', 'jquery', 'admin', 'table'], function () {
|
|
|
var form = layui.form,
|
|
|
$ = layui.jquery,
|
|
|
admin = layui.admin,
|
|
|
table = layui.table;
|
|
|
|
|
|
window.showMenu = function()
|
|
|
{
|
|
|
var cityObj = $("#area");
|
|
|
var cityOffset = $("#area").offset();
|
|
|
$("#menuContent").css({
|
|
|
left: cityOffset.left + "px",
|
|
|
top: cityOffset.top + cityObj.outerHeight() + "px"
|
|
|
}).slideDown("fast");
|
|
|
|
|
|
$("body").bind("mousedown", onBodyDown);
|
|
|
}
|
|
|
window.hideMenu = function(){
|
|
|
$("#menuContent").fadeOut("fast");
|
|
|
$("body").unbind("mousedown", onBodyDown);
|
|
|
}
|
|
|
|
|
|
function onBodyDown(event) {
|
|
|
if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
|
|
|
hideMenu();
|
|
|
}
|
|
|
}
|
|
|
// //下拉树
|
|
|
var setting = {
|
|
|
view: {
|
|
|
dblClickExpand: false
|
|
|
},
|
|
|
data: {
|
|
|
simpleData: {
|
|
|
idKey: "id",
|
|
|
pIdKey: "pId",
|
|
|
enable: true
|
|
|
},
|
|
|
key: {
|
|
|
name: "name"
|
|
|
}
|
|
|
},
|
|
|
callback: {
|
|
|
onClick: onClick
|
|
|
}
|
|
|
};
|
|
|
//当点击时
|
|
|
function onClick(e, treeId, treeNode) {
|
|
|
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
|
|
|
nodes = zTree.getSelectedNodes();
|
|
|
$("#area").val(nodes[0].name);
|
|
|
$("#area_id").val(treeNode.id);
|
|
|
hideMenu();
|
|
|
//绑定数据
|
|
|
cbind();
|
|
|
}
|
|
|
//树的高度
|
|
|
$("#treeDiv").height($(window).height() - 80);
|
|
|
|
|
|
var level = GetQueryString('level');
|
|
|
;//点击区划树获取节点level
|
|
|
var area_id = GetQueryString('area_id');
|
|
|
|
|
|
var org_id = "";
|
|
|
if (getcookie().identity_id == 4) {//单位管理员
|
|
|
org_id = getcookie().bureau_id;
|
|
|
$("#super").hide();
|
|
|
$("#other").show();
|
|
|
} else {
|
|
|
org_id = GetQueryString('org_id');
|
|
|
$("#super").show();
|
|
|
$("#other").hide();
|
|
|
}
|
|
|
//给定初始值:单位id+单位名称
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
async: false,
|
|
|
url: "/baseService/organization/getBureauInfoByOrgId?org_id="+org_id,
|
|
|
success: function (data) {
|
|
|
console.log(data.data[0].org_id);
|
|
|
console.log(data.data[0].org_name);
|
|
|
$("#area").val(data.data[0].org_name);
|
|
|
$("#area_id").val(data.data[0].org_id);
|
|
|
}
|
|
|
});
|
|
|
// 绑定下拉树
|
|
|
function bindSelectTree() {
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
async: false,
|
|
|
url: "/baseService/organization/getDepartmentTreeInfo?bureau_id="+org_id,
|
|
|
success: function (result) {
|
|
|
$.fn.zTree.init($("#treeDemo"), setting, result.data);
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
//绑定
|
|
|
bindSelectTree();
|
|
|
|
|
|
//绑定数据
|
|
|
function cbind()
|
|
|
{
|
|
|
table.render({
|
|
|
elem: '#idTest'
|
|
|
, url: '/baseService/class/getClassList'
|
|
|
, where: {
|
|
|
bureau_id: org_id,
|
|
|
stage_id: $("#sel2 option:selected").val(),
|
|
|
entry_year: $("#sel3 option:selected").val(),
|
|
|
parent_id:$("#area_id").val()
|
|
|
}
|
|
|
, cols: [[
|
|
|
{type: 'checkbox', fixed: 'left', align: 'center'}
|
|
|
, {field: '', title: '序号', align: 'center', type: 'numbers', width: 80}
|
|
|
, {field: 'class_name', title: '班级名称', align: 'center'}
|
|
|
, {field: 'altas_name', title: '班级别名', align: 'center'}
|
|
|
, {field: 'entry_year', title: '入学年份', align: 'center'}
|
|
|
, {field: 'studentcount', title: '学生总数', align: 'center'}
|
|
|
, {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center'}
|
|
|
]]
|
|
|
, page: true
|
|
|
, height: 'full'
|
|
|
, done: function () {
|
|
|
$("[data-field='altas_name']").children().each(function () {
|
|
|
if ($(this).text() == "" || $(this).text() == null) {
|
|
|
$(this).text("--");
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
// 获取入学年份
|
|
|
window.getEntryYear = function () {
|
|
|
var id = $("#sel2 option:selected").val();
|
|
|
var len = "";
|
|
|
if (id == 4) {
|
|
|
len = 5;
|
|
|
} else {
|
|
|
len = 2;
|
|
|
}
|
|
|
var date = new Date();
|
|
|
var year = date.getFullYear();
|
|
|
var data = {};
|
|
|
var lis = [];
|
|
|
for (var i = len; i >= 0; i--) {
|
|
|
lis.push({
|
|
|
id: year - i,
|
|
|
name: year - i
|
|
|
});
|
|
|
}
|
|
|
lis.push({
|
|
|
id: year + 1,
|
|
|
name: year + 1
|
|
|
});
|
|
|
|
|
|
data = {
|
|
|
data: lis
|
|
|
}
|
|
|
var html = template.render('test3', data);
|
|
|
document.getElementById('select_3').innerHTML = html;
|
|
|
$("#sel3 option[value='" + year + "']").attr('selected', true);
|
|
|
//更改
|
|
|
cbind();
|
|
|
}
|
|
|
|
|
|
|
|
|
// 获取学部
|
|
|
window.getStage = function () {
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
dataType: "json",
|
|
|
url: "/baseService/class/getStageList?bureau_id=" + org_id,
|
|
|
success: function (data) {
|
|
|
var html = template.render('test2', data);
|
|
|
document.getElementById('select_2').innerHTML = html;
|
|
|
getEntryYear();
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
$(function () {
|
|
|
//获取学段
|
|
|
getStage();
|
|
|
//只在大中专和职业教育中显示
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,//同步方式
|
|
|
dataType: "json",
|
|
|
url: "/baseService/organization/getBureauInfoByOrgId?org_id=" + org_id,
|
|
|
success: function (data) {
|
|
|
if (data.data[0].org_type_id != 11) {
|
|
|
$("#regionTree").css("display", "none");
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
})
|
|
|
|
|
|
|
|
|
table.on('tool(demo)', function (obj) {
|
|
|
var data = obj.data;
|
|
|
console.log(data)
|
|
|
if (obj.event === 'del') {
|
|
|
layer.confirm('确定删除 ' + data.class_name + ' 吗？', {icon: 0}, function (index) {
|
|
|
del(data.class_id);
|
|
|
});
|
|
|
} else if (obj.event === 'edit') {
|
|
|
WeAdminShow('编辑', './edit.html?class_id=' + data.class_id + '&class_name=' + encode64(data.altas_name), 450, 190);
|
|
|
}
|
|
|
});
|
|
|
// 表格重载
|
|
|
window.reloadtable = function () {
|
|
|
table.reload('idTest', {
|
|
|
where: {
|
|
|
bureau_id: org_id,
|
|
|
stage_id: $("#sel2 option:selected").val(),
|
|
|
entry_year: $("#sel3 option:selected").val()
|
|
|
}
|
|
|
, page: {
|
|
|
curr: 1
|
|
|
}
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
window.addOrg = function () {
|
|
|
WeAdminShow('添加', './add.html?level_id=' + level + '&area_id=' + $("#area_id").val() + '&school_id=' + org_id + '&stage_id=' + $("#sel2 option:selected").val() + '&entry_year=' + $("#sel3 option:selected").val(), 550, 380);
|
|
|
|
|
|
}
|
|
|
window.backList = function () {
|
|
|
window.location.href = "../school/schoolList.html?area_id=" + area_id + "&level=" + level;
|
|
|
}
|
|
|
|
|
|
// 删除班级
|
|
|
function del(ids) {
|
|
|
$.ajax({
|
|
|
type: "POSt",
|
|
|
dataType: "json",
|
|
|
url: "/baseService/class/deleteClass",
|
|
|
data: {
|
|
|
class_ids: ids
|
|
|
},
|
|
|
success: function (data) {
|
|
|
if (data.success) {
|
|
|
layer.msg("删除成功", {icon: 1, time: 2000, shade: 0.1});
|
|
|
reloadtable();
|
|
|
} else {
|
|
|
layer.msg(data.message, {icon: 0, time: 2000, shade: 0.1});
|
|
|
}
|
|
|
|
|
|
},
|
|
|
error: function (data) {
|
|
|
return;
|
|
|
}
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
// 批量删除班级
|
|
|
var active = {
|
|
|
getCheckLength: function () { //获取选中数目
|
|
|
var checkStatus = table.checkStatus('idTest')
|
|
|
, data = checkStatus.data;
|
|
|
console.log(data);
|
|
|
if (data.length == 0) {
|
|
|
layer.msg("请先选择要删除的班级！", {icon: 5, time: 2000})
|
|
|
} else if (data.length > 0) {
|
|
|
var systemIds = "";
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
if (i == data.length - 1) {
|
|
|
systemIds += data[i].class_id;
|
|
|
} else {
|
|
|
systemIds += data[i].class_id + ",";
|
|
|
}
|
|
|
}
|
|
|
if (data.length == 1) {
|
|
|
layer.confirm('确定删除 ' + data[0].class_name + ' 吗？', {icon: 0}, function (index) {
|
|
|
del(systemIds);
|
|
|
});
|
|
|
} else {
|
|
|
layer.confirm('确定要批量删除' + data.length + '个班级吗？', {icon: 0}, function (index) {
|
|
|
del(systemIds);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
$('.delBtn').on('click', function () {
|
|
|
var type = $(this).data('type');
|
|
|
active[type] ? active[type].call(this) : '';
|
|
|
});
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html> |
