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.

294 lines
11 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<style>
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 455px
}
.layui-form-select {
width: 455px;
}
.layui-form-radio:hover>*,
.layui-form-radioed,
.layui-form-radioed>i {
color: #2d8cf0 !important;
}
</style>
</head>
<body>
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px !important;"><span
class="require-star"></span>学部</label>
<div class="layui-input-block" id="xbView" style="margin-left: 130px !important;">
<script id="xbScript" type="text/html">
<select id="xb" name="stage_id" lay-filter="xb">
{{# layui.each(d, function(index, item){ }}
<option value="{{item.stage_id}}">{{item.stage_name}}</option>
{{# }); }}
</select>
</script>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px !important;">学制</label>
<div class="layui-input-block" id="xzView"></div>
<script id="xzScript" type="text/html">
{{# layui.each(d, function(index, item){ }}
<input type="radio" name="school_length" value="{{item.value}}" title="{{item.title}}" lay-filter="xz" {{item.checked}}>
{{# }); }}
</script>
<!-- <input type="radio" name="is_school" value="1" title="是">
<input type="radio" name="is_school" value="0" title="否" checked> -->
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px !important;"><span
class="require-star"></span>入学年份</label>
<div class="layui-input-block" id="yearView" style="margin-left: 130px !important;"></div>
<script id="yearScript" type="text/html">
<select id="year" name="entry_year" lay-filter="year" class="layui-border">
{{# layui.each(d, function(index, item){ }}
<option value="{{item.id}}">{{item.name}}</option>
{{# }); }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px !important;"><span
class="require-star"></span>起始序号</label>
<div class="layui-input-inline" style="width: 210px;">
<input type="text" id="start_num" name="start_num" lay-verify="required|number|s_e"
autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline" style="width: 15px;text-align: center;padding-top: 10px;">
~
</div>
<div class="layui-input-inline" style="width: 210px;">
<input type="text" id="end_num" name="end_num" lay-verify="required|number" autocomplete="off"
class="layui-input">
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="save">
<i class="layui-icon layui-icon-ok"></i>
提交
</button>
<button type="reset" class="pear-btn pear-btn-sm">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script>
layui.use(['form', 'jquery', 'laytpl'], function () {
var form = layui.form;
var $ = layui.jquery;
var laytpl = layui.laytpl
// 自定义验证
form.verify({
s_e: function (value, item) {
var startNum = parseInt($("#start_num").val());
var endNum = parseInt($("#end_num").val());
if (startNum > endNum) {
return '起始序号不能小于终止序号';
}
}
});
var bureauId = GetQueryString("bureau_id");
var stageId = GetQueryString("stage_id");
var entryYear = GetQueryString("entry_year");
//学部
$.ajax({
type: "GET",
async: false,
url: "/dsBase/class/getStageList?bureau_id=" + bureauId,
success: function (res) {
var xbTpl = xbScript.innerHTML;
var xbView = document.getElementById('xbView');
laytpl(xbTpl).render(res.list, function (html) {
xbView.innerHTML = html;
});
$("#xb").val(stageId);
form.render();
// getEntryYear();
getXz($("#xb").val());
}
});
//获取学制
function getXz(stage_id) {
var list = [];
if (stage_id == 4) {
list.push(
{ value: 5, title: "五年", checked: "" }
);
list.push(
{ value: 6, title: "六年", checked: "checked" }
);
} else if (stage_id == 5) {
list.push(
{ value: 3, title: "三年", checked: "checked" }
);
list.push(
{ value: 4, title: "四年", checked: "" }
);
} else if (stage_id == 6) {
list.push(
{ value: 3, title: "三年", checked: "checked" }
);
list.push(
{ value: 4, title: "四年", checked: "" }
);
} else if (stage_id == 8) {
list.push(
{ value: 2, title: "二年", checked: "checked" }
);
list.push(
{ value: 3, title: "三年", checked: "" }
);
list.push(
{ value: 4, title: "四年", checked: "" }
);
} else {
}
var xzTpl = xzScript.innerHTML;
var xzView = document.getElementById('xzView');
laytpl(xzTpl).render(list, function (html) {
xzView.innerHTML = html;
});
form.render();
getEntryYear();
}
//获取入学年份
function getEntryYear() {
var id = $("input[name='school_length']:checked").val();
var date = new Date();
var year = date.getFullYear();
var list = [];
for (var i = id - 1; i >= 0; i--) {
list.push({
id: year - i,
name: year - i
});
}
list.push({
id: year + 1,
name: year + 1
});
var yearTpl = yearScript.innerHTML;
var yearView = document.getElementById('yearView');
laytpl(yearTpl).render(list, function (html) {
yearView.innerHTML = html;
});
$("#year").val(year);
form.render();
}
form.on('select(xb)', function (data) {
getXz($("#xb").val());
});
form.on('radio(xz)', function (data) {
getEntryYear();
});
form.on('submit(save)', function (data) {
data.field['bureau_id'] = bureauId;
$.ajax({
url: '/dsBase/class/addClass',
data: data.field,
type: 'post',
success: function (result) {
if (result.success) {
layer.msg("新增成功!", {
icon: 1,
time: 1300
}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
parent.layui.table.reload("data-table");
});
} else {
layer.msg(result.message, {
icon: 2,
time: 2000
});
}
}
})
return false;
});
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;
}
});
</script>
<script>
</script>
</body>
</html>