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.
266 lines
11 KiB
266 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;
|
|
}
|
|
</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">
|
|
<input type="text" name="student_name" lay-verify="required" autocomplete="off"
|
|
placeholder="请输入学生姓名" class="layui-input input-width">
|
|
</div>
|
|
</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">
|
|
<input type="radio" name="xb" value="1" title="男" checked>
|
|
<input type="radio" name="xb" value="2" title="女">
|
|
</div>
|
|
</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" id="mzView"></div>
|
|
<script id="mzScript" type="text/html">
|
|
<select name="mz">
|
|
{{# layui.each(d, function(index, item){ }}
|
|
<option value="{{item.mz_id}}">{{item.mz_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" id="zzmmView"></div>
|
|
<script id="zzmmScript" type="text/html">
|
|
<select name="zzmm">
|
|
{{# layui.each(d, function(index, item){ }}
|
|
<option value="{{item.zzmm_id}}">{{item.zzmm_name}}</option>
|
|
{{# }); }}
|
|
</select>
|
|
</script>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width: 100px !important;">身份证号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="id_card" name="id_card" lay-verify="" autocomplete="off"
|
|
placeholder="请输入身份证号" class="layui-input input-width">
|
|
</div>
|
|
</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">
|
|
<input type="text" name="sort_id" lay-verify="required|sort" autocomplete="off"
|
|
placeholder="请输入排序号" class="layui-input input-width">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width: 100px !important;"></span>出生日期</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="birthday" name="birthday" autocomplete="off"
|
|
placeholder="请输入出生日期" class="layui-input input-width">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width: 100px !important;">学籍号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="xjh" autocomplete="off" placeholder="请输入学籍号"
|
|
class="layui-input input-width">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width: 100px !important;">学籍辅号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="xjfh" autocomplete="off" placeholder="请输入学籍辅号"
|
|
class="layui-input input-width">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width: 100px !important;">学生来源</label>
|
|
<div class="layui-input-inline" id="zzmmView">
|
|
<select name="stu_source">
|
|
<option value="1">正常入学</option>
|
|
<option value="2">借读</option>
|
|
<option value="9">其他</option>
|
|
</select>
|
|
</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 src="../../../component/pear/xm-select.js"></script>
|
|
<script>
|
|
layui.use(['form', 'jquery', 'laytpl', 'laydate'], function () {
|
|
var form = layui.form;
|
|
var $ = layui.jquery;
|
|
var laytpl = layui.laytpl
|
|
var laydate = layui.laydate;
|
|
|
|
var classId = GetQueryString("class_id");
|
|
var orgId = GetQueryString("org_id");
|
|
|
|
// 自定义验证
|
|
form.verify({
|
|
sort: [/^\d{1,5}$/, '只能输入1-5位的数字']
|
|
// idCard: [/^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/, '身份证号的格式不正确']
|
|
});
|
|
|
|
let loading = layer.load();
|
|
|
|
// 渲染出生日期
|
|
laydate.render({
|
|
elem: '#laydate-birthday'
|
|
});
|
|
|
|
|
|
//获取民族下拉框
|
|
$.ajax({
|
|
type: 'GET',
|
|
async: false,
|
|
url: ' /QingLong/dm/getDmMz',
|
|
success: function (res) {
|
|
var mzSelectTpl = mzScript.innerHTML;
|
|
var mzView = document.getElementById('mzView');
|
|
laytpl(mzSelectTpl).render(res.data, function (html) {
|
|
mzView.innerHTML = html;
|
|
});
|
|
form.render();
|
|
}
|
|
});
|
|
|
|
//获取政治面貌下拉框
|
|
$.ajax({
|
|
type: 'GET',
|
|
async: false,
|
|
url: ' /QingLong/dm/getDmZzmm',
|
|
success: function (res) {
|
|
var zzmmSelectTpl = zzmmScript.innerHTML;
|
|
var zzmmView = document.getElementById('zzmmView');
|
|
laytpl(zzmmSelectTpl).render(res.data, function (html) {
|
|
zzmmView.innerHTML = html;
|
|
});
|
|
form.render();
|
|
}
|
|
});
|
|
|
|
layer.close(loading);
|
|
|
|
|
|
form.on('submit(save)', function (data) {
|
|
data.field['class_id'] = classId;
|
|
|
|
$.ajax({
|
|
url: '/QingLong/student/addStudent',
|
|
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;
|
|
});
|
|
|
|
$('#id_card').blur(function () {
|
|
$('#birthday').val(convertIdNumberToDate($('#id_card').val()));
|
|
});
|
|
|
|
//身份证号转出生日期
|
|
function convertIdNumberToDate(idNumber) {
|
|
var year = idNumber.substring(6, 10);
|
|
var month = idNumber.substring(10, 12);
|
|
var day = idNumber.substring(12, 14);
|
|
var date = year + "-" + month + "-" + day;
|
|
if (date.length != 10) {
|
|
date = "";
|
|
}
|
|
return date;
|
|
}
|
|
|
|
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>
|
|
|
|
</body>
|
|
|
|
</html> |