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.

258 lines
11 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>
<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">
<!-- 让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;
}
</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"></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 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"></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">
&nbsp;~&nbsp;
<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>
</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.getStage=function () {
$.ajax({
type : "GET",
async : false,
dataType : "json",
url :"/FengHuang/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 data={};
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
});
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();"/>&nbsp;五年</label><label style="padding:0 15px"><input name="SchoolingLength" value="6" type="radio" checked="checked" onclick="entranceYear();" >&nbsp;六年</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();"/>&nbsp;三年</label><label style="padding:0 15px"><input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();" >&nbsp;四年</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();"/>&nbsp;三年</label><label style="padding:0 15px"><input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();" >&nbsp;四年</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();" >&nbsp;二年</label><label style="padding:0 15px"><input name="SchoolingLength" value="3" type="radio" checked="checked" onclick="entranceYear();"/>&nbsp;三年</label><label style="padding:0 15px"><input name="SchoolingLength" value="4" type="radio" onclick="entranceYear();" >&nbsp;四年</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
getStage();
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;
}
$.ajax({
type : "POST",
async : false,
dataType : "json",
url :"/FengHuang/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
},
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>