fuxisheng/index.html
2025-04-11 21:25:26 +08:00

1367 lines
60 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<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, maximum-scale=1.0, user-scalable=no">
<title>复习生报名</title>
<link rel="stylesheet" href="./static/css/layui.css">
<link rel="stylesheet" href="./static/css/common.css">
<link rel="stylesheet" href="./static/css/enroll.css">
<link rel="stylesheet" href="./static/css/index.css">
<link rel="stylesheet" href="./newCSS/enroll.css">
<link href="./newCSS/sweetalert2.min.css" rel="stylesheet">
<style>
@media (max-width:1000px){
.personPic .left{
margin-left: 0 !important;
}
}
</style>
</head>
<body class="bg">
<!-- 头部区域 -->
<div class="layui-header">
<div class="layui-main">
<div class="logo">2025复读报名</div>
</div>
</div>
<div class="layui-main">
<p class="mt-20"><span class="layui-badge" style="font-size: 22px;">提示 :</span></p>
<ul class="pd-10 fs-16" style="line-height: 30px; color: red;">
<li>如果您之前已完成报名,
<a href="./login.html" class="link" style="font-size: 24px;">前往登录</a>
</li>
<li>高考后请登录填写高考成绩。</li>
</ul>
<div class="layui-form" id="enrollForm">
<fieldset class="layui-elem-field layui-field-title border-blue">
<legend>基本信息</legend>
<hr class="">
<div class="layui-field-box">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">学生姓名<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<input type="text" name="name" placeholder="请输入姓名" autocomplete="off"
class="layui-input" lay-verify="required" lay-vertype="tips" id="name">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">性别<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<div class="radioBox">
<label>
<input type="radio" name="sex" id="sex_male" value="1" title="男"
lay-verify="otherReq" lay-vertype="tips" lay-filter="sexFilter" id="sex">
</label>
</div>
<div class="radioBox">
<label>
<input type="radio" name="sex" id="sex" value="2" title="女"
lay-verify="otherReq" lay-vertype="tips" lay-filter="sexFilter" id="sex">
</label>
</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">身份证号<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<input type="text" name="identity" id="identity" lay-verify="required"
placeholder="请输入身份证号" autocomplete="off" class="layui-input" lay-vertype="tips"
id="idCard">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">联系方式<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<input type="number" name="mobile" id="mobile" placeholder="请输入手机号" autocomplete="off"
class="layui-input" lay-verify="required|phone" lay-vertype="tips" id="phone">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">身高(cm)<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<input type="number" name="height" id="height" lay-verify="required"
placeholder="单位厘米保留1位小数" autocomplete="off" class="layui-input" lay-vertype="tips"
id="height">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">体重(kg)<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<input type="number" name="weight" id="weight" lay-verify="required"
placeholder="单位千克保留1位小数" autocomplete="off" class="layui-input" lay-vertype="tips"
id="weight">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">民族<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="nation" id="nation" lay-verify="requiredSelect" lay-vertype="tips"
lay-filter="nation" lay-search id="nation">
<option value=""></option>
<option value="汉族">汉族</option>
<option value="蒙古族">蒙古族</option>
<option value="回族">回族</option>
<option value="藏族">藏族</option>
<option value="维吾尔族">维吾尔族</option>
<option value="苗族">苗族</option>
<option value="彝族">彝族</option>
<option value="壮族">壮族</option>
<option value="布依族">布依族</option>
<option value="朝鲜族">朝鲜族</option>
<option value="满族">满族</option>
<option value="侗族">侗族</option>
<option value="瑶族">瑶族</option>
<option value="白族">白族</option>
<option value="土家族">土家族</option>
<option value="哈尼族">哈尼族</option>
<option value="哈萨克族">哈萨克族</option>
<option value="傣族">傣族</option>
<option value="黎族">黎族</option>
<option value="傈僳族">傈僳族</option>
<option value="佤族">佤族</option>
<option value="畲族">畲族</option>
<option value="高山族">高山族</option>
<option value="拉祜族">拉祜族</option>
<option value="水族">水族</option>
<option value="东乡族">东乡族</option>
<option value="纳西族">纳西族</option>
<option value="景颇族">景颇族</option>
<option value="柯尔克孜族">柯尔克孜族</option>
<option value="土族">土族</option>
<option value="达斡尔族">达斡尔族</option>
<option value="仫佬族">仫佬族</option>
<option value="羌族">羌族</option>
<option value=" 布朗族"> 布朗族</option>
<option value=" 撒拉族"> 撒拉族</option>
<option value=" 毛难族"> 毛难族</option>
<option value=" 仡佬族"> 仡佬族</option>
<option value=" 锡伯族"> 锡伯族</option>
<option value=" 阿昌族"> 阿昌族</option>
<option value=" 普米族"> 普米族</option>
<option value=" 塔吉克族"> 塔吉克族</option>
<option value=" 怒族"> 怒族</option>
<option value=" 乌孜别克族"> 乌孜别克族</option>
<option value=" 俄罗斯族"> 俄罗斯族</option>
<option value=" 鄂温克族"> 鄂温克族</option>
<option value=" 崩龙族"> 崩龙族</option>
<option value=" 保安族"> 保安族</option>
<option value=" 裕固族"> 裕固族</option>
<option value=" 京族"> 京族</option>
<option value=" 塔塔尔族"> 塔塔尔族</option>
<option value=" 独龙族"> 独龙族</option>
<option value=" 鄂伦春族"> 鄂伦春族</option>
<option value=" 赫哲族"> 赫哲族</option>
<option value=" 门巴族"> 门巴族</option>
<option value=" 珞巴族"> 珞巴族</option>
<option value=" 基诺族"> 基诺族</option>
<option value=" 其他"> 其他</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">备注</label>
<div class="layui-input-block" style="max-width: 840px">
<textarea name="remark" id="remark" class="layui-textarea" autocomplete="off"></textarea>
</div>
</div>
<p><span class="layui-badge layui-bg-green">学生户口信息</span></p>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">所在省<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="hukouProvince" id="hukouProvince" lay-verify="requiredSelect"
lay-vertype="tips" lay-filter="hukouProvince">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">所在市<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="hukouCity" id="hukouCity" lay-verify="requiredSelect" lay-vertype="tips"
lay-filter="hukouCity">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">所在区县<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="hukouCounty" id="hukouCounty" lay-verify="requiredSelect"
lay-vertype="tips" lay-filter="hukouCounty">
<option value=""></option>
<option value="" disabled>请先选择户口所在市</option>
</select>
</div>
</div>
</div>
<p><span class="layui-badge layui-bg-green">毕业学校信息</span></p>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">所在省<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="graduateProvince" id="graduateProvince" lay-verify="requiredSelect"
lay-vertype="tips" lay-filter="graduateProvince">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">所在市<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="graduateCity" id="graduateCity" lay-verify="requiredSelect"
lay-vertype="tips" lay-filter="graduateCity">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">所在区县<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="graduateCounty" id="graduateCounty" lay-verify="requiredSelect"
lay-vertype="tips" lay-filter="graduateCounty">
<option value=""></option>
<option value="" disabled>请先选择毕业学校所在市</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学校名称<i class="must fs-20">*</i></label>
<div class="layui-input-block">
<input name="graduateSchool" id="graduateSchool" class="layui-input" lay-verify="required"
lay-vertype="tips" placeholder="请输入学校名称" autocomplete="off">
</div>
</div>
<p><span class="layui-badge layui-bg-green">高考报名</span></p>
<div class="layui-form-item">
<p class="tips">
请谨慎选择,如选择是,则必须在我校进行高考报名,报名核查时如未在我校高考报名,则无条件退学,学费不退。如选择否,则暂缓录取,学校将根据学生实际高考报名考点选择性录取。</p>
<p class="tips">户口在河北省外的要回户口所在省份报名参加高考,请选择否。</p>
<div class="layui-inline">
<label class="layui-form-label">是否在我校报名2025年高考<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<div class="radioBox">
<label>
<input type="radio" name="isGaokaoEnroll" value="1" title="是"
lay-verify="otherReq" id="isGaokaoEnroll" lay-vertype="tips"
lay-filter="isGaokaoEnroll" checked>
</label>
</div>
<div class="radioBox">
<label>
<input type="radio" name="isGaokaoEnroll" value="0" title="否"
lay-verify="otherReq" id="isGaokaoEnroll2" lay-vertype="tips"
lay-filter="isGaokaoEnroll">
</label>
</div>
</div>
</div>
</div>
<div class="layui-form-item gaokaoEnrollContent layui-hide">
<p class="tips">请填写高考报名学校</p>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">所在省<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="gaokaoEnrollProvince" id="gaokaoEnrollProvince" lay-verify=""
lay-vertype="tips" lay-filter="gaokaoEnrollProvince">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">所在市<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="gaokaoEnrollCity" id="gaokaoEnrollCity" lay-verify=""
lay-vertype="tips" lay-filter="gaokaoEnrollCity">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">所在区县<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="gaokaoEnrollCounty" id="gaokaoEnrollCounty" lay-verify=""
lay-vertype="tips" lay-filter="gaokaoEnrollCounty">
<option value=""></option>
</select>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学校名称<i class="must fs-20">*</i></label>
<div class="layui-input-block">
<input name="gaokaoEnrollSchool" id="gaokaoEnrollSchool" class="layui-input"
lay-verify="" lay-vertype="tips" placeholder="请输入学校名称" autocomplete="off">
</div>
</div>
</div>
<p><span class="layui-badge layui-bg-green">其他</span></p>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">是否特长生<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<div class="radioBox">
<label>
<input type="radio" id="te" name="isSpecial" value="1" title="是"
lay-verify="otherReq" lay-vertype="tips" lay-filter="isSpecial">
</label>
</div>
<div class="radioBox">
<label>
<input type="radio" id="te2" name="isSpecial" value="2" title="否"
lay-verify="otherReq" lay-vertype="tips" lay-filter="isSpecial" checked>
</label>
</div>
</div>
</div>
</div>
<div class="layui-form-item specialContent layui-hide">
<div class="layui-inline">
<label class="layui-form-label">一级分类<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="special_i" id="special_i" class="specialContent_item" lay-vertype="tips"
lay-filter="specialI">
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">二级分类<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="special_ii" id="special_ii" class="specialContent_item" lay-vertype="tips"
lay-filter="specialII">
<option value=""></option>
<option value="" disabled>请先选择一级分类</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">三级分类<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="special_iii" id="special_iii" class="specialContent_item"
lay-vertype="tips" lay-filter="specialIII">
<option value=""></option>
<option value="" disabled>请先选择二级分类</option>
</select>
</div>
</div>
</div>
<input type="hidden" name="buildCard" value="0">
<div class="layui-form-item">
<p class="tips">我校将根据实际报名情况安排选科设置。报名人数过少的组合,可能将不会开设。</p>
<div class="layui-inline">
<label class="layui-form-label">预选组合<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="preGroupId" id="preGroupId" lay-verify="requiredSelect" lay-vertype="tips"
lay-filter="preGroup">
<option value=""></option>
<option value="1">1物理化学政治</option>
<option value="2">2物理化学生物</option>
<option value="3">3物理化学地理</option>
<option value="4">4物理生物地理</option>
<option value="5">5物理生物政治</option>
<option value="6">6物理政治地理</option>
<option value="7">7历史化学地理</option>
<option value="8">8历史化学政治</option>
<option value="9">9历史生物地理</option>
<option value="10">10历史化学生物</option>
<option value="11">11历史政治生物</option>
<option value="12">12历史政治地理</option>
</select>
</div>
</div>
<p class="tips">您是通过什么渠道了解我校复习生?</p>
<div class="layui-inline">
<label class="layui-form-label">信息渠道</label>
<div class="layui-input-block">
<input name="from" id="from" class="layui-input" lay-vertype="tips"
placeholder="请输入信息渠道" autocomplete="off">
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title border-blue">
<hr class="">
<legend>个人证件照片</legend>
<div class="layui-field-box personPic" style="padding: 10px 270px;">
<label class="layui-upload-drag left" id="uploadPhoto">
<i class="layui-icon layui-icon-upload"></i>
<p>点击上传</p>
<b class="must">*请上传 一寸证件照片</b>
<p>照片大小:<span class="must">10M以内</span></p>
<p>照片格式:<span class="must">jpgpngjpeg</span></p>
</label>
<div class="userImg">
<img src="" id="userPic" alt="">
<img src="./static/picture/close.png" id="close" alt="">
</div>
<input type="file" id="upload1" accept="image/*">
<div class="layui-show-drag left layui-hide" id="showPhoto">
<div style="margin-bottom: 5px;">
<img src="" height="125">
</div>
<button class="layui-btn layui-btn-danger layui-btn-sm" type="button"
id="deletePhoto">删除图片</button>
</div>
<div class="left ml-30">
<p class="center">示例图片</p>
<img src="./static/picture/demo.jpg" class="demo-img" height="120">
</div>
<input type="hidden" name="photoUrl" id="photoUrl">
<div class="clear"></div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title border-blue">
<hr class="">
<legend>验证</legend>
<div class="layui-field-box dx">
<div class="layui-form-item center" style="margin-bottom: 0">
<div class="layui-inline">
<label class="layui-form-label">短信验证码<i class="must fs-20">*</i></label>
<div class="layui-input-inline">
<input type="text" name="code" id="code" placeholder="请输入短信验证码" autocomplete="off"
class="layui-input" lay-verify="required" lay-vertype="tips">
</div>
</div>
<div class="layui-inline">
<button id="sendRegCode" class="layui-btn layui-btn-primary layui-btn-sm"
type="button">获取短信验证码</button>
</div>
</div>
</div>
<div class="layui-form-item center mt-20">
<button class="layui-btn" id="save" lay-submit lay-filter="save" style="width: 150px;">提 交</button>
</div>
</fieldset>
</div>
</div>
<script type="text/javascript" src="./static/js/layui.js"></script>
<footer class="footer">
<p class="tip">
</p>
</footer>
<script src="./static/js/jquery.js"></script>
<script src="./static/js/axios.min.js"></script>
<script src="./static/js/sweetalert2.min.js"></script>
<script>
let token = localStorage.getItem("authToken")
//省份树
let proviceList
function getCityTree() {
// axios.post('http://studentadmin.hshuishang.com/student/cityTree', {
// }, {
// headers: {
// 'Content-Type': 'application/json',
// "Authorization": token
// }
// }).then(res => {
// proviceList = res.data.data.list
// $.each(proviceList, function (index, item) {
// $("#hukouProvince").append(`<option value="${item.id}">${item.name}</option>`);
// $("#graduateProvince").append(`<option value="${item.id}">${item.name}</option>`);
// });
// }).catch(err => {
// console.log(err);
// })
fetch('./static/js/area.json')
.then(response => response.json())
.then(data => {
console.log(data); // 在这里使用 JSON 数据
proviceList = data
$.each(proviceList, function (index, item) {
$("#hukouProvince").append(`<option value="${item.id}">${item.name}</option>`);
$("#graduateProvince").append(`<option value="${item.id}">${item.name}</option>`);
});
})
.catch(error => console.error('加载 JSON 出错:', error));
}
getCityTree()
let taLentList
//特长树
function getTalentTree() {
fetch('./static/js/talent.json')
.then(response => response.json())
.then(data => {
taLentList = data.data.list
let HTMLS = '<option value=></option>'
$.each(taLentList, function (index, item) {
HTMLS += `<option value="${item.id}">${item.name}</option>`
});
$("#special_i").append(HTMLS);
})
.catch(error => console.error('加载 JSON 出错:', error));
}
getTalentTree()
/////////////////////////学生户口信息
let CurrentCity
//选择省的时候 添加市
$('#hukouProvince').change(function (e) {
let currentProvice = $(this).val();
$("#hukouCity").empty();
$('#hukouCounty').empty();
proviceList.forEach(item => {
if (item.id == currentProvice) {
CurrentCity = item.children
return
}
});
CurrentCity.unshift({ name: "", id: "" })
$.each(CurrentCity, function (index, item) {
$("#hukouCity").append(`<option value="${item.id}">${item.name}</option>`);
});
})
//选择市的时候添加区
$("#hukouCity").change(function () {
let currentCity2 = $(this).val();
let currentCounty
$('#hukouCounty').empty();
CurrentCity.forEach(item => {
if (item.id == currentCity2) {
currentCounty = item.children
return
}
})
currentCounty.unshift({ name: "", id: "" })
$.each(currentCounty, function (index, item) {
$("#hukouCounty").append(`<option value="${item.id}">${item.name}</option>`);
});
})
/////////////////////////毕业学校信息
let graduateCity
$('#graduateProvince').change(function () {
let currentProvice = $(this).val();
$('#graduateCity').empty()
$('#graduateCounty').empty()
proviceList.forEach(item => {
if (item.id == currentProvice) {
graduateCity = item.children
return
}
});
graduateCity.unshift({ name: "", id: "" })
$.each(graduateCity, function (index, item) {
$("#graduateCity").append(`<option value="${item.id}">${item.name}</option>`);
});
})
$("#graduateCity").change(function () {
let currentCity2 = $(this).val();
let currentCounty
$('#graduateCounty').empty();
graduateCity.forEach(item => {
if (item.id == currentCity2) {
currentCounty = item.children
return
}
})
currentCounty.unshift({ name: "", id: "" })
$.each(currentCounty, function (index, item) {
$("#graduateCounty").append(`<option value="${item.id}">${item.name}</option>`);
});
})
var isGaokaoEnroll = $('input[name="isGaokaoEnroll"]:checked').val();
//////////////////////////////高考学校 省
$('#isGaokaoEnroll').change(function () {
$('.gaokaoEnrollContent').addClass('layui-hide')
})
$('#isGaokaoEnroll2').change(function () {
$('.gaokaoEnrollContent').removeClass('layui-hide')
$.each(proviceList, function (index, item) {
$("#gaokaoEnrollProvince").append(`<option value="${item.id}">${item.name}</option>`);
});
})
/////////////////////////高考 市
$('#gaokaoEnrollProvince').change(function () {
let currentProvice = $(this).val();
$("#gaokaoEnrollCity").empty();
$('#gaokaoEnrollCounty').empty();
proviceList.forEach(item => {
if (item.id == currentProvice) {
CurrentCity = item.children
return
}
});
CurrentCity.unshift({ name: "", id: "" })
$.each(CurrentCity, function (index, item) {
$("#gaokaoEnrollCity").append(`<option value="${item.id}">${item.name}</option>`);
});
})
/////////////////////////高考 区
$("#gaokaoEnrollCity").change(function () {
let currentCity2 = $(this).val();
let currentCounty
$('#gaokaoEnrollCounty').empty();
CurrentCity.forEach(item => {
if (item.id == currentCity2) {
currentCounty = item.children
return
}
})
currentCounty.unshift({ name: "", id: "" })
$.each(currentCounty, function (index, item) {
$("#gaokaoEnrollCounty").append(`<option value="${item.id}">${item.name}</option>`);
});
})
$('#te').click(function () {
$('.specialContent').removeClass("layui-hide")
})
$('#te2').click(function () {
$('.specialContent').addClass("layui-hide")
})
//特长二级
let CurrentTalent
$('#special_i').change(function () {
let currentValue = $('#special_i').val()
console.log(currentValue);
$("#special_ii").empty()
$("#special_iii").empty()
taLentList.forEach(item => {
if (item.id == currentValue) {
CurrentTalent = item.children
return
}
});
CurrentTalent.unshift({ name: "", id: "" })
$.each(CurrentTalent, function (index, item) {
$("#special_ii").append(`<option value="${item.id}">${item.name}</option>`);
});
})
//特长三级
$('#special_ii').change(function () {
let currentValue = $('#special_ii').val()
let currentThree
$("#special_iii").empty()
CurrentTalent.forEach(item => {
if (item.id == currentValue) {
currentThree = item.children
return
}
});
currentThree.unshift({ name: "", id: "" })
$.each(currentThree, function (index, item) {
$("#special_iii").append(`<option value="${item.id}">${item.name}</option>`);
});
})
//////////////////////点击事件
$('#save').click(function () {
let name = $('#name').val()
let sex = $('input[name="sex"]:checked').val();
let idCard = $('#identity').val()
let mobile = $('#mobile').val()
let height = $('#height').val()
let weight = $('#weight').val()
let nation = $('#nation').val()
let remark = $('#remark').val()
let hukouProvince = $('#hukouProvince').val()
let hukouCity = $('#hukouCity').val()
let hukouCounty = $('#hukouCounty').val()
let graduateProvince = $('#graduateProvince').val()
let graduateCity = $('#graduateCity').val()
let graduateCounty = $('#graduateCounty').val()
let graduateSchool = $('#graduateSchool').val()
let isGaokaoEnroll = $('input[name="isGaokaoEnroll"]:checked').val();
let gaokaoEnrollProvince = $('#gaokaoEnrollProvince').val()
let gaokaoEnrollCity = $('#gaokaoEnrollCity').val()
let gaokaoEnrollCounty = $('#gaokaoEnrollCounty').val()
let gaokaoEnrollSchool = $("#gaokaoEnrollSchool").val()
let te = $('input[name="isSpecial"]:checked').val();
let special_i = $('#special_i').val()
let special_ii = $('#special_ii').val()
let special_iii = $('#special_iii').val()
let preGroupId = $('#preGroupId').val()
let from = $("#from").val()
let code = $("#code").val()
let isInMySchool = isGaokaoEnroll == 1 ? 1 : 2
if (!name) {
return Swal.fire({
title: '提示',
text: '请填写姓名',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!sex) {
return Swal.fire({
title: '提示',
text: '请选择性别',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!idCard) {
return Swal.fire({
title: '提示',
text: '请填写身份证号',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!mobile) {
return Swal.fire({
title: '提示',
text: '请填写手机号',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (mobile.length != 11) {
return Swal.fire({
title: '提示',
text: '请填写正确的手机号',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!height) {
return Swal.fire({
title: '提示',
text: '请填写身高',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!weight) {
return Swal.fire({
title: '提示',
text: '请填写体重',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!nation) {
return Swal.fire({
title: '提示',
text: '请选择民族',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!hukouProvince) {
return Swal.fire({
title: '提示',
text: '请选择户口所在省',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!hukouCity) {
return Swal.fire({
title: '提示',
text: '请选择户口所在市',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!hukouCounty) {
return Swal.fire({
title: '提示',
text: '请选择户口所在区',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!graduateProvince) {
return Swal.fire({
title: '提示',
text: '请选择毕业学校所在省',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!graduateCity) {
return Swal.fire({
title: '提示',
text: '请选择毕业学校所在市',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!graduateCounty) {
return Swal.fire({
title: '提示',
text: '请选择毕业学校所在区',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!graduateSchool) {
return Swal.fire({
title: '提示',
text: '请填写毕业学校名称',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (isGaokaoEnroll == 0) {
if (!gaokaoEnrollProvince) {
return Swal.fire({
title: '提示',
text: '请选择高考学校所在省',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!gaokaoEnrollCity) {
return Swal.fire({
title: '提示',
text: '请选择高考学校所在市',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!gaokaoEnrollCounty) {
return Swal.fire({
title: '提示',
text: '请选择高考学校所在区',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!gaokaoEnrollSchool) {
return Swal.fire({
title: '提示',
text: '请填写高考毕业学校',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
}
if (te == 1) {
if (!special_i) {
return Swal.fire({
title: '提示',
text: '请选择一级分类',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!special_ii) {
return Swal.fire({
title: '提示',
text: '请选择二级分类',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!special_iii) {
return Swal.fire({
title: '提示',
text: '请选择三级分类',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
}
if (!preGroupId) {
return Swal.fire({
title: '提示',
text: '请选择预选组合',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (!code) {
return Swal.fire({
title: '提示',
text: '请填写短信验证码',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (code !== code2) {
return Swal.fire({
title: '提示',
text: '短信验证码错误',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
axios.post('http://studentadmin.hshuishang.com/student/base_info/add', {
name: name,
sex: Number(sex),
idcard: idCard,
phone: mobile,
height: Number(height),
weight: Number(weight),
nationality: nation,
remark: remark,
householdProvince: Number(hukouProvince),
householdCity: Number(hukouCity),
householdDistrict: Number(hukouCounty),
graduateSchoolProvince: Number(graduateProvince),
graduateSchoolCity: Number(graduateCity),
graduateSchoolDistrict: Number(graduateCounty),
graduateSchoolName: graduateSchool,
isInMySchool: Number(isInMySchool),
signSchoolProvince: Number(gaokaoEnrollProvince),
signSchoolCity: Number(gaokaoEnrollCity),
signSchoolDistrict: Number(gaokaoEnrollCounty),
signSchoolName: gaokaoEnrollSchool,
infoChannel:from,
isTalent: Number(te),
talentOne: Number(special_i),
talentTwo: Number(special_ii),
talentThree: Number(special_iii),
preselection: Number(preGroupId),
pic: imgUrl2,
code: code
}, {
headers: {
'Content-Type': 'application/json',
}
}).then(res => {
console.log(res);
if (res.status == 500) {
return Swal.fire({
title: '提示',
text: res.response.data.msg,
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (res.status == 200) {
return Swal.fire({
title: '提示',
text: "报名成功!",
icon: 'sucess', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
}).then(res => {
if (res.isConfirmed) {
window.location.href = "./login.html"
}
});
}
}).catch(err => {
console.log(err);
})
})
$('#uploadPhoto').click(function () {
$("#upload1").click()
})
let imgUrl
let imgUrl2
$("#upload1").change(function (e) {
let file = e.target.files[0];
if (file) {
let formData = new FormData();
formData.append('file', file);
axios.post('http://studentadmin.hshuishang.com/student/upload', formData, {
headers: {
'Content-Type': 'multipart/form-data',
}
}).then(res => {
console.log(res.data.data.path);
imgUrl2 = res.data.data.path
imgUrl = 'http://studentadmin.hshuishang.com/' + res.data.data.path
$("#userPic").attr("src", imgUrl)
$('#uploadPhoto').hide()
$('.userImg').show()
// 清除输入框的值
$("#upload1").val('');
}).catch(err => {
console.log(err);
})
}
});
$("#close").click(function () {
$("#userPic").attr("src", '')
$('#uploadPhoto').show()
$('.userImg').hide()
// 清除输入框的值
$("#upload1").val('');
})
let code2 = ''
function send() {
let phone = $('#mobile').val()
if (!phone) {
return Swal.fire({
title: '提示',
text: "请填写联系方式",
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
if (phone.length != 11) {
return Swal.fire({
title: '提示',
text: "请填写正确联系方式",
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
axios.post('http://studentadmin.hshuishang.com/student/sendSms', {
phone
}, {
headers: {
'Content-Type': 'application/json',
}
}).then(res => {
console.log(res);
if (res.status == 200) {
code2 = res.data.data.code
return Swal.fire({
title: '提示',
text: "短信发送成功!请注意查收",
icon: 'sucess', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
}
}).catch(err => {
return Swal.fire({
title: '提示',
text: err.response.data.msg,
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
})
}
//发送二维码
$('#sendRegCode').click(function () {
if(!$("#mobile").val()){
return Swal.fire({
title: '提示',
text: '请填写联系方式!',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
;
}
if($("#mobile").val().length != 11){
return Swal.fire({
title: '提示',
text: '请填写正确联系方式!',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
;
}
Btnsettimeou()
})
window.onload = function () {
const storedCountdown = localStorage.getItem('countdown');
const storedEndTime = localStorage.getItem('endTime');
if (storedCountdown && storedEndTime) {
const currentTime = Date.now();
const endTime = parseInt(storedEndTime);
if (currentTime < endTime) {
const remainingTime = Math.ceil((endTime - currentTime) / 1000);
startCountdown(remainingTime);
} else {
// 倒计时已结束,清除存储信息
localStorage.removeItem('countdown');
localStorage.removeItem('endTime');
}
}
logRemainingCounts();
};
function Btnsettimeou() {
// 检查一天内的发送次数
const dailyCountKey = 'dailyCount_' + new Date().toLocaleDateString();
let dailyCount = parseInt(localStorage.getItem(dailyCountKey)) || 0;
if (dailyCount >= 10) {
Swal.fire({
title: '提示',
text: '一天内只能发送 10 次验证码,请明天再试。',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return;
}
// 检查一小时内的发送次数
const hourlyCountKey = 'hourlyCount_' + Math.floor(Date.now() / (60 * 60 * 1000));
let hourlyCount = parseInt(localStorage.getItem(hourlyCountKey)) || 0;
if (hourlyCount >= 5) {
Swal.fire({
title: '提示',
text: '一小时内只能发送 5 次验证码,请稍后再试。',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return;
}
// 更新发送次数
dailyCount++;
hourlyCount++;
localStorage.setItem(dailyCountKey, dailyCount);
localStorage.setItem(hourlyCountKey, hourlyCount);
var countdown = 60;
const endTime = Date.now() + countdown * 1000;
localStorage.setItem('countdown', countdown);
localStorage.setItem('endTime', endTime);
function setTime(val) {
if (countdown == 0) {
$('#sendRegCode').attr("disabled", false);
$('#sendRegCode').text("获取短信验证码");
// 清除存储的倒计时信息
localStorage.removeItem('countdown');
localStorage.removeItem('endTime');
return;
} else {
$('#sendRegCode').attr("disabled", true);
$('#sendRegCode').text("请在 " + countdown + "秒后重新发送");
countdown--;
localStorage.setItem('countdown', countdown);
}
setTimeout(function () {
setTime($('#sendRegCode'))
}, 1000)
}
setTime();
logRemainingCounts();
send()
}
function startCountdown(remainingTime) {
var countdown = remainingTime;
const endTime = Date.now() + countdown * 1000;
localStorage.setItem('countdown', countdown);
localStorage.setItem('endTime', endTime);
function setTime(val) {
if (countdown == 0) {
$('#sendRegCode').attr("disabled", false);
$('#sendRegCode').text("获取短信验证码");
// 清除存储的倒计时信息
localStorage.removeItem('countdown');
localStorage.removeItem('endTime');
return;
} else {
$('#sendRegCode').attr("disabled", true);
$('#sendRegCode').text("请在 " + countdown + "秒后重新发送");
countdown--;
localStorage.setItem('countdown', countdown);
}
setTimeout(function () {
setTime($('#sendRegCode'))
}, 1000)
}
setTime();
}
function logRemainingCounts() {
const dailyCountKey = 'dailyCount_' + new Date().toLocaleDateString();
let dailyCount = parseInt(localStorage.getItem(dailyCountKey)) || 0;
const hourlyCountKey = 'hourlyCount_' + Math.floor(Date.now() / (60 * 60 * 1000));
let hourlyCount = parseInt(localStorage.getItem(hourlyCountKey)) || 0;
console.log('一小时内剩余发送次数:', 5 - hourlyCount);
console.log('一天内剩余发送次数:', 10 - dailyCount);
}
</script>
<script>
layui.use(['element', 'jquery'], function () {
var $ = layui.jquery;
if ($('body').outerHeight(true) < window.screen.height) {
$('.footer').css({ 'position': 'fixed', 'bottom': 0 })
}
// $('.footer .tip').html('<a href="https://beian.miit.gov.cn" target="_blank">冀ICP备16015349号-2</a>\n' +
// ' Copyright ©' + new Date().getFullYear() + ' 河北汇商版权所有<br>\n');
});
</script>
<!-- <script type="text/javascript" src="static/js/common.js"></script>
<script type="text/javascript" src="static/js/enroll.js"></script>
<script type="text/javascript" src="static/js/anno.js"></script> -->
</body>
</html>