fuxisheng/info.html
2025-04-11 16:12:24 +08:00

1527 lines
65 KiB
HTML
Raw Permalink 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 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">
</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">
<a href="./logout">安全退出</a>
</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">jpgpngjpeg</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">
<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="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">
<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/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 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() {
axios.post('http://sms-auth.magicany.cc/student/cityTree', {
}).then(res => {
proviceList = res.data.data.list
$.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>`);
});
getTalentTree();
}).catch(err => {
console.log(err);
})
}
function getTalentTree(){
axios.post('http://sms-auth.magicany.cc/student/talentTree', {
},{headers:{
'Content-Type': 'application/json'
}}).then(res => {
taLentList = res.data.data.list;
console.log('getTalentTree', taLentList)
$.each(taLentList, function(index, item) {
$("#special_i").append(`<option value="${item.id}">${item.name}</option>`);
});
getLoginInfo();
}).catch(err => {
console.log(err);
})
}
function getLoginInfo() {
axios.post('http://sms-auth.magicany.cc/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>`);
});
// 特长生信息
let tcs2info = taLentList.filter(item => item.id === userInfo.talentOne);
console.log(tcs2info, 'tcs2infotcs2infotcs2infotcs2infotcs2info')
// 根据接口返回市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>`);
});
// 根据接口返回省id 过滤出当前选择列表中 市数据 其他学校
let othercity = proviceList.filter(item => item.id === userInfo.signSchoolProvince);
// 根据接口返回市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.isInMySchool === 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://sms-auth.magicany.cc/${userInfo.pic}`);
$('#uploadPhoto').hide()
$('.userImg').show()
}
}).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://sms-auth.magicany.cc/student/upload', formData1, {
headers: {
'Content-Type': 'multipart/form-data',
"Authorization": token
}
}).then(res => {
console.log(res.data.data.path);
uploadAirlineImgUrl2 = res.data.data.path
uploadAirlineImgUrl = 'http://sms-auth.magicany.cc/' + 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
let imgUrl2
$("#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://sms-auth.magicany.cc/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://sms-auth.magicany.cc/' + 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="isGaokaoEnroll"]:checked').val(); // 是否在我校报名
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) {
Swal.fire({
title: '提示',
text: '请填写验证码',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (captcha.toUpperCase() !== currentCaptcha) {
Swal.fire({
title: '提示',
text: '请填写正确验证码',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!name) {
Swal.fire({
title: '提示',
text: '请填写姓名',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!sex) {
Swal.fire({
title: '提示',
text: '请选择性别',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!idCard) {
Swal.fire({
title: '提示',
text: '请填写身份证号',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!mobile) {
Swal.fire({
title: '提示',
text: '请填写手机号',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (mobile.length != 11) {
Swal.fire({
title: '提示',
text: '请填写正确的手机号',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!height) {
Swal.fire({
title: '提示',
text: '请填写身高',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!weight) {
Swal.fire({
title: '提示',
text: '请填写体重',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!nation) {
Swal.fire({
title: '提示',
text: '请选择民族',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!hukouProvince) {
Swal.fire({
title: '提示',
text: '请选择户口所在省',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!hukouCity) {
Swal.fire({
title: '提示',
text: '请选择户口所在市',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!hukouCounty) {
Swal.fire({
title: '提示',
text: '请选择户口所在区',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!graduateProvince) {
Swal.fire({
title: '提示',
text: '请选择毕业学校所在省',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!graduateCity) {
Swal.fire({
title: '提示',
text: '请选择毕业学校所在市',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!graduateCounty) {
Swal.fire({
title: '提示',
text: '请选择毕业学校所在区',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!graduateSchool) {
Swal.fire({
title: '提示',
text: '请填写毕业学校名称',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (isGaokaoEnroll == 0) {
if (!gaokaoEnrollProvince) {
return alert("")
Swal.fire({
title: '提示',
text: '请选择高考学校所在省',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!gaokaoEnrollCity) {
Swal.fire({
title: '提示',
text: '请选择高考学校所在市',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!gaokaoEnrollCounty) {
Swal.fire({
title: '提示',
text: '请选择高考学校所在区',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!gaokaoEnrollSchool) {
Swal.fire({
title: '提示',
text: '请填写高考毕业学校',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
}
if (te == 1) {
if (!special_i) {
Swal.fire({
title: '提示',
text: '请选择一级分类',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!special_ii) {
Swal.fire({
title: '提示',
text: '请选择二级分类',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (!special_iii) {
Swal.fire({
title: '提示',
text: '请选择三级分类',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
}
if (!preGroupId) {
Swal.fire({
title: '提示',
text: '请选择预选组合',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
axios.post('http://sms-auth.magicany.cc/student/base_info/add', {
id: userInfo.id,
name: name,
sex: 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: 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) {
Swal.fire({
title: '提示',
text: res.response.data.msg,
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
});
return
}
if (res.status == 200) {
Swal.fire({
title: '提示',
text: "修改成功!",
icon: 'sucess', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定'
}).then(res => {
if (res.isConfirmed) {
window.location.href = './info.html'
}
});
return
}
}).catch(err => {
console.log(err);
})
})
</script>
</html>