|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<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/layui/css/layui.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: 285px;
|
|
|
height: 38px;
|
|
|
line-height: 38px;
|
|
|
border: 1px solid #ccc;
|
|
|
border-radius: 3px;
|
|
|
font-size: 15px;
|
|
|
padding-left: 6px;
|
|
|
color: #666;
|
|
|
}
|
|
|
|
|
|
#start, #end {
|
|
|
width: 130px;
|
|
|
display: inline;
|
|
|
}
|
|
|
ul.ztree {
|
|
|
margin-top: 10px;
|
|
|
border: 1px solid #617775;
|
|
|
background: #f0f6e4;
|
|
|
width: 220px;
|
|
|
height: 360px;
|
|
|
overflow-y: scroll;
|
|
|
overflow-x: auto;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="weadmin-body">
|
|
|
<div class="layui-form-item">
|
|
|
<label for="" class="layui-form-label">
|
|
|
<span class="we-red">*</span>学部：
|
|
|
</label>
|
|
|
<div class="layui-input-inline" id="select_1" disabled="true"></div>
|
|
|
<script type="text/html" id="test1">
|
|
|
<select name="service_type" id="sel1" onchange="changeStage(this.value);">
|
|
|
<% 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" id="regionTree">
|
|
|
<label for="" class="layui-form-label">
|
|
|
<span class="we-red">*</span>系部：
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input id="area" onclick="showMenu();" type="text" readonly value=""
|
|
|
style="width:280px;border-radius:4px"
|
|
|
class="layui-input"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<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 stage_html">
|
|
|
<label for="" class="layui-form-label">
|
|
|
<span class="we-red">*</span>学制：
|
|
|
</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<label style="padding-left: 10px;">
|
|
|
<input name="SchoolingLength" value="3" type="radio" checked="checked" onclick="entranceYear();"/>三年
|
|
|
</label>
|
|
|
<label>
|
|
|
<input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();"/>四年
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="div3" class="layui-form-item">
|
|
|
<label for="" class="layui-form-label">
|
|
|
<span class="we-red">*</span>入学年份：
|
|
|
</label>
|
|
|
<div class="layui-input-inline" id="select_3" disabled="true"></div>
|
|
|
<script type="text/html" id="test3">
|
|
|
<select name="service_type" id="sel3">
|
|
|
<% for (var i = 0; i < data.length; i ++) { %>
|
|
|
<option value="<%=data[i].id%>"><%=data[i].name%></option>
|
|
|
<% } %>
|
|
|
</select>
|
|
|
</script>
|
|
|
</div>
|
|
|
<form class="layui-form">
|
|
|
<div class="layui-form-item">
|
|
|
<label for="name" class="layui-form-label">
|
|
|
<span class="we-red">*</span>起始序号：
|
|
|
</label>
|
|
|
<div class="layui-input-inline textinput">
|
|
|
<input type="text" id="start" name="start" lay-verify="required|number|contentLength" max="3"
|
|
|
autocomplete="off" class="layui-input">
|
|
|
~
|
|
|
<input type="text" id="end" name="end" lay-verify="required|number|contentLength" max="3"
|
|
|
autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="" class="layui-form-label">
|
|
|
</label>
|
|
|
<button class="layui-btn" lay-filter="add" lay-submit="" id="save">确定</button>
|
|
|
</div>
|
|
|
<input type="hidden" value="" id="area_id">
|
|
|
</form>
|
|
|
</div>
|
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
|
<script src="../../lib/template.js"></script>
|
|
|
|
|
|
<script>
|
|
|
layui.extend({
|
|
|
admin: '{/}../../static/js/admin'
|
|
|
});
|
|
|
|
|
|
function GetQueryString(name, istop) {
|
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|
|
var r = window.location.search.substr(1).match(reg);
|
|
|
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
|
|
|
|
|
|
if (r != null) return unescape(r[2]);
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
layui.use(['form', 'jquery', 'admin', 'layer'], function () {
|
|
|
var form = layui.form,
|
|
|
$ = layui.jquery,
|
|
|
admin = layui.admin,
|
|
|
layer = layui.layer;
|
|
|
var area_id = "";
|
|
|
var level_id = "";
|
|
|
var school_id = "";
|
|
|
|
|
|
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();
|
|
|
}
|
|
|
// 获取学部
|
|
|
window.getStage = function () {
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
dataType: "json",
|
|
|
url: "/baseService/class/getStageList?bureau_id=" + school_id,
|
|
|
success: function (data) {
|
|
|
var html = template.render('test1', data);
|
|
|
document.getElementById('select_1').innerHTML = html;
|
|
|
changeStage($("#sel1").val());
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
// 获取入学年份
|
|
|
window.entranceYear = function () {
|
|
|
var id = $("input[name='SchoolingLength']:checked").val();
|
|
|
var date = new Date();
|
|
|
var year = date.getFullYear();
|
|
|
var lis = [];
|
|
|
for (var i = id - 1; i >= 0; i--) {
|
|
|
lis.push({
|
|
|
id: year - i,
|
|
|
name: year - i
|
|
|
});
|
|
|
}
|
|
|
lis.push({
|
|
|
id: year + 1,
|
|
|
name: year + 1
|
|
|
});
|
|
|
|
|
|
var data = {
|
|
|
data: lis
|
|
|
}
|
|
|
var html = template.render('test3', data);
|
|
|
document.getElementById('select_3').innerHTML = html;
|
|
|
$("#sel3 option[value='" + year + "']").attr('selected', true);
|
|
|
}
|
|
|
|
|
|
// 切换学部
|
|
|
window.changeStage = function (stage_id) {
|
|
|
if (stage_id == 4) {
|
|
|
$(".stage_html").css("display", "");
|
|
|
$(".stage_html").html('<label class="layui-form-label" style="padding-top:0">学制：</label><label style="padding:0 15px;"><input name="SchoolingLength" value="5" type="radio" onclick="entranceYear();"/> 五年</label><label style="padding:0 15px"><input name="SchoolingLength" value="6" type="radio" checked="checked" onclick="entranceYear();" > 六年</label>');
|
|
|
} else if (stage_id == 5) {
|
|
|
$(".stage_html").css("display", "");
|
|
|
$(".stage_html").html('<label class="layui-form-label" style="padding-top:0">学制：</label><label style="padding:0 15px;"><input name="SchoolingLength" value="3" type="radio" checked="checked" onclick="entranceYear();"/> 三年</label><label style="padding:0 15px"><input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();" > 四年</label>');
|
|
|
} else if (stage_id == 6) {
|
|
|
$(".stage_html").css("display", "");
|
|
|
$(".stage_html").html('<label class="layui-form-label" style="padding-top:0">学制：</label><label style="padding:0 15px"><input name="SchoolingLength" value="3" type="radio" checked="checked" onclick="entranceYear();"/> 三年</label><label style="padding:0 15px"><input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();" > 四年</label>');
|
|
|
} else if (stage_id == 7) {//大中专及职业
|
|
|
$(".stage_html").css("display", "");
|
|
|
$(".stage_html").html('<label class="layui-form-label" style="padding-top:0">学制：</label><label style="padding:0 15px"><input name="SchoolingLength" value="2" type="radio" onclick="entranceYear();" > 二年</label><label style="padding:0 15px"><input name="SchoolingLength" value="3" type="radio" checked="checked" onclick="entranceYear();"/> 三年</label><label style="padding:0 15px"><input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();" > 四年</label>');
|
|
|
} else if (stage_id == 8) {//幼儿
|
|
|
$(".stage_html").css("display", "");
|
|
|
$(".stage_html").html('<label class="layui-form-label" style="padding-top:0">学制：</label><label style="padding:0 15px"><input name="SchoolingLength" value="2" type="radio" onclick="entranceYear();" > 二年</label><label style="padding:0 15px"><input name="SchoolingLength" value="3" type="radio" checked="checked" onclick="entranceYear();"/> 三年</label><label style="padding:0 15px"><input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();" > 四年</label>');
|
|
|
} else {
|
|
|
$(".stage_html").html('');
|
|
|
$(".stage_html").html('<label><input name="SchoolingLength" value="3" type="hidden"></label>');
|
|
|
}
|
|
|
entranceYear();
|
|
|
}
|
|
|
|
|
|
|
|
|
$(function () {
|
|
|
level_id = GetQueryString("level_id");
|
|
|
area_id = GetQueryString("area_id");
|
|
|
school_id = GetQueryString("school_id");//学校id
|
|
|
//只在大中专和职业教育中显示
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,//同步方式
|
|
|
dataType: "json",
|
|
|
url: "/baseService/organization/getBureauInfoByOrgId?org_id=" + school_id,
|
|
|
success: function (data) {
|
|
|
if (data.data[0].org_type_id != 11) {
|
|
|
$("#regionTree").css("display", "none");
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
getStage();
|
|
|
|
|
|
//给定初始值:单位id+单位名称
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
async: false,
|
|
|
url: "/baseService/organization/getBureauInfoByOrgId?org_id="+school_id,
|
|
|
success: function (data) {
|
|
|
$("#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="+school_id,
|
|
|
success: function (result) {
|
|
|
$.fn.zTree.init($("#treeDemo"), setting, result.data);
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
//绑定
|
|
|
bindSelectTree();
|
|
|
|
|
|
var stage_id = GetQueryString("stage_id");
|
|
|
var entry_year = GetQueryString("entry_year");
|
|
|
|
|
|
changeStage(stage_id);
|
|
|
$("#sel1").val(stage_id);
|
|
|
$("#sel3").val(entry_year);
|
|
|
})
|
|
|
verifyLength();
|
|
|
//监听提交
|
|
|
form.on('submit(add)', function (data) {
|
|
|
var start_num = $("#start").val();
|
|
|
var end_num = $("#end").val();
|
|
|
if (parseInt(start_num, 10) > parseInt(end_num, 10)) {
|
|
|
layer.msg('起始序号不能小于终止序号', {icon: 5});
|
|
|
return false;
|
|
|
}
|
|
|
console.log($("#area_id").val());
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
async: false,
|
|
|
dataType: "json",
|
|
|
url: "/baseService/class/addClass",
|
|
|
data: {
|
|
|
bureau_id: school_id,
|
|
|
stage_id: $("#sel1 option:selected").val(),
|
|
|
entry_year: $("#sel3 option:selected").val(),
|
|
|
school_length: $("input[name='SchoolingLength']:checked").val(),
|
|
|
start_num: start_num,
|
|
|
end_num: end_num,
|
|
|
parent_id:$("#area_id").val()
|
|
|
},
|
|
|
success: function (data) {
|
|
|
if (data.success) {
|
|
|
layer.msg("增加成功", {icon: 1, time: 1000, shade: [0.5, '#000', true]}, function () {
|
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
|
parent.layer.close(index);
|
|
|
parent.layui.table.reload('idTest', {
|
|
|
where: {
|
|
|
bureau_id: school_id,
|
|
|
stage_id: $("#sel1 option:selected").val(),
|
|
|
entry_year: $("#sel3 option:selected").val()
|
|
|
}
|
|
|
, page: {
|
|
|
curr: 1
|
|
|
}
|
|
|
});
|
|
|
$("#sel2", parent.document).val($("#sel1 option:selected").val());
|
|
|
$("#sel3", parent.document).val($("#sel3 option:selected").val());
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
layer.msg(data.message, {icon: 2, time: 2000, shade: 0.1});
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
return false;
|
|
|
});
|
|
|
});
|
|
|
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
