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

734 lines
34 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

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

<!DOCTYPE html>
<html>
<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="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/mobile/info.css" />
<link rel="stylesheet" href="./newCSS/finalExamScore.css">
<link href="./newCSS/sweetalert2.min.css" rel="stylesheet">
<style type="text/css">
.layui-input,
.layui-textarea {
width: 80%;
}
.layui-form-label {
width: 100px;
}
</style>
</head>
<body class="pd-20">
<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">
<p class="tips mb-20 fs-16">请填写高考信息</p>
<div class="layui-form">
<div class="layui-form-item df">
<div class="layui-inline">
<label class="layui-form-label" style="width: 140px !important;">是否参加2025年高考<i
class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="currentExam" id="currentExam" disabled lay-verify="requiredSelect"
lay-verType="tips" lay-filter="currentExam">
<option value="">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
</div>
<div class="final-exam-content-0 layui-hide disabled ">
<div class="layui-form-item">
<div class="layui-inline finalExamYear-content ">
<label class="layui-form-label">高考年份</label>
<div class="layui-input-inline">
<input type="text" name="finalExamYear" disabled placeholder="请输入高考年份"
autocomplete="off" class="layui-input finalExamYear-content-item" id="gaokaoYear"
lay-verify="" lay-vertype="tips" value="">
</div>
</div>
<div class="layui-inline finalExamYear-content">
<label class="layui-form-label">大学名称</label>
<div class="layui-input-inline">
<input type="text" name="finalExamSchool" disabled placeholder="请输入大学名称"
autocomplete="off" class="layui-input finalExamYear-content-item" id="schoolName"
lay-verify="" lay-vertype="tips" value="">
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="width: 125px">2026年高考省份<i
class="must">*</i></label>
<div class="layui-input-inline">
<select name="nextYearFinalExamProvince1" disabled id="nextYearFinalExamProvince1"
lay-verify="" lay-vertype="tips" lay-search lay-filter="nextExamProvice1">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" style="width: 125px">2026年高考组合<i
class="must">*</i></label>
<div class="layui-input-inline">
<select name="nextYearFinalExamGroup1" disabled id="nextYearFinalExamGroup1"
lay-verify="" lay-verType="tips">
<option value=""></option>
<option value="1">1物理化学政治</option>
<option value="2">2物理化学生物</option>
<option value="3">3物理化学地理</option>
<option value="4">4物理生物地理</option>
<option value="5">5物理生物政治</option>
<option value="6">6物理政治地理</option>
<option value="7">7历史化学地理</option>
<option value="8">8历史化学政治</option>
<option value="9">9历史生物地理</option>
<option value="10">10历史化学生物</option>
<option value="11">11历史政治生物</option>
<option value="12">12历史政治地理</option>
</select>
</div>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title border-blue finalExamYear-content ">
<legend>证明材料</legend>
<p class="tips mb-20 fs-16">
请上传以下四种方式一项截图即可<br>1.大学录取通知书<br>2.大学证明(盖章)<br>3.学信网相关记录<br>4.其他证明材料</p>
<div class="layui-field-box personPic" style="padding: 10px 270px;">
<label class="layui-upload-drag left" id="uploadPhoto2">
<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>
</label>
<div class="userImg2">
<img src="" id="userPic2" alt="">
</div>
<input type="file" id="upload2" accept="image/*">
</div>
</fieldset>
<div class="layui-form-item">
<div class="layui-input-block">
</div>
</div>
</div>
</div>
<div class="final-exam-content-1 ">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="width: 100px;">2025高考省份<i
class="must fs-20">*</i></label>
<div class="layui-input-inline">
<select name="finalExamProvince" disabled id="examProvince" lay-verify=""
lay-verType="tips" lay-filter="finalExamProvince" class="currentExam-item-select">
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" style="width: 100px">2025高考组合 <i class="must">*</i></label>
<div class="layui-input-inline">
<select name="thisYearFinalExamGroup" disabled id="thisYearFinalExamGroup" lay-verify=""
lay-filter="finalExamGroup" lay-verType="tips" class="currentExam-item-select">
<option value=""></option>
<option value="1">1物理化学政治</option>
<option value="2">2物理化学生物</option>
<option value="3">3物理化学地理</option>
<option value="4">4物理生物地理</option>
<option value="5">5物理生物政治</option>
<option value="6">6物理政治地理</option>
<option value="7">7历史化学地理</option>
<option value="8">8历史化学政治</option>
<option value="9">9历史生物地理</option>
<option value="10">10历史化学生物</option>
<option value="11">11历史政治生物</option>
<option value="12">12历史政治地理</option>
</select>
</div>
</div>
<div class="layui-inline">
</div>
</div>
<!-- <div class="score-content" style="max-width: 1000px;">
<p class="tip left">~ 请先选择高考省份 ~</p>
<div class="layui-clear"></div>
</div> -->
</div>
<div class="score-content" style="max-width: 1000px;">
<p class="tips mb-20 fs-16">如考生号和准考证号只有一项,准考证号与考生号请填写一致,外语科目为非英语科目学生不予录取</p>
<div class="layui-form-item">
<div class="layui-inline"> <label class="layui-form-label">准考证号 <i class="must">*</i></label>
<div class="layui-input-inline"> <input type="text" disabled name="finalExamNo"
placeholder="请输入高考准考证号" id="finalExamNo" autocomplete="off" class="layui-input"
lay-verify="required" lay-vertype="tips"> </div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline"> <label class="layui-form-label">考生号 <i class="must">*</i></label>
<div class="layui-input-inline"> <input type="text" id="kaoshenghao" name="kaoshenghao"
disabled placeholder="请输入考生号" autocomplete="off" class="layui-input"
lay-verify="required" lay-vertype="tips">
</div>
</div>
</div>
<div class="layui-form-item Allsub">
</div>
<div class="m-content">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">高考总成绩 <i class="must">*</i></label>
<div class="layui-input-inline">
<input type="number" name="finalExamTotalScore1" id="finalExamTotalScore1" disabled
placeholder="请输入高考总成绩" autocomplete="off" class="layui-input" lay-verify=""
lay-vertype="tips">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">高考省排名 <i class="must">*</i></label>
<div class="layui-input-inline">
<input type="number" name="finalExamRank1" id="finalExamRank1" disabled
placeholder="请输入高考省排名" autocomplete="off" class="layui-input" lay-verify=""
lay-vertype="tips">
</div>
</div>
</div>
<div class="layui-form-item">
<p class="tips mb-20 fs-16">请提供高考查分网址 查分用户名 密码 只用于验证成绩真伪</p>
</div>
<div class="layui-form-item layui-form-text df">
<label class="layui-form-label">查分验证<br>方式 <i class="must">*</i></label>
<div class="layui-input-block flex1" style="max-width: 510px;">
<textarea name="checkScoreType1" id="checkScoreType1" disabled
placeholder="请提供高考查分网址 查分用户名 密码 只用于验证成绩真伪" class="layui-textarea" lay-verify=""
lay-vertype="tips"></textarea>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="width: 125px">2026年高考省份<i class="must">*</i></label>
<div class="layui-input-inline">
<select name="nextYearFinalExamProvince2" id="nextYearFinalExamProvince2" lay-verify=""
disabled lay-vertype="tips" lay-search="" lay-filter="nextExamProvice2">
<option value=""></option>
</select>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="width: 125px">2026年高考组合 <i class="must">*</i></label>
<div class="layui-input-inline">
<select name="nextYearFinalExamGroup2" disabled id="nextYearFinalExamGroup2"
lay-verify="" lay-vertype="tips" lay-search lay-filter="nextYearFinalExamGroup2">
<option value=""></option>
<option value="1">1物理化学政治</option>
<option value="2">2物理化学生物</option>
<option value="3">3物理化学地理</option>
<option value="4">4物理生物地理</option>
<option value="5">5物理生物政治</option>
<option value="6">6物理政治地理</option>
<option value="7">7历史化学地理</option>
<option value="8">8历史化学政治</option>
<option value="9">9历史生物地理</option>
<option value="10">10历史化学生物</option>
<option value="11">11历史政治生物</option>
<option value="12">12历史政治地理</option>
</select>
<div class="layui-unselect layui-form-select">
<div class="layui-select-title"><input type="text" placeholder="请选择" value=""
readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i>
</div>
</div>
</div>
</div>
</div>
<div class="m-content">
<fieldset class="layui-elem-field layui-field-title border-blue">
<legend>高考成绩截图</legend>
<div class="layui-field-box personPic" style="padding: 10px 270px;">
<label class="layui-upload-drag left" id="uploadPhoto">
<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>
</label>
<div class="userImg">
<img src="" id="userPic" 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>
</fieldset>
</div>
<div class="layui-form-item df2">
<div class="layui-input-block">
</div>
</div>
</div>
<!-- <div>
<blockquote class="layui-elem-quote">
<h3>如有疑问,可扫码咨询:</h3>
<hr>
<div class="ml-30">
<img src="/newImg/qrcode.png">
</div>
</blockquote>
</div> -->
<div class="form-content layui-hide">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">高考总成绩 <i class="must">*</i></label>
<div class="layui-input-inline">
<input type="number" name="finalExamTotalScore1" id="finalExamTotalScore1" disabled
placeholder="请输入高考总成绩" autocomplete="off" class="layui-input" lay-verify=""
lay-vertype="tips">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">高考省排名 <i class="must">*</i></label>
<div class="layui-input-inline">
<input type="number" name="finalExamRank1" id="finalExamRank1" placeholder="请输入高考省排名"
disabled autocomplete="off" class="layui-input" lay-verify="" lay-vertype="tips">
</div>
</div>
</div>
<div class="layui-form-item">
<p class="tips mb-20 fs-16">请提供高考查分网址 查分用户名 密码 只用于验证成绩真伪</p>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">查分验证<br>方式 <i class="must">*</i></label>
<div class="layui-input-block" style="max-width: 510px;">
<textarea name="checkScoreType1" id="checkScoreType1" disabled
placeholder="请提供高考查分网址 查分用户名 密码 只用于验证成绩真伪" class="layui-textarea" lay-verify=""
lay-vertype="tips"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="width: 125px">2026年高考省份 <i class="must">*</i></label>
<div class="layui-input-inline" style="margin-left: 155px;">
<select name="nextYearFinalExamProvince3" id="nextYearFinalExamProvince3" disabled
lay-verify="requiredSelect" lay-vertype="tips" lay-filter="nextExamProvice2">
</select>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label" style="width: 125px">2026年高考组合4 <i
class="must">*</i></label>
<div class="layui-input-inline" style="margin-left: 155px;">
<select name="nextYearFinalExamGroup4" id="nextYearFinalExamProvince4" disabled
lay-verify=lay-verType="tips">
</select>
</div>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title border-blue">
<hr class="layui-bg-blue">
<legend>高考成绩截图</legend>
<div class="layui-field-box center">
<div class="layui-upload-drag center" id="uploadScorePhoto">
<img src="./newImg/upload.png" id="upload" alt="">
<p>点击上传,或将文件拖拽到此处</p>
<p>照片大小:<span class="must">10M以内</span></p>
<p>照片格式:<span class="must">jpgpngjpeg</span></p>
</div>
<div class="layui-show-drag center 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="deleteScorePhoto_r">删除图片</button>
</div>
<input type="hidden" name="finalScorePhotoUrl" id="finalScorePhotoUrl">
<div class="clear"></div>
</div>
</fieldset>
<div class="layui-form-item">
<div class="layui-input-block" style="margin-left: 0; text-align: center;">
</div>
</div>
</div>
</div>
<script>
</script>
</body>
<script src="./static/js/jquery.js"></script>
<script src="./static/js/axios.min.js"></script>
<script src="./static/js/sweetalert2.min.js"></script>
<script>
let token = localStorage.getItem("authToken")
if (!token) {
Swal.fire({
title: '提示',
text: '请重新登录',
icon: 'error', // 可选:'success', 'error', 'warning', 'info', 'question'
confirmButtonText: '确定',
}).then(res => {
if (res.isConfirmed) {
window.location.href = './login.html'
}
});
}
// 高考成绩截图
$('#uploadPhoto').click(function () {
$("#upload1").click()
})
let imgUrl
let imgUrl2
$("#upload1").change(function (e) {
let file = e.target.files[0];
if (file) {
let formData = new FormData();
formData.append('file', file);
axios.post('http://studentadmin.hshuishang.com/student/upload', formData, {
headers: {
'Content-Type': 'multipart/form-data',
"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('');
})
// 证明材料
$('#uploadPhoto2').click(function () {
$("#upload2").click()
})
let imgUrl3
let imgUrl4
$("#upload2").change(function (e) {
let file = e.target.files[0];
if (file) {
let formData = new FormData();
formData.append('file', file);
axios.post('http://studentadmin.hshuishang.com/student/upload', formData, {
headers: {
'Content-Type': 'multipart/form-data',
"Authorization": token
}
}).then(res => {
imgUrl3 = res.data.data.path
imgUrl4 = 'http://studentadmin.hshuishang.com/' + res.data.data.path
$("#userPic2").attr("src", imgUrl4)
$('#uploadPhoto2').hide()
$('.userImg2').show()
// 清除输入框的值
$("#upload2").val('');
}).catch(err => {
console.log(err);
})
}
});
$("#close2").click(function () {
$("#userPic2").attr("src", '')
$('#uploadPhoto2').show()
$('.userImg2').hide()
imgUrl3 = ''
imgUrl4 = ''
// 清除输入框的值
$("#upload2").val('');
})
//获取省份
let proviceList
function getCityTree() {
fetch('./static/js/area.json')
.then(response => response.json())
.then(data => {
console.log(data); // 在这里使用 JSON 数据
proviceList = data
$.each(proviceList, function (index, item) {
$("#hukouProvince").append(`<option value="${item.id}">${item.name}</option>`);
$("#nextYearFinalExamProvince1").append(`<option value="${item.id}">${item.name}</option>`);
$("#examProvince").append(`<option value="${item.id}">${item.name}</option>`);
$("#nextYearFinalExamProvince2").append(`<option value="${item.id}">${item.name}</option>`);
});
})
.catch(error => console.error('加载 JSON 出错:', error));
}
getCityTree()
let currentValue
$("#btn1").click(function () {
submit()
})
$("#btn2").click(function () {
submit()
})
let allSubject
//获取学科
function AllSub(e) {
axios.post('http://studentadmin.hshuishang.com/student/allSubject', {
name: e,
}, {
headers: {
'Content-Type': 'multipart/form-data',
"Authorization": token
}
}).then(res => {
console.log(res.data.data.list);
allSubject = res.data.data.list
// 创建一个Map来存储合并后的对象
const mergedMap = new Map();
// 合并第一个数组
allSubject.forEach(item => {
mergedMap.set(item.id, { ...item });
});
// 合并第二个数组,保留已有属性
obj.scoreInfo.forEach(item => {
const existing = mergedMap.get(item.id) || {};
mergedMap.set(item.id, { ...existing, ...item });
});
// 转换回数组
const mergedArray = Array.from(mergedMap.values());
console.log(mergedArray,'asdsad');
$.each(mergedArray, function (index, item) {
$(".Allsub").append(
`
<div class="layui-inline"> <label class="layui-form-label">${item.name}</label>
<div class="layui-input-inline"> <input type="hidden" name="subjectId" value="1"> <input
disabled type="number" name="score" id="${'all' + item.id}" placeholder="请输入分数" autocomplete="off"
value=${item.score} class="layui-input"> </div>
</div>
`
)
});
}).catch(err => {
console.log(err);
})
}
$("#exit").click(function () {
localStorage.removeItem('baseId')
localStorage.removeItem('authToken')
window.location.href = './login.html'
})
let obj = {}
function getInfo() {
axios.post('http://studentadmin.hshuishang.com/student/loginInfo', {}, {
headers: {
'Content-Type': 'application/json',
"Authorization": token
}
}).then(res => {
console.log(res.data.data.info.collegeInfo);
obj = res.data.data.info.collegeInfo
let isJoin = obj.isJoin == 0 ? 2 : 1
console.log(isJoin, '2323');
if (isJoin == 1) {
$('.final-exam-content-0').addClass('layui-hide')
$('.final-exam-content-0').addClass('disabled')
$('.final-exam-content-1 ').show()
$(".score-content").show()
} else {
$(".score-content").hide()
$('.final-exam-content-1 ').hide()
$('.final-exam-content-0').removeClass('layui-hide')
$('.final-exam-content-0').removeClass('disabled')
}
//是否参加25高考
$('#currentExam').val(isJoin)
//25高考省份
$("#examProvince").val(obj.province)
//25高考组合
$('#thisYearFinalExamGroup').val(obj.preselection)
//准考证号
$("#finalExamNo").val(obj.admissionTicket)
//考生号
$('#kaoshenghao').val(obj.studentId)
//总分
$("#finalExamTotalScore1").val(obj.total)
//排名
$("#finalExamRank1").val(obj.ranking)
//查分方式
$("#checkScoreType1").val(obj.authUrl)
// //26高考省份
$("#nextYearFinalExamProvince2").val(obj.nextProvince)
$("#nextYearFinalExamProvince1").val(obj.nextProvince)
console.log(obj.nextProvince);
// //26高考组合
$("#nextYearFinalExamGroup2").val(obj.preselection)
//高考年份
$("#gaokaoYear").val(obj.collegeYear)
//大学名称
$("#schoolName").val(obj.schoolName)
//26年组合
$("#nextYearFinalExamGroup1").val(obj.nextPreselection)
imgUrl = 'http://studentadmin.hshuishang.com/' + obj.pic
imgUrl4 = 'http://studentadmin.hshuishang.com/' + obj.material
$("#userPic").attr("src", imgUrl)
$('#uploadPhoto').hide()
$('.userImg').show()
$("#userPic2").attr("src", imgUrl4)
$('#uploadPhoto2').hide()
$('.userImg2').show()
// 清除输入框的值
$("#upload2").val('');
let name
proviceList.forEach(item => {
if (item.id == obj.province) {
name = item.name
return
}
});
AllSub(name)
}).catch(error => {
})
}
getInfo()
</script>
</html>