You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
6.1 KiB
175 lines
6.1 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<link rel="stylesheet" href="./component/layui/css/layui.css" />
|
|
<style>
|
|
.lay-step {
|
|
font-size: 0;
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
width: 60%;
|
|
padding-left: 13%;
|
|
}
|
|
|
|
td {
|
|
text-align: center;
|
|
height: 35px;
|
|
|
|
}
|
|
|
|
.td_title {
|
|
font-size: 16px !important;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.td_content {
|
|
text-align: left;
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
th {
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-elem-field legend {
|
|
margin-left: 20px;
|
|
padding: 0 10px;
|
|
font-size: 12px;
|
|
color: #05B5F8;
|
|
}
|
|
|
|
.layui-badge {
|
|
height: 25px;
|
|
line-height: 25px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
<div style="margin: 0 auto;width: 900px;">
|
|
<table class="layui-table">
|
|
<colgroup>
|
|
<col width="1300">
|
|
<col width="1300">
|
|
<col width="1300">
|
|
<col width="1300">
|
|
</colgroup>
|
|
<thead>
|
|
<tr class="layui-bg-gray">
|
|
<th colspan="4" style="text-align: center;font-size: 18px;height: 35px;">报名信息 <span
|
|
class="layui-badge" id="flag"></span>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="td_title">姓名</td>
|
|
<td class="td_content" id="xm"></td>
|
|
<td class="td_title">性别</td>
|
|
<td class="td_content" id="xb"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="td_title">所属学校</td>
|
|
<td class="td_content" colspan="3" id="ssxx"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="td_title">身份证号</td>
|
|
<td class="td_content" colspan="3" id="sfzh"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="td_title">考籍号</td>
|
|
<td class="td_content" colspan="3" id="kjh"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="td_title">国家学籍号</td>
|
|
<td class="td_content" colspan="3" id="gjxjh"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="td_title">科目卷面文字</td>
|
|
<td class="td_content" colspan="3" id="kmjmwz"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="td_title">考试科目</td>
|
|
<td class="td_content" colspan="3" id="kskm"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="layui-form-item" style="margin-top: 20px;">
|
|
<div style="text-align: center;">
|
|
<button type="button" class="layui-btn layui-bg-blue" id="pay">缴 费</button>
|
|
<button type="button" class="layui-btn layui-bg-blue" id="return">返 回</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="./component/layui/layui.js"></script>
|
|
|
|
<script>
|
|
layui.use(['form', 'jquery'], function () {
|
|
let form = layui.form;
|
|
let $ = layui.jquery;
|
|
|
|
$.ajax({
|
|
url: "/dsBase/hk/getStudentInfo",
|
|
async: false,
|
|
type: 'GET',
|
|
success: function (studentInfo) {
|
|
|
|
if (studentInfo.status_id == "0") {
|
|
$('#flag').addClass('layui-bg-blue');
|
|
$('#flag').html('待审核');
|
|
$('#pay').hide();
|
|
} else if (studentInfo.status_id == "1") {
|
|
$('#flag').removeClass('layui-bg-blue').addClass('layui-bg-blue');
|
|
$('#flag').html('待缴费');
|
|
$('#pay').show();
|
|
} else {
|
|
$('#flag').removeClass('layui-bg-blue').addClass('layui-bg-green');
|
|
$('#flag').html('已缴费');
|
|
$('#pay').hide();
|
|
}
|
|
|
|
// 渲染学生信息
|
|
$("#xm").html(studentInfo.student_name);
|
|
$("#xb").html(studentInfo.xb);
|
|
$("#ssxx").html(studentInfo.school_name);
|
|
$("#sfzh").html(studentInfo.sfzh);
|
|
$("#kjh").html(studentInfo.kjh);
|
|
$("#gjxjh").html(studentInfo.xjh);
|
|
var resJsonObj = JSON.parse(studentInfo.res_json)
|
|
$("#kmjmwz").html(resJsonObj.jmwz.name);
|
|
|
|
var kmData = resJsonObj.km;
|
|
var kmArr = kmData.map(item => item.name);
|
|
$("#kskm").html(kmArr.join("、"));
|
|
|
|
$("#return").click(function () {
|
|
window.location.href = "./select.html";
|
|
});
|
|
|
|
}, error: function (xhr, status, error) {
|
|
layer.msg("获取学生信息异常！", {
|
|
icon: 2,
|
|
time: 1000
|
|
});
|
|
}
|
|
});
|
|
|
|
$("#pay").click(function () {
|
|
window.location.href = "./pay.html";
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<script>
|
|
</script>
|
|
</body>
|
|
|
|
</html> |