<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>
教学一体化平台
</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="assets/css/styleNew.css">
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/fonts/font-awesome-4.4.0/css/font-awesome.css" />
<link rel="stylesheet" href="assets/css/zftal-ui-base.css">
<link rel="stylesheet" href="assets/css/reset.css">
<script type='text/javascript' src='js/qrcode/qrcode.js'>
</script>
<script type='text/javascript' src="js/jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.i18n.properties-1.0.9.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/i18n.js"></script>
<script type='text/javascript' src="js/login/security.js"></script>
<script type="text/javascript" src="js/login/pwdYz.js"></script>
<script type="text/javascript" src="js/login/login.js"></script>
</head>
<body>
<div class="content">
<!-- 填写部分 -->
<div class="left-content">
<div class="logo">
<img src="assets/images/logo_zyy.png" alt="">
</div>
<form id="fm1" action="/cas/login" method="post">
<ul>
<li class="name">
<p>学教一体化平台</p>
</li>
<li class="welcome">
<p>Welcome!</p>
</li>
<li class="sm-tips">
<p>Learning and Teaching Platform of ZCMU</p>
</li>
<li class="user">
<p class="error text-left" id="errormsg" style="color: #f56060;">
</p>
<div>
<p>Username/用户名</p>
<!-- <input type="text" placeholder="请输入用户名"> -->
<input id="username" name="username" class="form-control user-input" tabindex="1" placeholder="请输入用户名" type="text" value="" size="25" autocomplete="off"/>
<input type="button" id="sendsms" class="btn btn-primary get-code-btn" value="
loginView.button.send.sms" style="display:none" />
</div>
</li>
<li class="password">
<div>
<p>Password/密码</p>
<!-- <input type="password" placeholder="请输入密码"> -->
<input class="form-control pwd-input" id="ppassword" tabindex="2" onkeyup="CreateRatePasswdReq(this);" type="password" value="" size="25" autocomplete="off">
<input id="password" name="password" class="password form-control pwd-input" tabindex="2" onkeyup="CreateRatePasswdReq(this);" style="display: none;" placeholder="请输入密码" type="password" value="" size="25" autocomplete="off"/>
</div>
</li>
<li class="check">
<div class="remember">
<input type="checkbox" name="rememberMe" value="true"
id="rember">
<span>Remember Me/ 记住我</span>
<!-- <input class="default-checkbox checkbox" type="checkbox" name="rememberMe" value="true"
id="rember">
<label for="rember">
Remember Me/ 记住我 </label> -->
</div>
<div class="forget">
<img src="assets/images/forgetpsw.png" alt="">
<!-- <span>Forgotten Password/忘记密码</span> -->
<span>
<a target="_blank" href="https://www.msook.com/xjyt:7446/im/securitycenter/findPwd/index.zf">
Forgotten Password/ 忘记密码
<!-- 忘记登录密码 ? -->
</a>
</span>
</div>
</li>
<li class="login-button">
<button id="dl">Continue
登 录</button>
<input type="hidden" name="execution" value="2f156c0a-9794-4df2-b55a-7f6d58fb444a_ZXlKaGJHY2lPaUpJVXpVeE1pSjkuYVdORk1WRnJNbEJaYlRZeFNuTm5WMUJwWWxCaE1rZHJORzUxYkU1bEwzbzFVbkJ0TmxCM09Ha3hLMmRKVm5CWFpYUnRVRUZ1ZVV4RWRWaExlRFJ2VTJWdFFuSkVWMlZ3V2xoVU16WkhjMkpHZDNjelNsWkxPVVVyVG5OMmRIWkliRlFyWjBOVlNWazFaMWRHVEN0bU9GRXpNR05DVERCNGJsYzFkM1pSVkUxcllWVjJiMGR5UkU1bE1tTTNSMjVXVm10UmVIZHdRVGxtYUVjclZFMDJPRTlDVkhkb1kwOXpXRW94V2tSUmRIcG1ZbTE1U25oYVdFNTZWVkJvTjBJMVUzSXhWRkIzZWtONllURTBVMnRyTTBOc1IxbzRZalF5VUdzemVESjJVV2hKTWxWUE9XTkdhMGd6VDBGU2NHZERiWE0zZWtoU1pYSkJjVFZXWmpGQlRXZ3dVV2RaTnpGSVVrNHJWM0IwVjFad1ZDOXZhbEI0ZUZwWlRtWm5lVnBGTXpodk0yYzNaekp5YUdseVZUWnhhR001ZUhsS2JscFhVeTl0ZUVadmNsTnJWRzkzTUZoT2NuZzFiMWwzVEc4dldWQkVLM0JaVTJwUVptVjVRM0pTWlRGME5sTlJMM1ZYTW01Vk9HbENiMDk1TldwTlRGazNNMVpoUm1kWk4ydFBaR1k0YlZkcmFWRkdiRlpRWlM5dE5XMVlXVlZHVjIxMU0yRTVUVGRUTm5ablZHWTNURlJ4VXpOQk9YQjFNakpFVm1kQ1VTOW5jMHhZTmxodVRIRlZjRTAzUm5KR1p6bERVMGN5S3pkcWQwOHJhQ3N4WkZoT1pFOVVMME5JYzJkbFNXSnJLMDUyY1RJMWNIaDZRM0ZQU2pBeFdVcENTMVp1V1VkbEt6TjJaMVZPV0hNd1ZuQkxaM2RFVlVwNWEyUnJZUzlSY3psUmRXRnBNblJ3TDIxVWFsTnZNVk5DZDJOdVIxZ3pTRTFqTVV3NFJVRk9UekZuU2xsTVFUSk1kV2wyWjFWcVltRjVVMjRyU214R1FuZGtkbk5yVkhkbVdUVjNVV2N3Ym5oeFl5dENiR0ZZWm5CNlVGSk1LMnhvZERFd2NXWlBhaXRYZEZvd04ycHFTM1JwTUhRdlZVMUtaMlpPYWxsNlltMTNZa1JuSzB0NmJuUnBPRGhXVjJ0TmJIQkxMMDFYZG5aNlUzRnJValpGY0RaVE5saFFRVU5JYUhZd1VVRlVSRmRMZFRFMVFqWXpVV1pzYVRBeWNrUnlOazVpWkVSMVpreEpjalkzVkZWVFZUbE9aako1TDBZNWF6WklhbXhXUml0emRFeDFWR0ppTkdsS1FUWm5hM0JwYW1wWk1tdHVkRVppZDJObU0xQkNNVEpWZEdKVFQyNWpUbFY2VEVnNU0yTlBWRE5sY2tJNFRuaG1Ua1JFTWtOTWVsWkRWSE5TTmtaQlpFZ3hPVTFEYzNNd1JqaENlbWRIYzBOV1RrUm5jRVpzU25kMWJWZEpOMGxJVTNOV1NFcFZZazVTTURFdk5ISnJWSEZHUTNWaWNsTkdkMDFEWW1adE4waFFlalZGVVRsWVVWbGFNbXc0UVZoS2JFbDJOSFZPVVZCd2RFdzJOVUZYTUhwcmEwY3pTV3BGUTBkdFVDdGpXRU5FZWxGMU1VWTJPR3hXVkhaWE5UWXZTMEo0VWxwT2JUaDFaaTlXZUVsblZYQnpNRll4Y1dSMU5FaFVTR1ZRY2tWbWJ6TnpibE16U0cxWGNYQXhkMjFSVFZGU2NYVkRlV3BoY2pCalNHUkVVM0k1YUZCYWRUVkJiMDlXV1hCVlRuRXJZbmQ0UTBNd2VXSnpRWGx0VDBSM2NHZ3ZiM2xHTlV4eU4ycGxUMjFTWkhoWE4zYzRXR1ZtVDBOcWRXRkVNRGhtTkdob01XVnpXV1p6ZFdrelIwOVdZMkZ4UmxwbU1VcHJkbmd4YlVNd2N6SjFTMFIzYVRKVVIwTkRSRVl4V2xZclZ6bEllRmhMYmswclFYRmtjVWROUVhoWFdFVXZOMGw1YzNkaVJpOTNTbWx6UzJFcmIxVkxRVll4Um5oVU5YbDRLekJNVTB0dFRFMUphbVk1VWxwM2RrVlpUa1pCUW1adE1tRnNaVkpaTUZoMlVGWnRSMHhDWkM5dlZGbEhhak5ITmtOV2FUQnFhMjlNZFV4MmVIWmhMMlE1ZWk5dE1HNXhkMmxOU0hkamIyaHhUR0ZyVTNOa2JFMVlkbEJFUW01NVkyMWtVbXBrUVZJeVlWUnpObVpDVTFsaGQxZERVMU5yWlZaMVdXbE5PRGc0TlhvcmRtSlVaUzlqTVdoclIwcFFORVp0YzI1cUsxbHZlVU5tV0UxNE1IRkNRa0ZQTjFSd1JreGFSRkFyVDBsdGMxWTBhM0JTVkhVcmQzVnRhMGxEYzJGbFVVTmlLMGxaUjNJeUwyOVZhSGxTWkRjdkt5dDJOREZxU0U5UWJ6RmpTRWd6TlZSc01HNUtURWRSTDNZdk9HbDZSakV4UTJWcWJHTnZWRGhFVTFwTk5IQTJWMlZUTnpacGRFZHViM0JrVDJ4M1ZWZGxOMjFWV25kNVRETjJjbGhyYmtJekszZFNlRmRGYm5SR016YzFiVTFWSzI0eWNVVmxNR3RuTURaM01HVlVhbGcxTUdsa1dqYzFSekpzY1c5UFJEa3JlVmx1VGpjeU1VNW1jemwxZFZabFZHeHZkMGRpVmpZeVEzbDFNMUJoV0VkNWNXeHljMUJyV21oR2IxRkVZMEZPT1c1b1RHaHlSemgwT0V4eFJreEphU3RKV2pkSFFXeGtlVlZTYlhOcVN6bGlkM3BFVlRBeVVUTlpaM0pLUWtoSWJuRldSbEEwVlVFOVBRLmlTM1BWNVVhYUZfTTE0bzdfZFllNEFEaUE4V0txX3c3NzJKQnZJSFUzQUE1NGJZVU85aXBEelJWV1BkMG1jc05RYVZvTlptNzVud0hoRHg4UXl5eGdB" />
<input type="hidden" name="_eventId" value="submit" />
<a target="_blank"
href="https://www.msook.com/xjyt/cas/login?rzxx=supwisdom&service=https://puser.zcmu.edu.cn/home-page"
class="third-login">第三方登录</a>
</li>
</ul>
</form>
<div class="footer">
<p>浙ICP备05040830号 地址：浙江省杭州市滨江区滨文路548号</p>
<!-- <p>技术支持：浙江中医药大学信息与教育技术中心 电话：86633061</p> -->
<p>Copyright@2020 Zhejiang Chinese Medical University</p>
</div>
</div>
<!-- 图片部分 -->
<div class="right-img">
<div class='loading'>
<img src="assets/images/loading.png" alt="">
</div>
<img src="assets/images/max1.png" alt="">
</div>
</div>
<script>
// getMobileFlag();
// getImgHeight();
// var isMobile = false;
// function getMobileFlag() {
// var flag = navigator.userAgent.match(
// /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
// );
// isMobile = flag == null ? false : true;
// }
// function getImgHeight() {
// var maxHeight = document.documentElement.clientHeight;
// var imgMaxHeight = maxHeight - 4;
// $('.right-img img').css('height', imgMaxHeight + 'px');
// if (isMobile === true) {
// if ($('.right-img').css('display') == 'block') {
// $('.left-content').hide();
// $('.right-img').css('width', '100%');
// $('.right-img img').css('animation', 'disaper 3s');
// setTimeout(() => {
// $('.right-img').hide();
// $('.left-content').show();
// $('.left-content').css('width', '100%');
// }, 2500);
// }
// } else if (isMobile === false) {
// if ($('.right-img').css('display') == 'none') {
// $('.left-content').css('width', '50%');
// $('.right-img').css({ 'width': '50%', 'display': 'block' });
// $('.right-img img').css('animation', 'none');
// }
// }
// }
// $(window).resize(function () {
// getMobileFlag();
// getImgHeight();
// });
$(function() {
var nowWidth = document.documentElement.clientWidth;
if(nowWidth <= 1920 && nowWidth > 1663) {
$('.right-img > img').attr('src','assets/images/max1.png')
}else if(nowWidth <= 1663 && nowWidth > 1423) {
$('.right-img > img').attr('src','assets/images/max2.png')
}else if(nowWidth <= 1423 && nowWidth > 1349) {
$('.right-img > img').attr('src','assets/images/max3.png')
}else if(nowWidth <= 1349 && nowWidth > 1263) {
$('.right-img > img').attr('src','assets/images/max4.png')
}else if(nowWidth <= 1263) {
$('.right-img > img').attr('src','assets/images/max5.png')
}
});
getMobileFlag();
getImgHeight();
var isMobile = false;
function getMobileFlag() {
var flag = navigator.userAgent.match(
/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
);
isMobile = flag == null ? false : true;
}
function getImgHeight() {
var nowWidth = document.documentElement.clientWidth;
var maxHeight = document.documentElement.clientHeight;
var imgMaxHeight = maxHeight;
// if(nowWidth <= 1920 && nowWidth > 1663) {
// imgMaxHeight = maxHeight;
// }else if(nowWidth <= 1663 && nowWidth > 1263){
// imgMaxHeight = maxHeight;
// }else if(nowWidth <= 1263) {
// imgMaxHeight = maxHeight + 13;
// $('.right-img img').css('width','632px');
// }
if(!isMobile) {
$('.right-img > img').css('height',imgMaxHeight+'px');
}
// if(isMobile === true) {
// $('.loading> img').css('display','block');
// if($('.right-img').css('display') == 'block') {
// $('.left-content').hide();
// $('.right-img').css('width','100%');
// $('.loading> img').css('animation','loading 2s');
// // $('.right-img > img').css('animation','disaper 3s');
// setTimeout(() => {
// $('.right-img').hide();
// $('.left-content').show();
// $('.left-content').css('width','100%');
// $('.loading> img').css('display','none');
// }, 2500);
// $('.right-img').hide();
// $('.left-content').show();
// $('.left-content').css('width','100%');
// }
// }else if(isMobile === false) {
// if($('.right-img').css('display') == 'none') {
// $('.left-content').css('width','50%');
// $('.right-img').css({'width':'50%','display':'block'});
// $('.right-img > img').css('animation','none');
// }
// }
if(isMobile === true) {
/*if($('.right-img').css('display') == 'block') {
$('.loading> img').css('display','block');
$('.left-content').hide();
$('.right-img').css('width','100%');
$('.loading> img').css('animation','loading 2s');
setTimeout(() => {
$('.right-img').hide();
$('.left-content').show();
$('.left-content').css('width','100%');
$('.loading> img').css('display','none');
}, 2000);
}*/
$('.right-img').hide();
$('.left-content').show();
$('.left-content').css('width','100%');
$('.loading> img').css('display','none');
} else {
if($('.right-img').css('display') == 'none') {
$('.left-content').css('width','50%');
$('.right-img').css({'width':'50%','display':'block'});
$('.right-img > img').css('animation','none');
}
}
}
$(window).resize(function(){
getMobileFlag();
getImgHeight();
});
</script>
</body>
</html>