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.

398 lines
14 KiB

11 months 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>
.inline {
display: inline-block;
vertical-align: top;
}
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>
<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="BORDER-RIGHT: #999999 1px dashed;width:170px" id="first_td">
<div class="selectModel" id="treeDiv">
<div class='pc_selectModel_tree'>
<div class='ztree' id='mytree'></div>
</div>
</div>
</td>
<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="bureau_id">
<input type="hidden" value="" id="org_id">
</td>
</tr>
</table>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/template.js"></script>
<script>
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['form', 'jquery', 'admin', 'table', 'laytpl'], function () {
var form = layui.form,
$ = layui.jquery,
admin = layui.admin,
table = layui.table,
laytpl = layui.laytpl;
var level = GetQueryString('level');
var area_id = GetQueryString('area_id');
var org_id = GetQueryString('org_id');
var setting1 = {
view: {
selectedMulti: false
},
data: {
simpleData: {
enable: true,
idKey: "org_id",
pIdKey: "parent_id",
rootPId: 0
}
},
callback: {
onClick: zTreeOnClick,
}
};
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);
}
$.ajax({
type: "GET",
async: false,
dataType: "json",
11 months ago
url: "/dsBase/class/getStageList?bureau_id=" + org_id,
11 months ago
success: function (data) {
var html = template.render('test2', data);
document.getElementById('select_2').innerHTML = html;
getEntryYear();
}
})
// 加载部门树
$(function () {
var org_id = GetQueryString('org_id');
$("#bureau_id").val(org_id);
$("#org_id").val(org_id);
$.getScript("../../lib/jquery-3.6.0.min.js").done(function () {
$.getScript("../../lib/ztree/jquery.ztree.core-3.5.min.js").done(function () {
$.ajax({
type: "GET",
async: false,
11 months ago
url: '/dsBase/base/getZyyxClassTree?bureau_id=' + org_id,
11 months ago
dataType: "json",
success: function (data) {
if (data.code == 0) {
for (var i = 0; i < data.data.length; i++) {
data.data[i].name = data.data[i].org_name;
}
var zNodes = data.data;
var jquery = window.$.fn.zTree;
jquery.init($("#mytree"), setting1, zNodes);
var treeObj = jquery.getZTreeObj("mytree");
var parentNode = treeObj.getNodeByParam("org_id", org_id);// 选中指定节点
getTeaList(org_id,org_id);
treeObj.selectNode(parentNode);
treeObj.expandAll(true);
}
}
});
})
})
});
$("#treeDiv").height($(window).height()-80);
// 点击区划树
function zTreeOnClick(event, treeId, treeNode) {
$("#bureau_id").val(treeNode.bureau_id);
$("#org_id").val(treeNode.org_id);
getTeaList(treeNode.org_id,treeNode.bureau_id);
}
table.on('tool(demo)', function (obj) {
var data = obj.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);
}
});
// org_id获取列表
function getTeaList(org_id,bureau_id) {
// 教师列表渲染
table.render({
elem: '#idTest'
11 months ago
, url: '/dsBase/class/getClassList'
11 months ago
, where: {
bureau_id: bureau_id,
org_id:org_id,
stage_id: "7",
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.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 + '&school_id=' + $("#bureau_id").val() +'&org_id='+$("#org_id").val()+'&stage_id=7&entry_year='+$("#sel3 option:selected").val(), 550, 340);
}
// 删除班级
function del(ids) {
$.ajax({
type: "POSt",
dataType: "json",
11 months ago
url: "/dsBase/class/deleteClass",
11 months ago
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;
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) : '';
});
$(window).resize(function () {
$(".layui-table-view").css('width',window.innerWidth-235);
$(".layui-table-view").height(window.height)
})
})
</script>
</body>
</html>