|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>高一新生信息表</title>
|
|
|
<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
|
|
|
<link href="./layui/css/layui.css" rel="stylesheet">
|
|
|
</head>
|
|
|
<style>
|
|
|
.require-star {
|
|
|
position: absolute;
|
|
|
width: 3px;
|
|
|
height: 14px;
|
|
|
background-color: #ea4335;
|
|
|
top: 12px;
|
|
|
right: 8px;
|
|
|
border-radius: 1.5px;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
<body>
|
|
|
<div class="layui-main layui-border" style="width: 1000px !important;margin-top: 10px;">
|
|
|
<form class="layui-form" action="" style="padding: 20px 30px 0 0;">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>姓名</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="xm" name="xm" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input" disabled>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>性别</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="xb" value="男" title="男" checked>
|
|
|
<input type="radio" name="xb" value="女" title="女">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>民族</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="mz" name="mz" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
毕业学校</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="byxx" name="byxx" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
毕业班级</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="bybj" name="bybj" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
身高</label>
|
|
|
<div class="layui-input-inline layui-input-group">
|
|
|
<input type="text" id="sg" name="sg" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
<div class="layui-input-split layui-input-suffix">
|
|
|
cm
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
准考证号</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<input type="text" id="zkz" name="zkz" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input" disabled>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
中招分数</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="zzfs" name="zzfs" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
户籍所在地</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<input type="text" id="hjszd" name="hjszd" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
家庭是否享受低保</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="db" value="是" title="是">
|
|
|
<input type="radio" name="db" value="否" title="否" checked>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
家庭现住址</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<input type="text" id="jtzz" name="jtzz" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
血型</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="xx" name="xx" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
父亲姓名</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="bb_name" name="bb_name" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
工作单位</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="bb_bureau" name="bb_bureau" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
电话</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="bb_tel" name="bb_tel" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
母亲姓名</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="mm_name" name="mm_name" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
工作单位</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="mm_bureau" name="mm_bureau" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
电话</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="mm_tel" name="mm_tel" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
服装号码<br />如“175”</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="fzhm" name="fzhm" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
有何特长</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="tc" name="tc" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
初三是否<br />班委</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="bw" value="是" title="是">
|
|
|
<input type="radio" name="bw" value="否" title="否" checked>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否因身体原因需特殊照顾</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="zg" value="是" title="是">
|
|
|
<input type="radio" name="zg" value="否" title="否" checked>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
希望加入(创办)社团(如演讲、播音、主持)</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" id="st" name="st" lay-verify="required" autocomplete="off"
|
|
|
class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否希望加入志愿者组织</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="zyz" value="是" title="是">
|
|
|
<input type="radio" name="zyz" value="否" title="否" checked>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否愿意参加暑期夏令营</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="xly" value="是" title="是">
|
|
|
<input type="radio" name="xly" value="否" title="否" checked>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否愿意参加暑期省内外游学交流活动</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="jlhd" value="是" title="是">
|
|
|
<input type="radio" name="jlhd" value="否" title="否" checked>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
家长是否愿意参加家长委员会</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="jwh" value="是" title="是">
|
|
|
<input type="radio" name="jwh" value="否" title="否" checked>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
照片</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<div class="layui-upload-drag" id="uploadImg">
|
|
|
<i class="layui-icon"></i>
|
|
|
<p>点击上传，或将文件拖拽到此处</p>
|
|
|
<p>文件小于20MB，可用扩展名: jpg</p>
|
|
|
<div class="layui-hide" id="uploadView">
|
|
|
<hr>
|
|
|
<img src="" alt="上传成功后渲染" style="max-width: 196px">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-input-block">
|
|
|
<button type="submit" class="layui-btn" lay-submit lay-filter="save">立即提交</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
</div>
|
|
|
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
|
|
|
<script src="./layui/layui.js"></script>
|
|
|
<script>
|
|
|
layui.use(['form', 'laydate', 'util', 'upload'], function () {
|
|
|
var form = layui.form;
|
|
|
var layer = layui.layer;
|
|
|
var upload = layui.upload
|
|
|
var util = layui.util;
|
|
|
var $ = layui.jquery;
|
|
|
|
|
|
// 自定义验证规则
|
|
|
form.verify({
|
|
|
pass: [
|
|
|
/^[\S]{6,12}$/,
|
|
|
'密码必须6到12位，且不能出现空格'
|
|
|
]
|
|
|
});
|
|
|
|
|
|
var uuid = "";
|
|
|
|
|
|
//获取学生信息
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
url: "/FengHuang/yp/getRecord",
|
|
|
success: function (res) {
|
|
|
if (res.success) {
|
|
|
$("#xm").val(res.record["xm"]);
|
|
|
$("#zkz").val(res.record["zkz"]);
|
|
|
$("#mz").val(res.record["mz"]);
|
|
|
|
|
|
$("#byxx").val(res.record["byxx"]);
|
|
|
$("#bybj").val(res.record["bybj"]);
|
|
|
$("#sg").val(res.record["sg"]);
|
|
|
$("#zzfs").val(res.record["zzfs"]);
|
|
|
$("#hjszd").val(res.record["hjszd"]);
|
|
|
$("#jtzz").val(res.record["jtzz"]);
|
|
|
$("#bb_name").val(res.record["bb_name"]);
|
|
|
$("#bb_bureau").val(res.record["bb_bureau"]);
|
|
|
$("#bb_tel").val(res.record["bb_tel"]);
|
|
|
$("#mm_name").val(res.record["mm_name"]);
|
|
|
|
|
|
$("#mm_bureau").val(res.record["mm_bureau"]);
|
|
|
$("#mm_tel").val(res.record["mm_tel"]);
|
|
|
$("#fzhm").val(res.record["fzhm"]);
|
|
|
$("#tc").val(res.record["tc"]);
|
|
|
$("#st").val(res.record["st"]);
|
|
|
$("#xx").val(res.record["xx"]);
|
|
|
|
|
|
if (res.record["xb"] != "") {
|
|
|
$("input:radio[name=xb][value=" + res.record["xb"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
if (res.record["db"] != "") {
|
|
|
$("input:radio[name=db][value=" + res.record["db"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
if (res.record["bw"] != "") {
|
|
|
$("input:radio[name=bw][value=" + res.record["bw"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
if (res.record["zg"] != "") {
|
|
|
$("input:radio[name=zg][value=" + res.record["zg"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
if (res.record["zyz"] != "") {
|
|
|
$("input:radio[name=zyz][value=" + res.record["zyz"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
if (res.record["xly"] != "") {
|
|
|
$("input:radio[name=xly][value=" + res.record["xly"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
if (res.record["jlhd"] != "") {
|
|
|
$("input:radio[name=jlhd][value=" + res.record["jlhd"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
if (res.record["jwh"] != "") {
|
|
|
$("input:radio[name=jwh][value=" + res.record["jwh"] + "]").attr("checked", "true");
|
|
|
}
|
|
|
|
|
|
if (res.record["pic"] != "") {
|
|
|
layui.$('#uploadView').removeClass('layui-hide').find('img').attr('src', "/FengHuang" + res.record["pic"]);
|
|
|
}
|
|
|
|
|
|
uuid = res.record["uuid"];
|
|
|
|
|
|
form.render();
|
|
|
} else {
|
|
|
layer.msg(res.message, {
|
|
|
icon: 2,
|
|
|
time: 3000
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//拖拽上传
|
|
|
upload.render({
|
|
|
elem: "#uploadImg"
|
|
|
, size: 20480
|
|
|
, exts: 'jpg'
|
|
|
, url: "/FengHuang/yp/uploadPic"
|
|
|
, done: function (res) {
|
|
|
layer.msg("上传成功！", {
|
|
|
icon: 1,
|
|
|
time: 1500
|
|
|
});
|
|
|
uuid = res.uuid;
|
|
|
layui.$('#uploadView').removeClass('layui-hide').find('img').attr('src', res.base64);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 提交事件
|
|
|
form.on('submit(save)', function (data) {
|
|
|
|
|
|
if (uuid == "") {
|
|
|
layer.msg("请上传照片！", {
|
|
|
icon: 2,
|
|
|
time: 2500
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
data.field["uuid"] = uuid;
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
url: "/FengHuang/yp/save",
|
|
|
data: data.field,
|
|
|
success: function (res) {
|
|
|
if (res.success) {
|
|
|
window.location = "./success.html";
|
|
|
} else {
|
|
|
layer.msg(res.message, {
|
|
|
icon: 2,
|
|
|
time: 3000
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
