Compare commits

...

3 Commits

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>登录</title>
<!-- 样 式 文 件 -->
<link href="./layui/css/layui.css" rel="stylesheet">
<link rel="stylesheet" href="../component/pear/css/pear.css" />
<link rel="stylesheet" href="../admin/css/other/login.css" />
<style>
.title1 {
font-size: 30px !important;
font-weight: 550 !important;
color: #5FB878 !important;
position: absolute !important;
margin-top: -30px;
width: 500px;
}
.desc1 {
font-size: 24px !important;
font-weight: 550 !important;
width: 100% !important;
text-align: center !important;
color: #5FB878 !important;
padding-top: 20px;
}
html,
body {
overflow: hidden;
}
</style>
</head>
<body>
<form class="layui-form">
<div class="layui-form-item">
<div class="title1">郑州市第一〇三高级中学</div>
<div class="desc1">
高一新生信息完善
</div>
</div>
<div class="layui-form-item">
<input placeholder="准考证号(非省准考证号)" name="zkz" lay-verify="required" hover class="layui-input" />
</div>
<div class="layui-form-item">
<input placeholder="姓 名" name="xm" lay-verify="required" hover class="layui-input" />
</div>
<div class="layui-form-item">
<button type="button" class="pear-btn pear-btn-success login" lay-submit lay-filter="login">
进 入
</button>
</div>
</form>
<!-- 资 源 引 入 -->
<script src="./layui/layui.js"></script>
<script>
layui.use(['form', 'jquery'], function () {
var form = layui.form;
var $ = layui.jquery;
form.on('submit(login)', function (data) {
$.ajax({
type: "POST",
url: "/FengHuang/yp/login",
data: data.field,
success: function (res) {
if (res.success) {
window.location = "./info_mobile.html";
} else {
layer.msg(res.message, {
icon: 2,
time: 3000
});
}
}
});
return false;
});
});
</script>
</body>
</html>

@ -4,6 +4,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>高一新生信息表</title>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
<link href="./layui/css/layui.css" rel="stylesheet">
@ -73,7 +74,7 @@
<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"
<input type="text" id="sg" name="sg" lay-verify="required|shengao" autocomplete="off"
class="layui-input">
<div class="layui-input-split layui-input-suffix">
cm
@ -95,7 +96,7 @@
<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"
<input type="text" id="zzfs" name="zzfs" lay-verify="required|score" autocomplete="off"
class="layui-input">
</div>
</div>
@ -146,16 +147,14 @@
<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">
<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">
<input type="text" id="bb_bureau" name="bb_bureau" autocomplete="off" class="layui-input">
</div>
</div>
@ -163,8 +162,7 @@
<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">
<input type="text" id="bb_tel" name="bb_tel" autocomplete="off" class="layui-input">
</div>
</div>
</div>
@ -174,16 +172,14 @@
<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">
<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">
<input type="text" id="mm_bureau" name="mm_bureau" autocomplete="off" class="layui-input">
</div>
</div>
@ -191,8 +187,7 @@
<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">
<input type="text" id="mm_tel" name="mm_tel" autocomplete="off" class="layui-input">
</div>
</div>
</div>
@ -322,10 +317,8 @@
// 自定义验证规则
form.verify({
pass: [
/^[\S]{6,12}$/,
'密码必须6到12位且不能出现空格'
]
shengao:[/^[1-9]\d*$/,'只允许输入整数!'],
score: [/^[1-9]\d*(\.\d+)?$/, '只允许输入整数或小数!']
});
var uuid = "";
@ -422,28 +415,36 @@
if (uuid == "") {
layer.msg("请上传照片!", {
icon: 2,
time: 2500
time: 2000
});
return;
return false;
} else {
layer.confirm('确定要提交吗?', {
icon: 3,
title: '提示'
}, function (index) {
layer.close(index);
data.field["uuid"] = uuid;
$.ajax({
type: "POST",
url: "/FengHuang/yp/save",
async: false,
data: data.field,
success: function (res) {
if (res.success) {
window.location = "./success.html";
} else {
layer.msg(res.message, {
icon: 2,
time: 3000
});
}
}
});
});
return false;
}
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;
});
});

@ -0,0 +1,459 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<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;
left: 13px;
border-radius: 1.5px;
}
.layui-form-label-customize {
position: relative;
/* float: left; */
display: block;
padding: 9px 20px;
/* width: 136px; */
font-weight: 400;
line-height: 20px;
text-align: left;
}
.left14 {
margin: 0 16px;
}
.layui-form-item {
margin-bottom: 3px !important;
}
</style>
<body>
<div class="layui-main layui-border" style="width: 96% !important;">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>姓名</label>
<div class="left14">
<input type="text" id="xm" name="xm" lay-verify="required" autocomplete="off" class="layui-input"
disabled>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
准考证号</label>
<div class="left14">
<input type="text" id="zkz" name="zkz" lay-verify="required" autocomplete="off" class="layui-input"
disabled>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>性别</label>
<div class="left14">
<input type="radio" name="xb" value="男" title="男" checked>
<input type="radio" name="xb" value="女" title="女">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>民族</label>
<div class="left14">
<input type="text" id="mz" name="mz" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
毕业学校</label>
<div class="left14">
<input type="text" id="byxx" name="byxx" lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
毕业班级</label>
<div class="left14">
<input type="text" id="bybj" name="bybj" lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
身高</label>
<div class="left14 layui-input-group">
<input type="text" id="sg" name="sg" lay-verify="required|shengao" autocomplete="off"
class="layui-input">
<div class="layui-input-split layui-input-suffix">
cm
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
中招分数</label>
<div class="left14">
<input type="text" id="zzfs" name="zzfs" lay-verify="required|score" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
户籍所在地</label>
<div class="left14">
<input type="text" id="hjszd" name="hjszd" lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
家庭现住址</label>
<div class="left14">
<input type="text" id="jtzz" name="jtzz" lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
血型</label>
<div class="left14">
<input type="text" id="xx" name="xx" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize">
父亲姓名</label>
<div class="left14">
<input type="text" id="bb_name" name="bb_name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize">
父亲工作单位</label>
<div class="left14">
<input type="text" id="bb_bureau" name="bb_bureau" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize">
父亲电话</label>
<div class="left14">
<input type="text" id="bb_tel" name="bb_tel" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize">
母亲姓名</label>
<div class="left14">
<input type="text" id="mm_name" name="mm_name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize">
母亲工作单位</label>
<div class="left14">
<input type="text" id="mm_bureau" name="mm_bureau" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize">
母亲电话</label>
<div class="left14">
<input type="text" id="mm_tel" name="mm_tel" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
服装号码,如“175”</label>
<div class="left14">
<input type="text" id="fzhm" name="fzhm" lay-verify="required" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
初三是否<br />班委</label>
<div class="left14">
<input type="radio" name="bw" value="是" title="是">
<input type="radio" name="bw" value="否" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
家庭是否享受低保</label>
<div class="left14">
<input type="radio" name="db" value="是" title="是">
<input type="radio" name="db" value="否" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
是否因身体原因需特殊照顾</label>
<div class="left14">
<input type="radio" name="zg" value="是" title="是">
<input type="radio" name="zg" value="否" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
希望加入(创办)社团(如演讲、播音、主持)</label>
<div class="left14">
<input type="text" id="st" name="st" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
是否希望加入志愿者组织</label>
<div class="left14">
<input type="radio" name="zyz" value="是" title="是">
<input type="radio" name="zyz" value="否" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
是否愿意参加暑期夏令营</label>
<div class="left14">
<input type="radio" name="xly" value="是" title="是">
<input type="radio" name="xly" value="否" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
是否愿意参加暑期省内外游学交流活动</label>
<div class="left14">
<input type="radio" name="jlhd" value="是" title="是">
<input type="radio" name="jlhd" value="否" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
有何特长</label>
<div class="left14">
<input type="text" id="tc" name="tc" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>
家长是否愿意参加家长委员会</label>
<div class="left14">
<input type="radio" name="jwh" value="是" title="是">
<input type="radio" name="jwh" value="否" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label-customize"><span class="require-star"></span>照片</label>
<div class="left14">
<div class="layui-upload-drag" id="uploadImg">
<i class="layui-icon"></i>
<p>点击上传,或将文件拖拽到此处</p>
<p>文件小于5MB可用扩展名: jpg</p>
<div class="layui-hide" id="uploadView">
<hr>
<img src="" alt="上传成功后渲染" style="max-width: 196px">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block" style="margin-top: 20px;margin-bottom: 20px;">
<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({
shengao:[/^[1-9]\d*$/,'只允许输入整数!'],
score: [/^[1-9]\d*(\.\d+)?$/, '只允许输入整数或小数!']
});
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: 5120
, 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: 2000
});
return false;
} else {
layer.confirm('确定要提交吗?', {
icon: 3,
title: '提示'
}, function (index) {
layer.close(index);
data.field["uuid"] = uuid;
$.ajax({
type: "POST",
url: "/FengHuang/yp/save",
async: false,
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>
Loading…
Cancel
Save