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

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>
.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",
url: "/dsBase/class/getStageList?bureau_id=" + org_id,
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,
url: '/dsBase/base/getZyyxClassTree?bureau_id=' + org_id,
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'
, url: '/dsBase/class/getClassList'
, 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",
url: "/dsBase/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;
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>