r112/query.html · 约 2628 字符
1<!DOCTYPE html>2<html lang="zh-CN">3<head>4<meta charset="utf-8">5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">6<title>录取查询 · 小草职业教育学校</title>7<link rel="icon" href="data:,">8<link rel="stylesheet" href="style.css">9</head>10<body data-page="query">1112<header class="navbar "><a class="nb-back" href="index.html">‹</a><h1 class="nb-title">录取查询</h1><div class="nb-right"></div></header>13<div class="query-hd">录取查询</div>14<div class="query-note">输入中考准考证号与姓名，查询录取状态</div>15<div class="query-form">16 <input id="qName" placeholder="姓名">17 <input id="qNo" placeholder="准考证号">18 <button class="btn btn-primary" id="qBtn">查询</button>19</div>20<div id="qResult"></div>212223<div class="mask" id="mask"></div>24<div class="toast" id="toast"></div>25<script src="data/fallback.js"></script>26<script src="app.js"></script>27<script>28var ADMITS = [29 { name: '王浩', no: '20260001', status: '拟录取', major: '计算机应用', note: '请于 8 月 20 日前到校报到，逾期视为放弃。' },30 { name: '李欣', no: '20260002', status: '拟录取', major: '护理', note: '请于 8 月 20 日前到校报到，逾期视为放弃。' },31 { name: '张伟', no: '20260003', status: '待审核', major: '电子商务', note: '材料审核中，请保持电话畅通。' },32 { name: '陈静', no: '20260004', status: '拟录取', major: '新能源汽车运用与维修', note: '请于 8 月 20 日前到校报到，逾期视为放弃。' }33];34$('#qBtn').addEventListener('click', function () {35 var name = $('#qName').value.trim(), no = $('#qNo').value.trim();36 if (!name || !no) { toast('请填写姓名与准考证号'); return; }37 var hit = ADMITS.filter(function (a) { return a.name === name && a.no === no; })[0];38 var box = $('#qResult');39 if (!hit) {40 box.innerHTML = '<div class="q-res q-wait"><div class="qr-ic">…</div><div class="qr-t">未查询到录取信息</div><div class="qr-s">请核对姓名与准考证号，或联系招生办 400-820-2026</div></div>';41 return;42 }43 var cls = hit.status === '拟录取' ? 'q-ok' : 'q-wait';44 box.innerHTML = '<div class="q-res ' + cls + '"><div class="qr-ic">' + (hit.status === '拟录取' ? '✓' : '⏳') + '</div>'45 + '<div class="qr-t">' + esc(hit.status) + '</div>'46 + '<div class="qr-s">录取专业：' + esc(hit.major) + '</div>'47 + '<div class="qr-note">' + esc(hit.note) + '</div>'48 + '<div class="qr-no">准考证号：' + esc(hit.no) + '</div></div>';49});50</script>51</body>52</html>53