huanghai
/
YangPuBaoMing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '62b757e9cb'
${ noResults }
YangPuBaoMing/WebRoot/html/pages/class/add.html

258 lines
11 KiB
Raw Normal View History Unescape

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