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.
271 lines
5.8 KiB
271 lines
5.8 KiB
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="0">
|
|
<title>知识答题</title>
|
|
<style>
|
|
body {
|
|
background-image: url("../images/bg_img.png");
|
|
}
|
|
|
|
.title2_div {
|
|
text-align: center;
|
|
}
|
|
|
|
.title_p1 {
|
|
color: #F4D7A1;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.dh_div {
|
|
position: fixed;
|
|
top: 60px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
}
|
|
|
|
.dh_img {
|
|
width: 184px;
|
|
height: 182px;
|
|
}
|
|
|
|
.tam_div {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'XK';
|
|
src: url('../images/xk.ttf');
|
|
}
|
|
|
|
.title1_div {
|
|
text-align: center;
|
|
font-family: 'XK';
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.title1_p {
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 22px;
|
|
color: #F4D7A1;
|
|
line-height: 30px;
|
|
word-wrap: break-word;
|
|
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.647058823529412);
|
|
text-transform: none;
|
|
}
|
|
|
|
.title3_div {
|
|
text-align: center;
|
|
}
|
|
|
|
.title2_p {
|
|
font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-size: 30px;
|
|
color: #FFD596;
|
|
line-height: 35px;
|
|
/* margin-left: 15px; */
|
|
}
|
|
|
|
.title3_p {
|
|
font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-size: 18px;
|
|
color: #FFD596;
|
|
}
|
|
|
|
.title4_div {
|
|
text-align: center;
|
|
}
|
|
|
|
.title4_p {
|
|
font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-size: 18px;
|
|
color: #FFD596;
|
|
}
|
|
|
|
.login {
|
|
background-color: rgba(255, 245, 225, 1);
|
|
width: 70%;
|
|
height: 300px;
|
|
position: absolute;
|
|
z-index: 9999;
|
|
top: 50%;
|
|
left: 50%;
|
|
border-radius: 3px;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.star {
|
|
position: absolute;
|
|
top: -20px;
|
|
left: -20px;
|
|
|
|
}
|
|
|
|
input {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
color: #D0BD93;
|
|
border: none;
|
|
border-bottom: 1px solid #D0BD93;
|
|
outline: none;
|
|
height: 25px;
|
|
width: 60%;
|
|
/* margin-left: 30px; */
|
|
margin-top: 36px;
|
|
padding-left: 30px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.input_div {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.input_prefix {
|
|
position: absolute;
|
|
margin-left: 46px;
|
|
margin-top: 38px;
|
|
}
|
|
|
|
.button {
|
|
background-image: url('../images/u30.svg');
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
padding: 5px 20px;
|
|
color: #FFF5E1;
|
|
text-shadow: 1px 1px 1px gray;
|
|
/*给文字添加阴影*/
|
|
border: none;
|
|
/*去掉按钮边框*/
|
|
border-radius: 5px;
|
|
/*添加圆角*/
|
|
box-shadow: 2px 2px 2px lightgray;
|
|
margin-top: 35px;
|
|
height: 40px;
|
|
width: 150px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
::placeholder {
|
|
/* 全部支持情况下的设置 */
|
|
color: #D0BD93;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="dh_div"><img class="dh_img" src="../images/dh.png" alt=""></div>
|
|
|
|
<div style="position: absolute;z-index: 999;">
|
|
<div class="title1_div">
|
|
<p class="title1_p">“学深悟透担使命，踔厉奋发建新功”</p>
|
|
</div>
|
|
|
|
<div class="title2_div">
|
|
<p class="title2_p">长春市教育局</p>
|
|
</div>
|
|
|
|
<div class="title3_div">
|
|
<p class="title3_p">学习贯彻习近平新时代中国特色社会主义思想</p>
|
|
</div>
|
|
|
|
<div class="title4_div">
|
|
<p class="title4_p">知识答题活动</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="login">
|
|
<div class="star"><img class="tam_img" style="width: 50px;height: 50px;" src="../images/star.png"></div>
|
|
<div class="input_div">
|
|
<div class="input_prefix"><img src="../images/u18.svg"></div>
|
|
<input id="name" type="text" placeholder="请输入姓名">
|
|
</div>
|
|
<div class="input_div">
|
|
<div class="input_prefix"><img src="../images/u22.svg"></div>
|
|
<input id="bureau" type="text" placeholder="请输入处室">
|
|
</div>
|
|
<div class="input_div">
|
|
<div class="input_prefix"><img src="../images/u26.svg"></div>
|
|
<input id="tel" type="text" placeholder="请输入办公电话">
|
|
</div>
|
|
<div class="input_div">
|
|
<button id='login' type="button" class="button">开始答题</button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="tam_div">
|
|
<img class="tam_img" style="width: 100%;" src="../images/tam.png">
|
|
</div>
|
|
|
|
<script src="../js/jquery.min.js"></script>
|
|
<script src="../js/jquery.cookie.min.js"></script>
|
|
|
|
<script>
|
|
$.removeCookie('order_id', { path: '/' });
|
|
|
|
$(function () {
|
|
|
|
$("#login").click(function () {
|
|
if ($("#name").val().trim().length == 0) {
|
|
alert('姓名不能为空！');
|
|
return;
|
|
} else if ($("#bureau").val().trim().length == 0) {
|
|
alert('科室不能为空！');
|
|
return;
|
|
} else if ($("#tel").val().trim().length == 0) {
|
|
alert('办公电话不能为空！');
|
|
return;
|
|
} else {
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: "/FengHuang/exam/addPerson",
|
|
data: {
|
|
person_name: $("#name").val(),
|
|
ks: $("#bureau").val(),
|
|
tel: $("#tel").val()
|
|
},
|
|
success: function (res) {
|
|
if (res.success) {
|
|
window.location = "./exam.html";
|
|
} else {
|
|
alert(res.message);
|
|
return;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |