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

2 years ago
<!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>