2000 lines
73 KiB
HTML
2000 lines
73 KiB
HTML
<!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 type="image/x-icon" rel="icon" href="/assets/img/favicon.ico">-->
|
||
<link type="text/css" rel="stylesheet" href="./assets/layui/css/layui.css">
|
||
<link type="text/css" rel="stylesheet" href="./assets/css/common.css">
|
||
<link type="text/css" rel="stylesheet" href="./assets/css/info.css">
|
||
<link type="text/css" rel="stylesheet" href="./newCSS/sweetalert2.min.css">
|
||
|
||
<style>
|
||
.bg {
|
||
background: #FFF;
|
||
}
|
||
|
||
.layui-header {
|
||
margin-bottom: 10px;
|
||
min-width: 1000px;
|
||
background: #fff;
|
||
border-bottom: 1px solid #1E9FFF;
|
||
}
|
||
|
||
.layui-layout-admin .layui-main {
|
||
width: 1000px;
|
||
}
|
||
|
||
.layui-header .logo {
|
||
line-height: 60px;
|
||
text-align: center;
|
||
font-size: 28px;
|
||
font-weight: bold;
|
||
color: #1E9FFF;
|
||
}
|
||
|
||
.layui-header .layui-nav-bar {
|
||
background: transparent;
|
||
}
|
||
|
||
.layui-header .layui-layout-right {
|
||
background: #fff;
|
||
}
|
||
|
||
|
||
.title2 {
|
||
padding: 10px 40px;
|
||
font-size: 16px;
|
||
font-weight: 300;
|
||
}
|
||
|
||
.demo-img {
|
||
border: 2px solid #CCCCCC;
|
||
}
|
||
|
||
.border-blue {
|
||
border-color: #1E9FFF;
|
||
}
|
||
|
||
.layui-badge {
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
padding: 2px 10px;
|
||
}
|
||
|
||
.layui-upload-drag .layui-icon {
|
||
color: #1E9FFF;
|
||
}
|
||
|
||
.layui-form .layui-form-item .layui-upload-drag img {
|
||
margin-bottom: 10px;
|
||
max-width: 100px;
|
||
}
|
||
|
||
.layui-show-drag {
|
||
position: relative;
|
||
padding: 15px;
|
||
border: 1px dashed #e2e2e2;
|
||
background-color: #fff;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
color: #999;
|
||
height: 162px;
|
||
width: 265px;
|
||
}
|
||
|
||
.layui-upload-drag {
|
||
padding: 30px 50px;
|
||
}
|
||
|
||
.layui-form-radio>i:hover,
|
||
.layui-form-radioed>i {
|
||
color: #1E9FFF;
|
||
}
|
||
|
||
.layui-form-select dl dd.layui-this {
|
||
background-color: #1E9FFF;
|
||
color: #fff;
|
||
}
|
||
|
||
|
||
|
||
.layui-disabled {
|
||
color: #cccccc !important;
|
||
}
|
||
|
||
.link {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: #1E9FFF;
|
||
}
|
||
|
||
.examInfo_h .exam-title {
|
||
width: 152px;
|
||
}
|
||
|
||
.recommend-box .layui-form-item {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/*
|
||
.photo-div img {
|
||
max-height: 100%;
|
||
max-width: 100%;
|
||
}*/
|
||
.swiper-container {
|
||
width: 800px;
|
||
height: 500px;
|
||
}
|
||
|
||
.swiper-slide {
|
||
text-align: center;
|
||
font-size: 18px;
|
||
background: #fff;
|
||
|
||
/* Center slide text vertically */
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: -webkit-flex;
|
||
display: flex;
|
||
-webkit-box-pack: center;
|
||
-ms-flex-pack: center;
|
||
-webkit-justify-content: center;
|
||
justify-content: center;
|
||
-webkit-box-align: center;
|
||
-ms-flex-align: center;
|
||
-webkit-align-items: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.score-item .layui-inline {
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.score-content .layui-input {
|
||
border-width: 0 0 1px 0;
|
||
}
|
||
|
||
.end-tip-div {
|
||
width: 800px;
|
||
text-align: center;
|
||
padding: 10px;
|
||
margin: 30px auto 0;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border: 2px dashed #CCC;
|
||
background-color: #fbfbfb;
|
||
|
||
}
|
||
|
||
.end-tip-div .end-img-div,
|
||
.end-tip-div .end-text-div {
|
||
display: inline-block;
|
||
}
|
||
|
||
.end-tip-div .end-text-div {
|
||
font-size: 18px;
|
||
text-align: left;
|
||
line-height: 34px;
|
||
padding: 50px;
|
||
}
|
||
|
||
.icon-div {
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.layui-form-radio {
|
||
display: none !important;
|
||
}
|
||
|
||
.layui-form input[type=checkbox],
|
||
.layui-form input[type=radio],
|
||
.layui-form select {
|
||
display: block;
|
||
}
|
||
|
||
.radioBox {
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.radioBox label {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.radioBox label input {
|
||
margin-right: 5px !important;
|
||
}
|
||
|
||
.sexBox {
|
||
display: flex;
|
||
}
|
||
|
||
.sexRows {
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
|
||
.nationBox .layui-form input[type=checkbox],
|
||
.nationBox .layui-form input[type=radio],
|
||
.layui-form select {
|
||
/* display: none !important; */
|
||
}
|
||
|
||
.sexBox .nationBox .layui-form input[type=checkbox],
|
||
.sexBox .layui-form input[type=radio],
|
||
.sexBox .layui-form select {
|
||
display: block !important;
|
||
}
|
||
/* .layui-form select {
|
||
display: none !important;
|
||
} */
|
||
|
||
.layui-form-select .layui-input,.layui-form-select .layui-edge{
|
||
display: none !important;
|
||
}
|
||
|
||
#hukouProvince{
|
||
display: block;
|
||
height: 38px;
|
||
width: 100%;
|
||
box-shadow: none;
|
||
border: 1px solid #e6e6e6;
|
||
}
|
||
|
||
#hukouCity{
|
||
display: block;
|
||
height: 38px;
|
||
width: 100%;
|
||
box-shadow: none;
|
||
border: 1px solid #e6e6e6;
|
||
}
|
||
|
||
#hukouCounty,#nation,#graduateProvince,#graduateCity,#graduateCounty
|
||
,#special_i,#special_ii,#special_iii,#gaokaoEnrollProvince,
|
||
#gaokaoEnrollCity,#gaokaoEnrollCounty,#preGroupId, #baomingSchoolProvince, #baomingSchoolCity, #baomingSchoolCounty{
|
||
display: block;
|
||
height: 38px;
|
||
width: 100%;
|
||
box-shadow: none;
|
||
border: 1px solid #e6e6e6;
|
||
}
|
||
|
||
.layui-form-item .layui-input-inline{
|
||
margin-left: 0;
|
||
}
|
||
|
||
.df{
|
||
display: flex !important;
|
||
}
|
||
|
||
.df .layui-input-inline{
|
||
flex: 1;
|
||
}
|
||
#upload1, #materialsUpload, #airlineUpload {
|
||
display: none;
|
||
}
|
||
.userImg, .materialsUserImg, .uploadAirlineUserImg {
|
||
padding: 30px 50px;
|
||
width: 150px;
|
||
height: 150px;
|
||
display: none;
|
||
position: relative;
|
||
}
|
||
.userImg img, .materialsUserImg img, .uploadAirlineUserImg img{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
#close, #materialsClose, #uploadAirlineClose {
|
||
width: 20px;
|
||
height: 20px;
|
||
position: absolute;
|
||
right: 0px;
|
||
top: 0px;
|
||
z-index: 999;
|
||
}
|
||
.personPic{
|
||
display: flex;
|
||
}
|
||
.materials {
|
||
|
||
}
|
||
|
||
.specialContent, .gaokaoEnrollCity {
|
||
display: flex;
|
||
}
|
||
|
||
|
||
.captcha-container {
|
||
margin: 20px;
|
||
font-family: Arial, sans-serif;
|
||
}
|
||
.captcha-box {
|
||
display: inline-block;
|
||
padding: 10px;
|
||
background: #f0f0f0;
|
||
letter-spacing: 5px;
|
||
font-weight: bold;
|
||
user-select: none;
|
||
}
|
||
|
||
.yzmBox{
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.captcha-box{
|
||
/* flex: 1; */
|
||
margin-left: 20px;
|
||
}
|
||
|
||
|
||
.no-bottom {
|
||
margin-bottom: 0 !important;
|
||
flex: none !important;
|
||
}
|
||
|
||
|
||
|
||
|
||
.must {
|
||
color: #FF5722;
|
||
}
|
||
.tips{
|
||
padding-left: 9px;
|
||
color: #F00;
|
||
padding: 10px;
|
||
border-width: 0 0 0 5px;
|
||
border-style: solid;
|
||
border-color: #FF5722;
|
||
}
|
||
|
||
@media (max-width:1000px) {
|
||
.sj-pic {
|
||
margin-top: 20px;
|
||
}
|
||
.layui-header {
|
||
display: none;
|
||
}
|
||
|
||
.layui-side {
|
||
display: none;
|
||
}
|
||
|
||
.layui-body {
|
||
position: relative !important;
|
||
top: 0 !important;
|
||
left: 0 !important;
|
||
}
|
||
|
||
.layui-layout-body {
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.pic {
|
||
padding: 0 !important;
|
||
display: flex !important;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.pic .layui-field-box{
|
||
padding: 0 !important;
|
||
display: flex !important;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.sexBox{
|
||
padding-top: 10px;
|
||
}
|
||
.layui-form-item .layui-form-label{
|
||
width: auto ;
|
||
}
|
||
|
||
.flyBox{
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.flyBox .layui-form-label{
|
||
text-align: left;
|
||
}
|
||
|
||
#upload{
|
||
width: 80px;
|
||
height: 80px;
|
||
}
|
||
.specialContent, .gaokaoEnrollCity {
|
||
display: block
|
||
}
|
||
.move {
|
||
display: flex !important;
|
||
}
|
||
|
||
.captcha-container {
|
||
margin: 20px;
|
||
font-family: Arial, sans-serif;
|
||
}
|
||
.captcha-box {
|
||
display: inline-flex;
|
||
padding: 10px;
|
||
align-items: center;
|
||
background: #f0f0f0;
|
||
letter-spacing: 5px;
|
||
font-weight: bold;
|
||
user-select: none;
|
||
}
|
||
|
||
.yzmBox{
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.no-bottom {
|
||
margin-bottom: 0 !important;
|
||
width: 190px;
|
||
flex: none !important;
|
||
}
|
||
.layui-form-item .layui-input-inline{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
}
|
||
.yzm{
|
||
width: 90% !important;
|
||
margin: 0 auto !important;
|
||
}
|
||
.yzm .no-bottom{
|
||
width: auto !important;
|
||
|
||
}
|
||
.yzm .captcha-box{
|
||
margin-left: 0 !important;
|
||
}
|
||
.layui-form-item{
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<body class="layui-layout-body">
|
||
<div class="layui-layout layui-layout-admin">
|
||
<!-- 头部区域 -->
|
||
<div class="layui-header">
|
||
<div class="layui-logo">学生端信息管理</div>
|
||
<ul class="layui-nav layui-layout-right">
|
||
<li class="layui-nav-item">
|
||
<div id="exit">安全退出</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 左侧导航区域 -->
|
||
<div class="layui-side layui-bg-black">
|
||
<div class="layui-side-scroll">
|
||
<ul class="layui-nav layui-nav-tree">
|
||
<li class="layui-nav-item layui-nav-itemed">
|
||
<a href="javascript:;">个人中心</a>
|
||
<dl class="layui-nav-child">
|
||
<dd class=""><a href="./nav.html">报名进度</a></dd>
|
||
</dl>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 内容主体区域 -->
|
||
<div class="layui-body">
|
||
<div class="layui-form">
|
||
<input type="hidden" name="id" value="84336">
|
||
<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" id="name" placeholder="请输入姓名" autocomplete="off"
|
||
class="layui-input" lay-verify="required" lay-verType="tips">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline sexRows">
|
||
<label class="layui-form-label">性别<i class="must fs-20">*</i></label>
|
||
|
||
|
||
<div class="sexBox">
|
||
<div class="radioBox">
|
||
<label>
|
||
<input type="radio" name="sex" id="sex_male" value="1" title="男"
|
||
lay-verify="otherReq" lay-vertype="tips" lay-filter="sexFilter">
|
||
男
|
||
</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">
|
||
女
|
||
</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"
|
||
>
|
||
</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" disabled>
|
||
</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" >
|
||
</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">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item nationBox">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">民族</label>
|
||
<div class="layui-input-inline">
|
||
<select name="nation" id="nation" lay-verify="requiredSelect" lay-verType="tips"
|
||
lay-search>
|
||
<option value=""></option>
|
||
<option value="汉族" selected>汉族</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>
|
||
<h3 class="title2"><span class="layui-badge layui-bg-green">学生户口信息</span></h3>
|
||
<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">
|
||
</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">
|
||
</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">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<h3 class="title2"><span class="layui-badge layui-bg-green">毕业学校信息</span></h3>
|
||
<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>
|
||
</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" style="max-width: 840px">
|
||
<input type="text" name="graduateSchool" id="graduateSchool" class="layui-input"
|
||
lay-verify="required" lay-verType="tips" placeholder="请输入学校名称" autocomplete="off"
|
||
>
|
||
</div>
|
||
</div>
|
||
<h3 class="title2"><span class="layui-badge layui-bg-green">其他</span></h3>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline sexRows">
|
||
<label class="layui-form-label" style="width: auto;">是否特长生<i
|
||
class="must fs-20">*</i></label>
|
||
<div class="sexBox">
|
||
<div class="radioBox">
|
||
<label>
|
||
<input type="radio" id="isSpecialPupil" name="isSpecial" value="1" title="是"
|
||
lay-verify="otherReq" lay-vertype="tips" lay-filter="isSpecial">
|
||
是
|
||
</label>
|
||
</div>
|
||
<div class="radioBox">
|
||
<label>
|
||
<input type="radio" id="isSpecialPupil2" name="isSpecial" value="2" title="否"
|
||
lay-verify="otherReq" lay-vertype="tips" lay-filter="isSpecial">
|
||
否
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 特长生 -->
|
||
<div class="specialContent layui-hide">
|
||
<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="special_i" id="special_i" lay-vertype="tips"
|
||
lay-filter="specialI">
|
||
</select>
|
||
</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="special_ii" id="special_ii" lay-vertype="tips"
|
||
lay-filter="specialII">
|
||
</select>
|
||
|
||
</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="special_iii" id="special_iii" lay-vertype="tips"
|
||
lay-filter="specialIII">
|
||
|
||
</select>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline sexRows">
|
||
<label class="layui-form-label" style="width: auto;">是否在我校报名2025年高考<i
|
||
class="must fs-20">*</i></label>
|
||
<div class="layui-input-inline ">
|
||
<div class="sexBox">
|
||
<div class="radioBox">
|
||
<label>
|
||
<input type="radio" id="isGaokaoEnroll" name="isMySchool" id="sex_male"
|
||
value="1" title="是" lay-verify="otherReq" lay-vertype="tips"
|
||
lay-filter="isGaokaoEnroll">
|
||
是
|
||
</label>
|
||
</div>
|
||
<div class="radioBox">
|
||
<label>
|
||
<input type="radio" id="isGaokaoEnroll2" name="isMySchool" id="sex2" value="2"
|
||
title="否" lay-verify="otherReq" lay-vertype="tips"
|
||
lay-filter="isGaokaoEnroll">
|
||
否
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- //其他学校 -->
|
||
<div class="layui-form-item gaokaoEnrollContent layui-hide">
|
||
<div class="gaokaoEnrollCity">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">所在省<i class="must fs-20">*</i></label>
|
||
<div class="layui-input-inline">
|
||
<select name="baomingSchoolProvince" id="baomingSchoolProvince" lay-verify="baomingSchoolProvince"
|
||
lay-verType="tips" lay-filter="baomingSchoolProvince">
|
||
</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="baomingSchoolCity" id="baomingSchoolCity" 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="baomingSchoolCounty" id="baomingSchoolCounty" lay-verify="requiredSelect"
|
||
lay-verType="tips" lay-filter="graduateCounty">
|
||
<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" style="max-width: 840px">
|
||
<input class="layui-input" name="baomingSchoolName" id="baomingSchoolName" >
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline df">
|
||
<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="0" selected>请选择</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="infoChannel" id="infoChannel" class="layui-input" lay-verType="tips" value="107"
|
||
placeholder="请输入信息渠道" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</fieldset>
|
||
|
||
<fieldset class="layui-elem-field layui-field-title border-blue pic">
|
||
<hr class="">
|
||
<legend>个人证件照片</legend>
|
||
<div class="layui-field-box personPic" style="padding: 10px 270px;">
|
||
<div class="layui-upload-drag left " id="uploadPhoto" style="display: block !important;">
|
||
<img src="./newImg/upload.png" id="upload" alt="">
|
||
<p>点击上传，或将文件拖拽到此处</p>
|
||
<b class="must">*请上传 一寸证件照片</b>
|
||
<p>照片大小：<span class="must">10M以内</span></p>
|
||
<p>照片格式：<span class="must">jpg，png，jpeg</span></p>
|
||
</div>
|
||
|
||
|
||
<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 sj-pic">
|
||
<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" id="yz-body">
|
||
<hr class="">
|
||
<legend>验证</legend>
|
||
<!-- <div class="captcha-container">
|
||
<div class="yzmBox">
|
||
<input type="text" id="yzm" name="captcha" placeholder="请输入验证码" autocomplete="off" class="layui-input pl-20"
|
||
style="width: 250px" lay-verify="required" lay-vertype="tips">
|
||
<span class="captcha-box" id="captcha"></span>
|
||
</div>
|
||
</div> -->
|
||
<div class="layui-field-box yzm">
|
||
<div class="layui-form-item " style="margin-bottom: 0">
|
||
<div class="layui-inline df">
|
||
<label class="layui-form-label">验证码<i class="must fs-20">*</i></label>
|
||
<div class="layui-input-inline no-bottom">
|
||
<input type="text" name="captcha" id="yzm" placeholder="请输入验证码" autocomplete="off"
|
||
class="layui-input" lay-verify="required" lay-vertype="tips">
|
||
</div>
|
||
<span class="captcha-box" id="captcha"></span>
|
||
</div>
|
||
<div class="layui-inline">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item mt-20" style="margin-left: 130px">
|
||
<button class="layui-btn layui-btn-normal" id="save" lay-submit lay-filter="update"
|
||
style="width: 150px;">提 交</button>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/javascript" src="./assets/layui/layui.js"></script>
|
||
<script type="text/javascript" src="./assets/js/common.js"></script>
|
||
<!-- <script type="text/javascript" src="/assets/js/info.js"></script> -->
|
||
</body>
|
||
|
||
<!-- <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
|
||
crossorigin="anonymous"></script> -->
|
||
<script src="./static/js/axios.min.js"></script>
|
||
<script src="./static/js/jquery.js"></script>
|
||
<script src="./static/js/sweetalert2.min.js"></script>
|
||
|
||
<script>
|
||
let currentCaptcha = '';
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const captchaEl = document.getElementById('captcha');
|
||
|
||
// 生成随机验证码（4位字母数字组合）
|
||
function generateCaptcha() {
|
||
const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
|
||
let captcha = '';
|
||
for (let i = 0; i < 4; i++) {
|
||
captcha += chars.charAt(Math.floor(Math.random() * chars.length));
|
||
}
|
||
currentCaptcha = captcha;
|
||
captchaEl.textContent = captcha;
|
||
}
|
||
|
||
// 初始化验证码
|
||
generateCaptcha();
|
||
|
||
// 刷新验证码
|
||
captchaEl.addEventListener('click', generateCaptcha);
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
<script>
|
||
let proviceList = [];
|
||
let taLentList = [];
|
||
let userInfo;
|
||
let imgUrl2;
|
||
|
||
let token = localStorage.getItem("authToken");
|
||
if (!token) {
|
||
Swal.fire({
|
||
title: '提示',
|
||
text: '请重新登录',
|
||
icon: 'error', // 可选：'success', 'error', 'warning', 'info', 'question'
|
||
confirmButtonText: '确定',
|
||
}).then(res => {
|
||
if (res.isConfirmed) {
|
||
window.location.href = './login.html'
|
||
}
|
||
});
|
||
}
|
||
|
||
function getCityTree() {
|
||
|
||
fetch('./static/js/area.json')
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
proviceList = data
|
||
getTalentTree();
|
||
|
||
$.each(proviceList, function (index, item) {
|
||
// city = item;
|
||
$("#hukouProvince").append(`<option value="${item.id}">${item.name}</option>`);
|
||
$('#graduateProvince').append(`<option value="${item.id}">${item.name}</option>`);
|
||
$('#baomingSchoolProvince').append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
|
||
})
|
||
.catch(error => console.error('加载 JSON 出错:', error));
|
||
|
||
|
||
}
|
||
function getTalentTree(){
|
||
|
||
|
||
fetch('./static/js/talent.json')
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
taLentList =data.data.list
|
||
console.log('getTalentTree', taLentList)
|
||
$.each(taLentList, function(index, item) {
|
||
$("#special_i").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
getLoginInfo();
|
||
|
||
})
|
||
.catch(error => console.error('加载 JSON 出错:', error));
|
||
|
||
}
|
||
function getLoginInfo() {
|
||
axios.post('http://studentadmin.hshuishang.com/student/loginInfo', {}, {
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
"Authorization": token
|
||
}
|
||
}).then(res => {
|
||
console.log('133211', res);
|
||
userInfo = res.data.data.info;
|
||
|
||
// 根据接口返回省id 过滤出当前选择列表中 市数据 学生信息
|
||
let xueshengcity = proviceList.filter(item => item.id === userInfo.householdProvince) || [];
|
||
console.log('根据接口返回省id', xueshengcity);
|
||
|
||
// 根据接口返回市id 过滤出当前选择列表中当前县数据
|
||
let xueshengcount = xueshengcity[0]?.children.filter(item => item.id === userInfo.householdCity);
|
||
// 添加市信息
|
||
$.each(xueshengcity[0].children, function (index, val) {
|
||
$("#hukouCity").append(`<option value="${val.id}">${val.name}</option>`);
|
||
});
|
||
|
||
// 添加县信息
|
||
$.each(xueshengcount[0].children, function (index, val1) {
|
||
$('#hukouCounty').append(`<option value="${val1.id}">${val1.name}</option>`);
|
||
});
|
||
|
||
|
||
|
||
// 根据接口返回省id 过滤出当前选择列表中 市数据 毕业信息
|
||
let bySchoolcity = proviceList.filter(item => item.id === userInfo.graduateSchoolProvince);
|
||
// 根据接口返回市id 过滤出当前选择列表中当前县数据
|
||
let bySchoolcount = bySchoolcity[0]?.children.filter(item => item.id === userInfo.graduateSchoolCity);
|
||
// 添加市信息
|
||
$.each(bySchoolcity[0].children, function (index, val) {
|
||
$('#graduateCity').append(`<option value="${val.id}">${val.name}</option>`);
|
||
});
|
||
|
||
// 添加县信息
|
||
$.each(bySchoolcount[0].children, function (index, val1) {
|
||
$('#graduateCounty').append(`<option value="${val1.id}">${val1.name}</option>`);
|
||
});
|
||
|
||
if (userInfo.talentOne !== 0) {
|
||
// 特长生信息
|
||
let tcs2info = taLentList.filter(item => item.id === userInfo.talentOne);
|
||
// 根据接口返回市id 过滤出当前选择列表中当前县数据
|
||
let tcs3info = tcs2info[0]?.children.filter(item => item.id === userInfo.talentTwo);
|
||
// 添加市信息
|
||
$.each(tcs2info[0].children, function (index, val) {
|
||
$("#special_ii").append(`<option value="${val.id}">${val.name}</option>`);
|
||
});
|
||
// 添加县信息
|
||
$.each(tcs3info[0].children, function (index, val) {
|
||
$("#special_iii").append(`<option value="${val.id}">${val.name}</option>`);
|
||
});
|
||
}
|
||
|
||
|
||
if (userInfo.signSchoolProvince !== 0) {
|
||
// 根据接口返回省id 过滤出当前选择列表中 市数据 其他学校
|
||
let othercity = proviceList.filter(item => item.id === userInfo.signSchoolProvince);
|
||
console.log('othercityothercityothercity', othercity);
|
||
// 根据接口返回市id 过滤出当前选择列表中当前县数据
|
||
let othercount = othercity[0]?.children.filter(item => item.id === userInfo.signSchoolCity);
|
||
console.log('其他学校 市数据', othercity);
|
||
console.log('其他学校 县信息', othercount);
|
||
// 添加市信息
|
||
$.each(othercity[0].children, function (index, val) {
|
||
$('#baomingSchoolCity').append(`<option value="${val.id}">${val.name}</option>`);
|
||
|
||
});
|
||
// 添加县信息
|
||
$.each(othercount[0].children, function (index, val1) {
|
||
$('#baomingSchoolCounty').append(`<option value="${val1.id}">${val1.name}</option>`);
|
||
});
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
$('#name').val(userInfo.name); // 学生名称
|
||
// 性别
|
||
if (userInfo.sex === 1) {
|
||
$('input[name="sex"][value="1"]').prop('checked', true);
|
||
} else if (userInfo.sex === 2) {
|
||
$('input[name="sex"][value="2"]').prop('checked', true);
|
||
}
|
||
$('#identity').val(userInfo.idcard); // 身份证号
|
||
$('#mobile').val(userInfo.phone); // 联系方式
|
||
$('#height').val(userInfo.height); // 身高
|
||
$('#weight').val(userInfo.weight); // 体重
|
||
$('#nation').val(userInfo.nationality); // 民族
|
||
$('#remark').val(userInfo.remark); // 备注
|
||
// 学生户口信息
|
||
$('#hukouProvince').val(userInfo.householdProvince); // 省
|
||
$('#hukouCity').val(userInfo.householdCity); // 市
|
||
$('#hukouCounty').val(userInfo.householdDistrict); // 区
|
||
// 毕业学校信息
|
||
$('#graduateProvince').val(userInfo.graduateSchoolProvince); // 省
|
||
$('#graduateCity').val(userInfo.graduateSchoolCity); // 市
|
||
$('#graduateCounty').val(userInfo.graduateSchoolDistrict); // 区
|
||
$('#graduateSchool').val(userInfo.graduateSchoolName);// 学校名称
|
||
// 是否特长生
|
||
if (userInfo.isTalent === 1) {
|
||
console.log('11');
|
||
|
||
$('input[name="isSpecial"][value="1"]').prop('checked', true);
|
||
$('.specialContent').removeClass('layui-hide')
|
||
} else if (userInfo.isTalent === 2) {
|
||
$('input[name="isSpecial"][value="2"]').prop('checked', true);
|
||
}
|
||
// 特长生信息
|
||
$('#special_i').val(userInfo.talentOne); // I级分类
|
||
$('#special_ii').val(userInfo.talentTwo); // II级分类
|
||
$('#special_iii').val(userInfo.talentThree); // III级分类
|
||
|
||
// 是否在我校报考
|
||
if (userInfo.isInMySchool === 1) {
|
||
$('input[name="isMySchool"][value="1"]').prop('checked', true);
|
||
} else if (userInfo.isInMySchool === 2) {
|
||
$('input[name="isMySchool"][value="2"]').prop('checked', true);
|
||
$('.gaokaoEnrollContent').removeClass('layui-hide')
|
||
}
|
||
|
||
$('#preGroupId').val(userInfo.preselection); // 预选组合
|
||
|
||
// 非我校报名高考 ，高考报名院校信息
|
||
$('#baomingSchoolProvince').val(userInfo.signSchoolProvince); // 省
|
||
$('#baomingSchoolCity').val(userInfo.signSchoolCity); // 市
|
||
$('#baomingSchoolCounty').val(userInfo.signSchoolDistrict); // 区
|
||
$('#baomingSchoolName').val(userInfo.signSchoolName);// 学校名称
|
||
$('#infoChannel').val(userInfo.infoChannel);// 信息渠道
|
||
|
||
if (userInfo.pic) {
|
||
$("#userPic").attr("src", `http://studentadmin.hshuishang.com/${userInfo.pic}`);
|
||
$('#uploadPhoto').hide()
|
||
$('.userImg').show()
|
||
}
|
||
|
||
// 如果该字段存在，则不允许进行删除
|
||
if (userInfo.collegeInfo) {
|
||
$('#yz-body').addClass('layui-hide')
|
||
}
|
||
|
||
|
||
|
||
|
||
}).catch(err => {
|
||
console.log(err);
|
||
})
|
||
}
|
||
|
||
|
||
// getTalentTree()
|
||
// getLoginInfo();
|
||
getCityTree();
|
||
|
||
|
||
// let defaultCity = proviceList?.filter(item => item.id === userInfo.householdProvince);
|
||
|
||
let CurrentCity;
|
||
|
||
|
||
// 学生信息选择省的时候 添加市
|
||
$('#hukouProvince').change(function () {
|
||
console.log(123);
|
||
let currentProvice = $(this).val();
|
||
$("#hukouCity").empty();
|
||
$('#hukouCounty').empty();
|
||
proviceList.forEach(item => {
|
||
if (item.id == currentProvice) {
|
||
CurrentCity = item.children
|
||
return
|
||
}
|
||
});
|
||
// CurrentCity.unshift({ name: "" })
|
||
$.each(CurrentCity, function (index, item) {
|
||
$("#hukouCity").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
})
|
||
//选择市的时候添加区
|
||
$("#hukouCity").change(function () {
|
||
console.log('CurrentCityCurrentCityCurrentCity', CurrentCity)
|
||
|
||
// 只有默认没改变省的时候才走这条逻辑
|
||
if (!CurrentCity) {
|
||
let defaultCity = proviceList?.filter(item => item.id === userInfo.householdProvince);
|
||
CurrentCity = defaultCity[0].children
|
||
}
|
||
|
||
|
||
let currentCity2 = $(this).val();
|
||
let currentCounty
|
||
$('#hukouCounty').empty();
|
||
console.log('CurrentCityCurrentCity', CurrentCity)
|
||
CurrentCity.forEach(item => {
|
||
if (item.id == currentCity2) {
|
||
currentCounty = item.children
|
||
return
|
||
}
|
||
})
|
||
// currentCounty.unshift({ name: "" })
|
||
$.each(currentCounty, function (index, item) {
|
||
$("#hukouCounty").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
})
|
||
|
||
|
||
var isSpecialPupil= $('input[name="isSpecialPupil"]:checked').val();
|
||
|
||
//////////////////////////////高考学校 省
|
||
$('#isSpecialPupil2').change(function () {
|
||
$('.specialContent').addClass('layui-hide')
|
||
})
|
||
$('#isSpecialPupil').change(function () {
|
||
$('.specialContent').removeClass('layui-hide')
|
||
|
||
})
|
||
|
||
|
||
|
||
|
||
let currentPoint
|
||
//选择1级分类后添加2级分类
|
||
$('#special_i').change(function () {
|
||
console.log(123, taLentList);
|
||
let currentProvice = $(this).val();
|
||
console.log('currentProvicecurrentProvicecurrentProvice', currentProvice);
|
||
$("#special_ii").empty();
|
||
$('#special_iii').empty();
|
||
taLentList.forEach(item => {
|
||
if (item.id == currentProvice) {
|
||
currentPoint = item.children
|
||
return
|
||
}
|
||
});
|
||
// currentPoint.unshift({ name: "" })
|
||
$.each(currentPoint, function (index, item) {
|
||
$("#special_ii").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
})
|
||
//选择2级分类后添加3级分类
|
||
$("#special_ii").change(function () {
|
||
// 只有默认没改变1级分类时候才走这条逻辑
|
||
if (!currentPoint) {
|
||
let defaultCity = taLentList?.filter(item => item.id === userInfo.talentOne);
|
||
console.log('defaultCitydefaultCity', defaultCity)
|
||
currentPoint = defaultCity[0].children
|
||
}
|
||
let currentProvice2 = $(this).val();
|
||
let currentPoint2
|
||
$('#special_iii').empty();
|
||
|
||
currentPoint.forEach(item => {
|
||
if (item.id == currentProvice2) {
|
||
currentPoint2 = item.children
|
||
return
|
||
}
|
||
})
|
||
// currentPoint2.unshift({ name: "" })
|
||
$.each(currentPoint2, function (index, item) {
|
||
$("#special_iii").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
})
|
||
|
||
|
||
|
||
/////////////////////////毕业学校信息
|
||
let graduateCity
|
||
$('#graduateProvince').change(function () {
|
||
console.log('222')
|
||
let currentProvice = $(this).val();
|
||
$('#graduateCity').empty()
|
||
$('#graduateCounty').empty()
|
||
proviceList.forEach(item => {
|
||
if (item.id == currentProvice) {
|
||
graduateCity = item.children
|
||
return
|
||
}
|
||
});
|
||
console.log('11111', graduateCity)
|
||
// graduateCity.unshift({ name: "请选择" })
|
||
$.each(graduateCity, function (index, item) {
|
||
$("#graduateCity").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
})
|
||
$("#graduateCity").change(function () {
|
||
let currentCity2 = $(this).val();
|
||
let currentCounty
|
||
// 只有默认没改变省的时候才走这条逻辑
|
||
if (!graduateCity) {
|
||
let defaultCity = proviceList?.filter(item => item.id === userInfo.graduateSchoolProvince);
|
||
console.log('defaultCitydefaultCity',defaultCity);
|
||
|
||
graduateCity = defaultCity[0].children
|
||
}
|
||
$('#graduateCounty').empty();
|
||
graduateCity.forEach(item => {
|
||
if (item.id == currentCity2) {
|
||
currentCounty = item.children
|
||
return
|
||
}
|
||
})
|
||
|
||
// currentCounty.unshift({ name: "请选择" })
|
||
$.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.name}">${item.name}</option>`);
|
||
});
|
||
})
|
||
/////////////////////////高考 市
|
||
$('#gaokaoEnrollProvince').change(function () {
|
||
let currentProvice = $(this).val();
|
||
$("#gaokaoEnrollCity").empty();
|
||
$('#gaokaoEnrollCounty').empty();
|
||
proviceList.forEach(item => {
|
||
if (item.name == currentProvice) {
|
||
CurrentCity = item.children
|
||
return
|
||
}
|
||
});
|
||
CurrentCity.unshift({ name: "" })
|
||
$.each(CurrentCity, function (index, item) {
|
||
$("#gaokaoEnrollCity").append(`<option value="${item.name}">${item.name}</option>`);
|
||
});
|
||
})
|
||
/////////////////////////高考 区
|
||
$("#gaokaoEnrollCity").change(function () {
|
||
let currentCity2 = $(this).val();
|
||
let currentCounty
|
||
$('#gaokaoEnrollCounty').empty();
|
||
CurrentCity.forEach(item => {
|
||
if (item.name == currentCity2) {
|
||
currentCounty = item.children
|
||
return
|
||
}
|
||
})
|
||
currentCounty.unshift({ name: "" })
|
||
$.each(currentCounty, function (index, item) {
|
||
$("#gaokaoEnrollCounty").append(`<option value="${item.name}">${item.name}</option>`);
|
||
});
|
||
})
|
||
|
||
|
||
////////////飞行员
|
||
$('#sexBtn1').click(function () {
|
||
$('.airlineEnrollContent').removeClass("layui-hide")
|
||
// $('.proveMaterials').removeClass("layui-hide")
|
||
|
||
})
|
||
$('#sexBtn2').click(function () {
|
||
$('.airlineEnrollContent').addClass("layui-hide")
|
||
// $('.proveMaterials').addClass("layui-hide")
|
||
})
|
||
|
||
|
||
///////////飞行员是否通过
|
||
$('#isAirlineCheck').click(function () {
|
||
console.log('22222');
|
||
$('.proveMaterials').removeClass("layui-hide")
|
||
})
|
||
$('#isAirlineCheck2').click(function () {
|
||
console.log('1231231');
|
||
$('.proveMaterials').addClass("layui-hide")
|
||
})
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
let othertCity;
|
||
let otherCity;
|
||
|
||
|
||
// 学生信息选择省的时候 添加市
|
||
$('#baomingSchoolProvince').change(function () {
|
||
console.log(123);
|
||
let currentProvice = $(this).val();
|
||
$("#baomingSchoolCity").empty();
|
||
$('#baomingSchoolCounty').empty();
|
||
proviceList.forEach(item => {
|
||
if (item.id == currentProvice) {
|
||
otherCity = item.children
|
||
return
|
||
}
|
||
});
|
||
console.log('1111231', otherCity)
|
||
// CurrentCity.unshift({ name: "" })
|
||
$.each(otherCity, function (index, item) {
|
||
$("#baomingSchoolCity").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
})
|
||
//选择市的时候添加区
|
||
$("#baomingSchoolCity").change(function () {
|
||
console.log('CurrentCityCurrentCityCurrentCity', otherCity)
|
||
|
||
// 只有默认没改变省的时候才走这条逻辑
|
||
if (!otherCity) {
|
||
let defaultCity = proviceList?.filter(item => item.id === userInfo.signSchoolProvince);
|
||
otherCity = defaultCity[0].children
|
||
}
|
||
|
||
|
||
let currentCity2 = $(this).val();
|
||
let currentCounty
|
||
$('#baomingSchoolCounty').empty();
|
||
console.log('CurrentCityCurrentCity', otherCity)
|
||
otherCity.forEach(item => {
|
||
if (item.id == currentCity2) {
|
||
currentCounty = item.children
|
||
return
|
||
}
|
||
})
|
||
// currentCounty.unshift({ name: "" })
|
||
$.each(currentCounty, function (index, item) {
|
||
$("#baomingSchoolCounty").append(`<option value="${item.id}">${item.name}</option>`);
|
||
});
|
||
})
|
||
|
||
|
||
|
||
|
||
// 佐证材料上传照片
|
||
$('#uploadAirlinePhoto').click(function () {
|
||
console.log('1313');
|
||
$("#airlineUpload").click()
|
||
})
|
||
let uploadAirlineImgUrl;
|
||
let uploadAirlineImgUrl2;
|
||
$("#airlineUpload").change(function (e) {
|
||
const file = e.target.files[0];
|
||
// formData.append('file', file);
|
||
console.log('12312312', file)
|
||
if (file) {
|
||
let formData1 = new FormData();
|
||
console.log('11112', file)
|
||
formData1.append('file', file);
|
||
|
||
axios.post('http://studentadmin.hshuishang.com/student/upload', formData1, {
|
||
headers: {
|
||
'Content-Type': 'multipart/form-data',
|
||
"Authorization": token
|
||
}
|
||
}).then(res => {
|
||
console.log(res.data.data.path);
|
||
imgUrl2 = res.data.data.path
|
||
uploadAirlineImgUrl = 'http://studentadmin.hshuishang.com/' + res.data.data.path
|
||
$("#uploadAirlinePic").attr("src", uploadAirlineImgUrl)
|
||
$('#uploadAirlinePhoto').hide()
|
||
$('.uploadAirlineUserImg').show()
|
||
|
||
// 清除输入框的值
|
||
$("#airlineUpload").val('');
|
||
|
||
}).catch(err => {
|
||
console.log(err);
|
||
})
|
||
}
|
||
});
|
||
$("#materialsClose").click(function () {
|
||
console.log(';1');
|
||
|
||
$("#uploadAirlinePic").attr("src", '')
|
||
$('#uploadAirlinePhoto').show()
|
||
$('.uploadAirlineUserImg').hide()
|
||
// 清除输入框的值
|
||
$("#airlineUpload").val('');
|
||
})
|
||
|
||
|
||
|
||
|
||
|
||
// 个人证件上传照片
|
||
$('#uploadPhoto').click(function () {
|
||
$("#upload1").click()
|
||
})
|
||
|
||
let imgUrl
|
||
|
||
$("#upload1").change(function (e) {
|
||
let file = e.target.files[0];
|
||
if (file) {
|
||
let formData = new FormData();
|
||
console.log('11112', file)
|
||
formData.append('file', file);
|
||
|
||
axios.post('http://studentadmin.hshuishang.com/student/upload', formData, {
|
||
headers: {
|
||
'Content-Type': 'multipart/form-data',
|
||
"Authorization": token
|
||
}
|
||
}).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('');
|
||
})
|
||
|
||
|
||
//////////////////////点击事件
|
||
$('#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="isMySchool"]:checked').val(); // 是否在我校报名
|
||
console.log('isGaokaoEnrollisGaokaoEnroll', isGaokaoEnroll);
|
||
let gaokaoEnrollProvince = $('#baomingSchoolProvince').val()
|
||
let gaokaoEnrollCity = $('#baomingSchoolCity').val()
|
||
let gaokaoEnrollCounty = $('#baomingSchoolCounty').val()
|
||
let gaokaoEnrollSchool = $("#baomingSchoolName").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 = $("#infoChannel").val()
|
||
// let code = $("#code").val()
|
||
let isInMySchool = isGaokaoEnroll == 1 ? 1 : 2
|
||
let captcha = $("#yzm").val()
|
||
if (!captcha) {
|
||
return Swal.fire({
|
||
title: '提示',
|
||
text: '请填写验证码',
|
||
icon: 'error', // 可选：'success', 'error', 'warning', 'info', 'question'
|
||
confirmButtonText: '确定'
|
||
});
|
||
|
||
|
||
}
|
||
|
||
if (captcha.toUpperCase() !== currentCaptcha) {
|
||
return Swal.fire({
|
||
title: '提示',
|
||
text: '请填写正确验证码',
|
||
icon: 'error', // 可选：'success', 'error', 'warning', 'info', 'question'
|
||
confirmButtonText: '确定'
|
||
});
|
||
|
||
|
||
}
|
||
|
||
|
||
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: '确定'
|
||
});
|
||
|
||
|
||
|
||
}
|
||
|
||
|
||
axios.post('http://studentadmin.hshuishang.com/student/base_info/add', {
|
||
id: userInfo.id,
|
||
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: ''
|
||
|
||
}, {
|
||
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: 'success', // 可选：'success', 'error', 'warning', 'info', 'question'
|
||
confirmButtonText: '确定'
|
||
}).then(res => {
|
||
if (res.isConfirmed) {
|
||
|
||
window.location.href = './info.html'
|
||
}
|
||
});
|
||
|
||
|
||
|
||
|
||
}
|
||
|
||
}).catch(err => {
|
||
console.log(err);
|
||
})
|
||
|
||
|
||
})
|
||
|
||
$("#exit").click(function () {
|
||
localStorage.removeItem('baseId')
|
||
localStorage.removeItem('authToken')
|
||
window.location.href = './login.html'
|
||
})
|
||
|
||
|
||
|
||
</script>
|
||
|
||
</html> |