255 lines
7.3 KiB
HTML
255 lines
7.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>子系统进入页面</title>
|
|
<link rel="stylesheet" href="../css/comm/animate.css">
|
|
<style>
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
html, body, p {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background-color: #f1f4f5;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.subsystem_map {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -100;
|
|
}
|
|
|
|
.subsystem_map img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.subsystem_title {
|
|
padding-top: 120px;
|
|
text-align: center;
|
|
margin: 0px auto;
|
|
color: #fff;
|
|
font-size: 42px;
|
|
}
|
|
|
|
.subsystem_title img {
|
|
padding: 50px 0;
|
|
}
|
|
|
|
.subsystem_modular {
|
|
width: 1200px;
|
|
height: 350px;
|
|
margin: 0px auto;
|
|
position: relative;
|
|
margin-top: 80px;
|
|
}
|
|
|
|
.subsystem_modular_currency {
|
|
width: 350px;
|
|
height: 350px;
|
|
position: absolute;
|
|
top: 0px;
|
|
text-align: center;
|
|
border-radius: 4px;
|
|
border: 1px solid #ffffff;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.modular_tupian {
|
|
margin-top: 66px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.subsystem_modular_currency > p {
|
|
font-size: 24px;
|
|
line-height: 48px;
|
|
color: #fff;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.subsystem_coordinate2 {
|
|
left: 190px;
|
|
}
|
|
|
|
.subsystem_coordinate3 {
|
|
right: 190px;
|
|
}
|
|
|
|
.subsystem_modular_sj {
|
|
position: absolute;
|
|
bottom: -60px;
|
|
right: 190px;
|
|
}
|
|
|
|
.subsystem_modular_sj > a {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.subsystem_modular_sj > a > span > img {
|
|
position: relative;
|
|
top: 3px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.subsystem_modular_sj > div {
|
|
display: none;
|
|
position: absolute;
|
|
bottom: 30px;
|
|
right: 0px;
|
|
}
|
|
|
|
.subsystem_modular_sj > div > img {
|
|
width: 110px;
|
|
height: 110px;
|
|
}
|
|
|
|
.subsystem_modular_sj:hover .subsystem_modular_sj_div {
|
|
display: block;
|
|
box-shadow: 0 1px 3px rgba(255, 255, 255, .02), 0 16px 32px -4px rgba(255, 255, 255, .17);
|
|
}
|
|
|
|
.subsystem_modular_currency:hover .modular_tupian > img {
|
|
-webkit-animation: flipinY 1.5s ease-out backwards;
|
|
-moz-animation: flipinY 1.5s ease-out backwards;
|
|
-ms-animation: flipinY 1.5s ease-out backwards;
|
|
animation: flipinY 1.5s ease-out backwards;
|
|
}
|
|
|
|
@keyframes flipinY {
|
|
0% {
|
|
transform: perspective(400px) rotateY(90deg);
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
transform: perspective(400px) rotateY(-10deg);
|
|
}
|
|
70% {
|
|
transform: perspective(400px) rotateY(10deg);
|
|
}
|
|
100% {
|
|
transform: perspective(400px) rotateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<script src="../plugs/jquery/jquery-1.12.3.min.js"></script>
|
|
<script type="text/javascript" src="../plugs/easyui/jquery.easyui.min.js"></script>
|
|
<script type="text/javascript" src="../plugs/easyui/locale/easyui-lang-zh_CN.js"></script>
|
|
<script src="../plugs/js-md5/js/md5.min.js"></script>
|
|
<script src="../plugs/json2.min.js"></script>
|
|
<script src="../plugs/layer/layer.js"></script>
|
|
<script src="../js/comm/commHelper.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="subsystem_map"><img src="../images/main/dongnan_jump/mengbzz_5.png" alt=""></div>
|
|
<div class="subsystem_title wow fadeInDown animated systemName"
|
|
style="visibility: visible; animation-name: fadeInDown;">
|
|
<!-- 东南大学综合考评管理系统-->
|
|
</div>
|
|
<div class="subsystem_modular animated wow fadeInUp animated" style="visibility: visible; animation-name:fadeInUp;">
|
|
|
|
<div class="subsystem_modular_currency subsystem_coordinate2" onclick="shiming()">
|
|
<div class="modular_tupian"><img src="../images/main/dongnan_jump/megbzz_3.png" alt=""></div>
|
|
<p>一卡通登录</p>
|
|
</div>
|
|
<div class="subsystem_modular_currency subsystem_coordinate3" onclick="niming()">
|
|
<div class="modular_tupian"><img src="../images/main/dongnan_jump/megbzz_4.png" alt=""></div>
|
|
<p>随机号登录</p>
|
|
</div>
|
|
<div class="subsystem_modular_sj">
|
|
<a class="subsystem_modular_sj_a">
|
|
<span><img src="../images/main/dongnan_jump/shouji.png" alt=""></span>
|
|
<span>微信扫码填报</span>
|
|
</a>
|
|
<div class="subsystem_modular_sj_div">
|
|
<img src="../images/main/dongnan_jump/rewm.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
$(function () {
|
|
if (isMobile()) {
|
|
window.location.href = "mobile/login/login.html";
|
|
}
|
|
findSystemName();
|
|
})
|
|
|
|
//region 判断登入页面时手机端还是PC端
|
|
function isMobile() {
|
|
var mobile_flag = false;
|
|
if (commHelper.isOpenMobile) {
|
|
var userAgentInfo = navigator.userAgent;
|
|
var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
|
|
//根据userAgent判断是否是手机
|
|
for (var v = 0; v < mobileAgents.length; v++) {
|
|
if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
|
|
mobile_flag = true;
|
|
break;
|
|
}
|
|
}
|
|
var screen_width = window.screen.width;
|
|
var screen_height = window.screen.height;
|
|
//根据屏幕分辨率判断是否是手机
|
|
if (screen_width < 500 && screen_height < 800) {
|
|
mobile_flag = true;
|
|
}
|
|
}
|
|
return mobile_flag;
|
|
}
|
|
|
|
//endregion
|
|
function findSystemName() {
|
|
var s005001List = [];
|
|
s005001List.push("systemName");
|
|
commHelper.getNoSystemAjax("/api/auth/dictionaries/getSelected", {
|
|
s005001ListStr: JSON.stringify(s005001List)
|
|
}, function (res) {
|
|
if (res.data) {
|
|
$(".systemName").html(res.data.systemName[0].s005004);
|
|
}
|
|
})
|
|
}
|
|
|
|
function niming() {
|
|
window.location.href = "/admin/filling/login.html";
|
|
}
|
|
|
|
function shiming() {
|
|
var s005001List = [];
|
|
s005001List.push("isOpenSSO");
|
|
s005001List.push("realNamePath");
|
|
commHelper.getNoSystemAjax("/api/auth/dictionaries/getSelected", {
|
|
s005001ListStr: JSON.stringify(s005001List)
|
|
}, function (res) {
|
|
if (res.data) {
|
|
if (res.data.isOpenSSO[0].s005004 == 1) {
|
|
realNamePath = commHelper.ssoServiceName;
|
|
}
|
|
}
|
|
if (realNamePath) {
|
|
window.location.href = realNamePath;
|
|
} else {
|
|
window.location.href = "/admin/login.html";
|
|
}
|
|
})
|
|
}
|
|
|
|
</script>
|
|
</html>
|