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.

322 lines
12 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<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.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">
<!-- 让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;
}
</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.replace(location.href);" 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>
<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>
<!--
<button class="layui-btn" onclick="backList();" >
<span class="layui-icon layui-icon-return"></spanclass></span>返回
</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;
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();
}
// 获取入学年份
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);
table.render({
elem: '#idTest'
, url: '/FengHuang/class/getClassList'
, where: {
bureau_id: org_id,
stage_id: $("#sel2 option:selected").val(),
entry_year: $("#sel3 option:selected").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.getStage = function () {
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/FengHuang/class/getStageList?bureau_id=" + org_id,
success: function (data) {
var html = template.render('test2', data);
document.getElementById('select_2').innerHTML = html;
getEntryYear();
}
})
}
$(function () {
getStage();
})
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=' + Base64.encode(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, 340);
}
window.backList = function () {
window.location.href = "../school/schoolList.html?area_id=" + area_id + "&level=" + level;
}
// 删除班级
function del(ids) {
$.ajax({
type: "POSt",
dataType: "json",
url: "/FengHuang/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>