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.

330 lines
13 KiB

11 months 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]-->
</head>
<body>
<div class="weadmin-body">
<form class="layui-form" lay-filter="editForm">
<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="name" name="name" lay-verify="required|contentLength" min="2" max="32" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="name" class="layui-form-label">
<span class="we-red">*</span>性别:
</label>
<div class="layui-input-inline textinput" id="view"></div>
<script type="text/html" id="demo">
{{# layui.each(d.data, function(index,item){ }}
<span style="margin-right:55px">
<input type="radio" value={{item.xb_id}} name="sex" title={{item.xb_name}} lay-verify="required">
</span>
{{# }); }}
</script>
</div>
<div class="layui-form-item">
<label for="" class="layui-form-label">
<span class="we-red">*</span>民族:
</label>
<div class="layui-input-inline textinput" id="select_type"></div>
<script type="text/html" id="select_type_script">
<select name="mz" lay-filter="mz" lay-verify="required" id="mz">
{{#layui.each(d.data,function(index,item){ }}
<option value={{item.mz_id}}>{{item.mz_name}}</option>
{{# }) }}
</select>
</script>
</div>
<div class="layui-form-item">
<label for="" class="layui-form-label">
<span class="we-red">*</span>政治面貌:
</label>
<div class="layui-input-inline textinput" id="zzmm_type"></div>
<script type="text/html" id="zzmm_type_script">
<select name="zzmm" lay-filter="zzmm" lay-verify="required" id="zzmm">
{{#layui.each(d.data,function(index,item){ }}
<option value={{item.zzmm_id}}>{{item.zzmm_name}}</option>
{{# }) }}
</select>
</script>
</div>
<div class="layui-form-item">
<label for="card" class="layui-form-label">
<span class="we-red">*</span>身份证号:
</label>
<div class="layui-input-inline textinput">
<input type="text" id="card" name="card" lay-verify="required|identity" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="sort_id" class="layui-form-label">
<span class="we-red">*</span>排序号:
</label>
<div class="layui-input-inline textinput">
<input type="text" id="sort_id" name="sort_id" lay-verify="required|number|contentLength" max="6" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="card" class="layui-form-label">
出生日期:
</label>
<div class="layui-input-inline textinput">
<input type="text" class="layui-input" id="test" name="birthday" placeholder="yyyy-MM-dd">
</div>
</div>
<div class="layui-form-item hide">
<label for="tel" class="layui-form-label">
手机号:
</label>
<div class="layui-input-inline textinput">
<input type="text" id="tel" name="telephone" lay-verify="tel" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item hide">
<label for="email" class="layui-form-label">
邮箱:
</label>
<div class="layui-input-inline textinput">
<input type="text" id="email" name="email" lay-verify="Email" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="xjh" class="layui-form-label">
学籍号:
</label>
<div class="layui-input-inline textinput">
<input type="text" id="xjh" name="xjh" lay-verify="contentLength" max="16" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="xjfh" class="layui-form-label">
学籍辅号:
</label>
<div class="layui-input-inline textinput">
<input type="text" id="xjfh" name="xjfh" lay-verify="contentLength" max="13" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="stu_source" class="layui-form-label">
学籍来源:
</label>
<div class="layui-input-inline textinput">
<select name="stu_source" lay-filter="stu_source" id="stu_source" >
<option value="1">正常入学</option>
<option value="2">借读</option>
<option value="9">其他</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label for="" class="layui-form-label">
</label>
<button class="layui-btn" lay-filter="save" lay-submit="" id="save">确定</button>
</div>
</form>
</div>
<script src="../../lib/layui/layui.js" ></script>
<script>
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['form','jquery','admin', 'layer','laytpl','laydate'], function() {
var form = layui.form,
$ = layui.jquery,
admin = layui.admin,
layer = layui.layer,
laytpl=layui.laytpl,
laydate=layui.laydate,
class_id;
form.verify({
tel: function(value, item){ //value表单的值、item表单的DOM对象
if(value !==""){
if(value.length!==11){
return '请输入正确格式的手机号';
}else{
var pattern= /^[1][3456789][0-9]{9}$/;
if(!pattern.test(value)){
return '请输入正确格式的手机号';
}
}
}
}
,Email: function (value,item) {
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if(value !==""){
if(!pattern.test(value)){
return '邮箱格式不正确';
}
}
}
});
$(function () {
class_id=GetQueryString("class_id");
person_id=GetQueryString("person_id");
laydate.render({
elem: '#test'
});
getSex();
})
// 获取性别
function getSex(){
$.ajax({
type:'GET',
dataType:'json',
11 months ago
url:'/dsBase/dm/getDmXb',
11 months ago
success:function (data) {
var getTpl = demo.innerHTML
,view = document.getElementById('view');
laytpl(getTpl).render(data, function(html){
view.innerHTML = html;
});
// $('input:radio[name=sex]')[0].checked = true;
getDmMz();
}
})
}
// 获取民族
function getDmMz(){
$.ajax({
type:'GET',
dataType:'json',
11 months ago
url:' /dsBase/dm/getDmMz',
11 months ago
success:function (data) {
var getTpl = select_type_script.innerHTML
,select_type = document.getElementById('select_type');
laytpl(getTpl).render(data, function(html){
select_type.innerHTML = html;
});
getZzmm();
}
})
}
// 获取民族
function getZzmm(){
$.ajax({
type:'GET',
dataType:'json',
11 months ago
url:'/dsBase/dm/getDmZzmm',
11 months ago
success:function (data) {
var getTpl = zzmm_type_script.innerHTML
,zzmm_type = document.getElementById('zzmm_type');
laytpl(getTpl).render(data, function(html){
zzmm_type.innerHTML = html;
});
form.render();
getStudentInfoByStudentId();
}
})
}
function getStudentInfoByStudentId(){
$.ajax({
type : "GET",
async : false,
dataType : "json",
11 months ago
url :"/dsBase/student/getStudentInfoByStudentId?person_id="+person_id,
11 months ago
success : function(data) {
form.val('editForm', {
name:data.person_name,
card:data['idcard_code'],
birthday:data.birthday==null?"":data.birthday.substr(0,10),
telephone:data.telephone,
email:data.email,
xjh:data.xjh,
xjfh:data.xjfh,
sort_id:data.sort_id
})
$("#stu_source option[value='"+data.stu_source+"']").attr("selected",true);
$("#mz option[value='"+data.mz+"']").attr("selected",true);
$("#zzmm option[value='"+data.zzmm+"']").attr("selected",true);
$("input:radio[value='"+data.xb+"']").attr("checked",'checked');
form.render();//一定要render
}
})
}
verifyLength();
// //监听提交
form.on('submit(save)', function(data) {
var f = data.field;
console.log(f)
$.ajax({
type : "POST",
async : false,
dataType : "json",
11 months ago
url :"/dsBase/student/updateStudent",
11 months ago
data:{
person_id:person_id,
person_name:f.name,
xb:f.sex,
mz:f.mz,
id_card:f.card,
birthday:f.birthday,
xjh:f.xjh,
xjfh:f.xjfh,
stu_source:f.stu_source,
sort_id:f.sort_id,
zzmm:f.zzmm
},
success : function(data) {
if(data.success){
//发异步把数据提交给php
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', {
page: {
curr: 1
}
});
});
}else{
layer.alert(data.message,{icon:0})
}
}
})
return false;
});
});
</script>
</body>
</html>