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

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]-->
</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',
url:'/FengHuang/dm/getDmXb',
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',
url:' /FengHuang/dm/getDmMz',
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',
url:'/FengHuang/dm/getDmZzmm',
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",
url :"/FengHuang/student/getStudentInfoByStudentId?person_id="+person_id,
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",
url :"/FengHuang/student/updateStudent",
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>