CINXE.COM
中交门户登录页面
<!DOCTYPE html> <html lang="zh-CN"> <head> <title>中交门户登录页面</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="author" content="dingyj" /> <meta name="keywords" content="中交门户登录页面" /> <meta name="Description" content="中交门户登录页面" /> <link rel="icon" href="/sso_sys/img/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="/sso_sys/css/reset.min.css?v=20200628" /> <link rel="stylesheet" type="text/css" href="//portal.ccccltd.cn/sso_sys/layui/css/modules/layer/default/layer.css?v=20200628" /> <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 --> <!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/css/login_style_portal.css?v=1" /> </head> <body> <script data-fixed="true"> ! function() { var protocol = window.location.protocol; if (protocol == "http:" && window.location.host != 'sgr.ccccltd.cn') { window.location.href = window.location.href.replace("http", "https"); } }(); </script> <div class="" id="showAskWe" title="登录遇到问题请联系我们" alt="登录遇到问题请联系我们"> 登录帮助 </div> <div style="display: none;" id="fwbz" onclick="closeImg()"> <img src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/fwbz_new_2.png" alt="访问帮助"> </div> <!-- 遮罩层,默认隐藏展示,提示的时候展示 --> <div id="loading" class=""> <div id="loading-center"> <div id="loading-center-absolute"> <div class="object" id="object_one"></div> <div class="object" id="object_two"></div> <div class="object" id="object_three"></div> </div> </div> </div> <!-- 本部分内容为控制页面背景图的 --> <div class="cont"> <ul class="slidebox"> <li style="position: absolute;"> <div class="" id="bg1"></div> </li> <li style="position: absolute; display: none;"> <div class="" id="bg2"></div> </li> <li style="position: absolute; display: none;"> <div class="" id="bg3"></div> </li> <li style="position: absolute; display: none;"> <div class="" id="bg4"></div> </li> <li style="position: absolute; display: none;"> <div class="" id="bg5"></div> </li> </ul> </div> <!-- 本部分内容为控制页面主体内容展示 --> <div id="container"> <!-- 负责展示顶部LOGO --> <div id="header"> <div class="" id="ZJlogo"></div> </div> <!-- 负责主体登录框 --> <div id="bodyer"> <div id="login_top"></div> <div id="login_context"> <form id="LoginForm" method="POST" action="/sso_sys/j_security_check" name="LoginForm" class="form_submit"> <table border="0" cellspacing="1" cellpadding="0"> <tr> <td rowspan="1" colspan="2" id="ewm_td"> <div id="showewm_td"> <!--<img src="img/ewm_2.png" width="150px" height="150px" id="iamewm"/>--> </div> </td> </tr> <tr class="resetpwd_tr" id="resetpwd_tr"> <td style="height: 20px;"> <span id="errmsg" class="login_tishi" onclick="" title="点我查看登录访问帮助"> </span> </td> <!-- <td> <a href="javascript:void(0);" onclick="toresetpwd()" title="重置密码">重置密码</a> </td> --> </tr> </table> </form> </div> </div> <!-- 此处代码固定写死,展示的是可动态的图片 --> <div class="show-yundong"> <img class="yundong_pic1" src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/yundong_pic/yundong_pic1.png" /> <img class="yundong_pic2" src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/yundong_pic/yundong_pic2.png" /> <img class="yundong_pic3" src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/yundong_pic/yundong_pic3.png" /> <img class="yundong_pic4" src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/yundong_pic/yundong_pic4.png" /> </div> <div id="footer"> <div class="blankbox"></div> <p id="copy">京ICP备13039097号 京公网安备1104010000105号 Copyright ©2008 版权所有 All Rights Reserved</p> </div> </div> <!-- 注销4A的cookie --> <iframe class="hide_iframe_url_2" style="display: none;" src=""></iframe> <img class="logout_url_img_1" style="display: none;" src="" /> <img class="logout_url_img_2" style="display: none;" src="" /> <iframe class="hide_iframe_url_3" style="display: none;" src=""></iframe> <img class="logout_url_img_3" style="display: none;" src="" /> <iframe style="display: none;" src="https://authhub.ccccltd.cn/idp/profile/OAUTH2/Redirect/GLO?redirectToLogin=true&entityId=portalr"></iframe> <!--<script src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js" type="text/javascript" charset="utf-8"></script>--> <script src="/sso_sys/js/jquery-1.8.3.min.js?v=20200628" type="text/javascript" charset="utf-8"></script> <!-- 负责背景切换的js --> <script src="/sso_sys/js/L_slide.js?v=20200628" type="text/javascript" charset="utf-8"></script> <!-- 负责二维码展示的js --> <script src="/sso_sys/js/wwLogin-1.0.0.js?v=20200628" type="text/javascript" charset="utf-8"></script> <script src="/sso_sys/js/layer/layer.js?v=20200628" type="text/javascript" charset="utf-8"></script> <script> //先对console.log做兼容性判断 if (window.console === undefined) { console = { log: function() {}, info: function() {}, debug: function() {} }; } // 关闭页面展示的图片 function closeImg() { try { layer.close(layerImg); } catch (e) { } } //获取指定标签中是否包含某元素 function getClass(tagname, className) { var tag = -1; if (window.parent != null && window.parent != 'undefined') { var tagname = window.parent.document.getElementsByTagName(tagname); for (var i = 0; i < tagname.length; i++) { if (tagname[i].className == className) { tag = tagname[i]; } } return tag; } return null; } //判断参数是否为空 为空返回false ,不为空返回true function IsNull(Str) { var flag = true; if (!Str) { console.log("参数Str没有定义===>" + Str); flag = false; } else if (Str == null || Str == "null") { console.log("检测到Str是 null"); flag = false; } else if (Str.length == 0) { console.log('Str长度为0'); flag = false; } return flag; } function showReturnMsg() { var code = 'null'; if ( code == '1000') { //弹出即全屏 $("#errmsg").css({ "display" : "block", "color" : "red" }); layer.confirm('密码复杂度过低,为了您的账号安全请点击“重置密码”进行密码修改', { btn: ['重置密码','取消'] //按钮 }, function(index){ layer.close(index); window.open("https://reset.ccccltd.cn"); }, function(){ }); $("#errmsg").html('密码复杂度过低,为了您的账号安全请访问以下链接重置密码 <a href="javascript:void(0);" onclick="toresetpwd()" title="重置密码" style="color: #004a96;"><img src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/right.png">重置密码</a>'); return; }else if(code == '0001'){ //弹出即全屏 $("#errmsg").css({ "display" : "block", "color" : "red" }); layer.confirm('账号信息异常,为了您的账号安全请点击“重置密码”进行密码修改', { btn: ['重置密码','取消'] //按钮 }, function(index){ layer.close(index); window.open("https://reset.ccccltd.cn"); }, function(){ }); $("#errmsg").html('账号信息异常,为了您的账号安全请访问以下链接重置密码 <a href="javascript:void(0);" onclick="toresetpwd()" title="重置密码" style="color: #004a96;"><img src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/right.png">重置密码</a>'); return; }else if(code == '0008'){ //弹出即全屏 $("#errmsg").css({ "display" : "block", "color" : "red" }); layer.confirm('账户已锁定,请重置密码或联系4A管理员', { btn: ['重置密码','取消'] //按钮 }, function(index){ layer.close(index); window.open("https://reset.ccccltd.cn"); }, function(){ }); $("#errmsg").html('账户已锁定,请重置密码或联系4A管理员 <a href="javascript:void(0);" onclick="toresetpwd()" title="重置密码" style="color: #004a96;"><img src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/right.png">重置密码</a>'); return; } if (reMsg.indexOf("剩余4次机会") != -1) { layer.alert("您的账号密码输入错误次数已超过5次,如果超过10次,您的账号将被锁定!\r1.请您务必确认此账号为您本人的4A账号,避免出现登录他人账号的状况!推荐使用 用户编号、手机号、身份证号登录。\r2.门户登录密码非交建通密码,如果您忘记密码,请您点击登录框内的“重置密码”按钮,进行密码重置操作。\r如对您的账号有疑问,请联系:刘亚 15538857564" ); } if (reMsg.indexOf("重置密码") != -1) { reMsg += '<a href="javascript:void(0);" onclick="toresetpwd()" title="重置密码" style="color: #004a96;"><img src="//cccc.ccccltd.cn/wps/contenthandler/dav/fs-type1/themes/theme.cccc.login/mytheme/img/right.png">重置密码</a>'; } if (reMsg != "" && reMsg != "null") { $("#errmsg").css({ "display": "block", "color": "red" }); $("#errmsg").html(reMsg); $("#userID").css("border", "1px solid #ffffff"); $("#password").css("border", "2px solid red"); $("#password").focus(); } } //login 4A,登录按钮提交触发事件 function login4A() { if (checkForm()) { //显示遮罩层 $("#loading").show(); $("#login_button").attr("value", "登录中...."); var username = $("#userID").val(); //第三步,获取表单提交地址 $.ajax({ url: "/sso_sys/getUrl", type: "POST", dataType: "JSON", data: { "emp": username }, success: function(loginUrl) { //是否需要进行人机校验 if (loginUrl.personErrcode) { layer.open({ type: 2, area: ['500px', '320px'], title: "拖拽拼图验证", content: '//' + window.location.host + "/sso_sys/index.jsp?emp=" + username, cancel: function() { //关闭回调 $("#login_button").attr("value", "登录"); $("#loading").hide(); } }); } else { document.LoginForm.submit(); } //document.LoginForm.submit(); }, error: function() { layer.msg('请求失败!', { icon: 2 }); $("#login_button").attr("value", "登录"); //显示遮罩层 $("#loading").hide(); } }); } } /* 做账号密码框校验 */ function checkForm() { var getusername = document.LoginForm["j_username"].value; var getpassword = document.LoginForm["j_password"].value; //alert(getusername) if (getusername == "") { $("#errmsg").css({ "display": "block", "color": "red" }); $("#errmsg").html("您输入的账号为空!请先输入账号!"); $("#userID").css("border", "2px solid red"); $("#userID").focus(); return false; } if (getpassword == "") { $("#errmsg").css({ "display": "block", "color": "red" }); $("#errmsg").html("您输入的密码为空!请先输入密码!"); $("#userID").css("border", "1px solid #ffffff"); $("#password").css("border", "2px solid red"); $("#password").focus(); return false; } return true; } //清空输入信息,目前暂未使用 function setCancelURL() { document.LoginForm["wps.portlets.userid"].value = ""; document.LoginForm["password"].value = ""; document.LoginForm.action = ""; } //获取企业微信二维码 function loadWeixin() { try { //此id为展示二维码显示容器ID,其他参数暂无用 window.WwLogin({ "id": "showewm_td" }); } catch (e) { //TODO handle the exception console.log("******获取交建通企业微信二维码失败,失败原因:" + e.getMessage + "******"); } } /* 跳转到访问帮助页面 */ function tohelpPage() { var url = "http://portal.ccccltd.cn/cccc_errmsg_show/toFindErrMsg"; window.open(url, "_blank"); } /* 跳转到密码重置页面 */ function toresetpwd() { var geturl = window.location.hostname; window.open('https://reset.ccccltd.cn/', '_blank'); } /* 删除cookie方法 */ function delCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires; } //判断当前浏览类型userID password function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器 if (isEdge) { console.log("检测到当前浏览器为edge浏览器。"); $("#userID").css("font-size", "12px"); $("#password").css("font-size", "12px"); } } //保存cookie function setCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); } //获取cookie function get_cookie(Name) { var search = Name + "=" //查询检索的值 var returnvalue = ""; //返回值 if (document.cookie.length > 0) { sd = document.cookie.indexOf(search); if (sd != -1) { sd += search.length; end = document.cookie.indexOf(";", sd); if (end == -1) end = document.cookie.length; //unescape() 函数可对通过 escape() 编码的字符串进行解码。 returnvalue = unescape(document.cookie.substring(sd, end)) } } return returnvalue; } //删除cookie function delCookie(key) { var date = new Date(); date.setTime(date.getTime() - 1); var delValue = get_cookie(key); if (!!delValue) { document.cookie = key + '=' + delValue + ';expires=' + date.toGMTString(); } } /* 负责进行注销的方法 */ function logoutFun(sysurl, sysname) { $.ajax({ url: sysurl, type: "GET", timeout: 2000, //设定访问超时时间 dataType: "jsonp", complete: function(response, textStatus) { if (response.status == 404) { console.log("注销失败,URL请求失败!"); } else if (response.status == 200) { console.log("注销成功,响应状态码:" + response.status + "\n响应信息: " + textStatus + "\nURL状态正常!"); } else { console.log("注销失败,响应状态码:" + response.status + "\n响应信息: " + textStatus + "\nURL 可能失效了!"); } } }); } //根据参数名获取参数值 function getQueryStringByName(name) { var result = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i")); if (result == null || result.length < 1) { return ""; } return result[1]; } /*********************开始执行js************************/ var reMsg = "null"; /* 声明jsp中需要频繁使用的引用路径 */ var projectPath = "http://portal.ccccltd.cn:80/sso_sys/"; var cb = getQueryStringByName("cb"); var layerImg; //悬浮球事件需要用到的变量 // 页面加载完成后执行的方法 $(function() { //做门户背景图的轮播初始化 affect:1 $(".cont").slide({ affect: 4, time: 10000, speed: 500, dot_text: false }); //注销sso的cookie $(".hide_iframe_url_2").attr("src","https://sso.ccccltd.cn:14100/CustomsOAM/clearCookie.jsp"); $(".logout_url_img_1").attr("src","https://sso.ccccltd.cn:14100/CustomsOAM/clearCookie.jsp"); $(".hide_iframe_url_3").attr("src","https://sso.ccccltd.cn:7820/oam/server/logout"); $(".logout_url_img_3").attr("src","https://sso.ccccltd.cn:7820/oam/server/logout"); //$(".logout_url_img_2").attr("src","https://sso.ccccltd.cn:7813/oam/server/logout"); logoutFun("https://sso.ccccltd.cn:14100/CustomsOAM/clearCookie.jsp", "4A"); //logoutFun("https://sso.ccccltd.cn:7813/oam/server/logout", "4A"); //获取企业微信二维码 loadWeixin(); //显示返回的错误信息 showReturnMsg(); /* 判断用户浏览器是否为edge浏览器,如果是,则将输入框字体修改为12px */ BrowserType(); //判断cookie,自动填写用户名 var logname = get_cookie("logName"); if (logname != "") { $("#userID").val(logname); $("input[type='checkbox']").prop("checked", true); } /* 做返回的错误信息的处理 */ if (cb != "" && (reMsg == "" || reMsg == "null") && 'null' != '1') { var htmlhelp = 'help.html'; if (cb.indexOf('/empm.ccccltd.cn') != -1) { htmlhelp = 'help_wc.html'; } else if (cb.indexOf('/ecp.ccccltd.cn') != -1) { htmlhelp = 'help_zc.html'; } if (htmlhelp != 'help.html') { layer.open({ id: 'help22', type: 2, title: false, shadeClose: true, //点击遮罩关闭 area: ['100%', '100%'], content: '//portal.ccccltd.cn/sso_sys/html/' + htmlhelp }); } } /* 进行页面上访问帮助球的拖动,当按下悬浮球时 */ var showAskWeBox = document.getElementById('showAskWe') var isDrag = true // 是否点击 showAskWeBox.onmousedown = function(event) { var e = event || window.event, t = e.target || e.srcElement, x1 = e.clientX, y1 = e.clientY, top = this.offsetTop, left = this.offsetLeft; (dragLeft = this.offsetLeft), (dragTop = this.offsetTop) document.onmousemove = function(event) { isDrag = false var e = event || window.event, t = e.target || e.srcElement, x2 = e.clientX, y2 = e.clientY, x = x2 - x1, y = y2 - y1 showAskWeBox.style.left = dragLeft + x + 'px' showAskWeBox.style.top = dragTop + y + 'px' } document.onmouseup = function() { this.onmousemove = null } } //松开鼠标时 showAskWeBox.onmouseup = function() { if (isDrag) { //页面层-图片 layerImg = layer.open({ type: 1, title: false, closeBtn: 0, area: ['auto'], skin: 'layui-layer-nobg', //没有背景色 shadeClose: true, content: $('#fwbz'), }) } isDrag = true ; } //方法结束 }); // $方法结束 </script> </body> </html>