gfwleak/k18-ntcs-web-ntc
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

login页，当浏览器窗口大小改变时自动刷新页面

Browse Source
This commit is contained in:
chenjinsong
2018-12-26 17:45:56 +08:00
parent 83c9232d94
commit 41524b28fc
1 changed files with 24 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
src/main/webapp/WEB-INF/views/login.jsp
View File

@@ -3,26 +3,16 @@
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%> <%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%> <%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]> <html class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Login</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/pages/img/logo-K.ico" />
<title>NTC</title> <title>NTC</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- basic styles --> <link rel="shortcut icon" href="${pageContext.request.contextPath}/static/pages/img/logo-K.ico" />
<link href="${pageContext.request.contextPath}/static/login/assets/css/bootstrap.min.css" rel="stylesheet" /> <link href="${pageContext.request.contextPath}/static/login/assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/login/assets/css/font-awesome.min.css" /> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/login/assets/css/font-awesome.min.css" />
<!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" /> --> <!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" /> -->
<!-- ace styles --> <!-- ace styles -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/login/assets/css/ace.min.css" /> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/login/assets/css/ace.min.css" />
@@ -44,11 +34,6 @@
border-radius: 0; border-radius: 0;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
} }
body::-webkit-scrollbar-corner{
width: 0px;
height: 0px;
background: rgba(255,255,255,0);
}
.row{ .row{
margin-left: 0px; margin-left: 0px;
@@ -59,18 +44,14 @@
padding: 0px; padding: 0px;
} }
body{ body{
font-family: inherit; max-height:864px;
max-height:1080px; max-width:1518px;
max-width:1920px;
height:864px;
width:1518px;
background-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0);
background-image: url("${pageContext.request.contextPath}/static/login/assets/images/login/backimg.png"); background-image: url("${pageContext.request.contextPath}/static/login/assets/images/login/backimg.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-size: cover; background-size: cover;
color: white; color: white;
/* width: 1920px;
height: 1080px; */
} }
.input-icon input{ .input-icon input{
@@ -117,12 +98,10 @@
bottom: 0px; bottom: 0px;
left: 45%; left: 45%;
} }
#messageBox{
border-radius: 10px;
}
</style> </style>
</head> </head>
<body class="login-layout" style="overflow-y: hidden;"> <body class="login-layout">
<div class="main-container" style="height: 100%"> <div class="main-container" style="height: 100%">
<div class="row" style="height: 100%"> <div class="row" style="height: 100%">
<div class="col-sm-12" style="height: 100%"> <div class="col-sm-12" style="height: 100%">
@@ -185,16 +164,12 @@
<div class="foot"> <div class="foot">
<span>CEIEC All Rights Reserved, CEIEC © </span> <span>CEIEC All Rights Reserved, CEIEC © </span>
</div> </div>
<!--[if lt IE 9]> <script src="${pageContext.request.contextPath}/static/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/static/global/plugins/respond.min.js"></script>
<script src="${pageContext.request.contextPath}/static/global/plugins/excanvas.min.js"></script>
<![endif]-->
<!-- BEGIN CORE PLUGINS -->
<script src="${pageContext.request.contextPath}/static/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/static/global/plugins/js.cookie.min.js" type="text/javascript"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/js.cookie.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/static/global/plugins/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/static/global/plugins/jquery-validation/1.11.0/jquery.validate.method.js" type="text/javascript"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/jquery-validation/1.11.0/jquery.validate.method.js" type="text/javascript"></script>
<!-- END CORE PLUGINS --> <script type="text/javascript"> <!-- inline scripts related to this page -->
<script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
$("#loginForm").validate({ $("#loginForm").validate({
rules: { rules: {
@@ -228,36 +203,30 @@
}); });
</script> </script>
<script type="text/javascript"> <script type="text/javascript">
window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/login/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>"); window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/login/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
</script> </script>
<!-- dynamic_add -->
<script src="${pageContext.request.contextPath}/static/login/echarts/echarts.min.js"></script> <script src="${pageContext.request.contextPath}/static/login/echarts/echarts.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
if("ontouchend" in document) document.write("<script src='${pageContext.request.contextPath}/static/login/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); if("ontouchend" in document) document.write("<script src='${pageContext.request.contextPath}/static/login/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script> </script>
<!-- inline scripts related to this page -->
<script type="text/javascript"> <script type="text/javascript">
/*var bodyHeight = window.screen.height;*/ var bodyHeight = window.screen.height;
var bodyHeight = 864; var bodyWidth = window.screen.width;
var b_width = $("body").width();
console.log(bodyWidth);
console.log($("body").width());
$("body").height(bodyHeight+"px"); $("body").height(bodyHeight+"px");
$("#ntc_chart").height((bodyHeight-200)+"px"); $("#ntc_chart").height($(".main_left").height()+"px");
$("#ntc_chart").width($(".main_left").width()+"px"); $("#ntc_chart").width($(".main_left").width()+"px");
lineheight_y = 364;
lineheight_x = 362;
lineheight_y2 = 739;
lineheight_x2 = 767;
console.log(bodyHeight);
if(bodyHeight >800){
lineheight_y = 364; lineheight_y = 364;
lineheight_x = 362; lineheight_x = 362;
lineheight_y2 = 739; lineheight_y2 = 739;
lineheight_x2 = 767; lineheight_x2 = 767;
}
lineheight_y += (bodyWidth - b_width)/2 +30;
lineheight_y2 += (bodyWidth - b_width)/4;
var lines_Chart_chu = echarts.init(document.getElementById('ntc_chart')); var lines_Chart_chu = echarts.init(document.getElementById('ntc_chart'));
/* 数据流出 */ /* 数据流出 */
@@ -557,53 +526,10 @@
], ],
}; };
lines_Chart_chu.setOption(line_chu_option); lines_Chart_chu.setOption(line_chu_option);
$(window).resize(function(){
window.location.reload();
});
</script> </script>
<script type="text/javascript">
var fullflag = false;
// 全屏代码
function fullScreen() {
if(fullflag){
exitFullScreen();
}else{
fullflag = true;
var elem = document.body;
if (elem.webkitRequestFullScreen) {
elem.webkitRequestFullScreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.requestFullScreen) {
elem.requestFullscreen();
} else {
//notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
}
}
}
function exitFullScreen() {
fullflag = false;
var elem = document;
if (elem.webkitCancelFullScreen) {
elem.webkitCancelFullScreen();
} else if (elem.mozCancelFullScreen) {
elem.mozCancelFullScreen();
} else if (elem.cancelFullScreen) {
elem.cancelFullScreen();
} else if (elem.exitFullscreen) {
elem.exitFullscreen();
} else {
//notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
}
}
//document.addEventListener("fullscreenchange", function( event ) {
// if (document.fullscreenElement) {
// console.log('进入全屏');
// } else {
// console.log('退出全屏');
//}});
//window.onload = function() {
// fullScreen();//直接执行onclick中的函数就行
//}
</script>
</body> </body>
</html> </html>