| @@ -2,265 +2,123 @@ | |||
| <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org"> | |||
| <head> | |||
| <meta charset="utf-8"> | |||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
| <!-- Tell the browser to be responsive to screen width --> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |||
| <meta name="description" content=""> | |||
| <meta name="author" content=""> | |||
| <!-- Favicon icon --> | |||
| <link rel="icon" type="image/png" sizes="16x16" | |||
| th:href="@{/assets/images/favicon.png}"> | |||
| <title>登录·网络情报分析系统</title> | |||
| <script th:src="@{/common/analyze-cloud.js}"></script> | |||
| <!----> | |||
| <!-- Custom CSS --> | |||
| <link th:href="@{/dist/css/style.min.css}" rel="stylesheet"> | |||
| <link th:href="@{/dist/css/custom.css}" rel="stylesheet"> | |||
| <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |||
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |||
| <!--[if lt IE 9]> | |||
| <meta charset="utf-8"> | |||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
| <!-- Tell the browser to be responsive to screen width --> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |||
| <meta name="description" content=""> | |||
| <meta name="author" content=""> | |||
| <!-- Favicon icon --> | |||
| <link rel="icon" type="image/png" sizes="16x16" th:href="@{/assets/images/favicon.png}"> | |||
| <title>登录·网络情报分析系统</title> | |||
| <script th:src="@{/common/analyze-cloud.js}"></script> | |||
| <!----> | |||
| <!-- Custom CSS --> | |||
| <link th:href="@{/dist/css/style.min.css}" rel="stylesheet"> | |||
| <link th:href="@{/dist/css/custom.css}" rel="stylesheet"> | |||
| <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |||
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |||
| <!--[if lt IE 9]> | |||
| <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | |||
| <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | |||
| <![endif]--> | |||
| <style type="text/css"> | |||
| .btn_experience{ | |||
| color: #fff; | |||
| font-size: 17.5px; | |||
| padding: 0.5rem 1rem; | |||
| background-color: #3183e2; | |||
| } | |||
| .btn_experience:hover { | |||
| color: #fff; | |||
| background-color: #0346ff; | |||
| border-color: #0041f5; | |||
| } | |||
| .popup{ | |||
| position: fixed; | |||
| top: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| left: 0; | |||
| overflow: auto; | |||
| outline: 0; | |||
| z-index: 100; | |||
| } | |||
| .ant-modal-mask { | |||
| position: fixed; | |||
| top: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| left: 0; | |||
| z-index: 100; | |||
| height: 100%; | |||
| background-color: rgba(0,0,0,.45); | |||
| } | |||
| .ant-modal { | |||
| box-sizing: border-box; | |||
| color: rgba(0,0,0,.85); | |||
| font-size: 14px; | |||
| font-variant: tabular-nums; | |||
| line-height: 1.5715; | |||
| list-style: none; | |||
| font-feature-settings: "tnum","tnum"; | |||
| pointer-events: none; | |||
| position: relative; | |||
| top: 100px; | |||
| width: auto; | |||
| max-width: calc(100vw - 32px); | |||
| margin: 0 auto; | |||
| padding: 0 0 24px; | |||
| } | |||
| .ant-modal-body { | |||
| padding: 24px; | |||
| font-size: 14px; | |||
| line-height: 1.5715; | |||
| word-wrap: break-word; | |||
| } | |||
| .ant-modal-content { | |||
| position: relative; | |||
| background-color: #fff; | |||
| background-clip: padding-box; | |||
| border: 0; | |||
| border-radius: 2px; | |||
| box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); | |||
| pointer-events: auto; | |||
| } | |||
| .ant-modal-close { | |||
| position: absolute; | |||
| top: 0; | |||
| right: 0; | |||
| z-index: 10; | |||
| padding: 0; | |||
| color: rgba(0,0,0,.45); | |||
| font-weight: 700; | |||
| line-height: 1; | |||
| text-decoration: none; | |||
| background: transparent; | |||
| border: 0; | |||
| outline: 0; | |||
| cursor: pointer; | |||
| transition: color .3s; | |||
| } | |||
| .ant-modal-close-x { | |||
| display: block; | |||
| width: 56px; | |||
| height: 56px; | |||
| font-size: 18px; | |||
| font-style: normal; | |||
| line-height: 56px; | |||
| text-align: center; | |||
| text-transform: none; | |||
| text-rendering: auto; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| <div class="main-wrapper"> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- <div class="preloader"> --> | |||
| <!-- <div class="lds-ripple"> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- </div> --> | |||
| <!-- </div> --> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <div class="auth-wrapper auth-wrapper-bg d-flex"> | |||
| <div class="login-header"> | |||
| <img th:src="@{/assets/images/favicon.png}" alt=""> <span>思通数据</span> | |||
| </div> | |||
| <div class="auth-box-left slogan-wrapper"> | |||
| <div class="slogan"> | |||
| <img th:src="@{/assets/images/login-left.png}" alt=""> | |||
| </div> | |||
| </div> | |||
| <div class="auth-login p-r"> | |||
| <div class="loginform" id="loginform"> | |||
| <!-- Form --> | |||
| <div class="row"> | |||
| <div class="col-12" style="height: 100%;"> | |||
| <div class="logo"> | |||
| <p class="login-title">登录</p> | |||
| </div> | |||
| <!--<form class="form-horizontal m-t-20" id="loginform" action="/login" method="post">--> | |||
| <form class="form-horizontal m-t-20" id="loginform" method="post"> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="text" | |||
| class="form-control form-control-lg" name="telephone" | |||
| placeholder-class="login-place" placeholder="用户名" value="13900000000" | |||
| aria-label="Username" aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="password" | |||
| class="form-control form-control-lg" name="password" | |||
| placeholder="密码" aria-label="Password" | |||
| aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="form-group text-center"> | |||
| <div class="col-xs-12 p-b-20" | |||
| style="display: flex; justify-content: space-between; align-items: center;"> | |||
| <!-- <a th:href="@{/forgotpwd}" style="color: #7290e0;">忘记密码?</a> --> | |||
| <button class="btn btn-block btn-lg btn-info bt-login" | |||
| type="button" onclick="login()">登录</button> | |||
| <div onclick="btn_experience()" class="btn btn_experience">获取体验账号</div> | |||
| </div> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| <div class="cus-footer" style="color: #5a5a5a;"> | |||
| © 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 | |||
| 苏ICP备17066984号-1 | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="main-wrapper"> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- <div class="preloader"> --> | |||
| <!-- <div class="lds-ripple"> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- </div> --> | |||
| <!-- </div> --> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <div class="auth-wrapper auth-wrapper-bg d-flex"> | |||
| <div class="login-header"> | |||
| <img th:src="@{/assets/images/favicon.png}" alt=""> | |||
| <span>思通数据</span> | |||
| </div> | |||
| <div class="auth-box-left slogan-wrapper"> | |||
| <div class="slogan"> | |||
| <img th:src="@{/assets/images/login-left.png}" alt=""> | |||
| </div> | |||
| </div> | |||
| <div class="auth-login p-r"> | |||
| <div class="loginform" id="loginform"> | |||
| <!-- Form --> | |||
| <div class="row"> | |||
| <div class="col-12" style="height: 100%;"> | |||
| <div class="logo"> | |||
| <p class="login-title">登录</p> | |||
| </div> | |||
| <!--<form class="form-horizontal m-t-20" id="loginform" action="/login" method="post">--> | |||
| <form class="form-horizontal m-t-20" id="loginform" method="post"> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="text" class="form-control form-control-lg" | |||
| name="telephone" placeholder-class="login-place" placeholder="用户名" | |||
| aria-label="Username" aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="password" class="form-control form-control-lg" | |||
| name="password" placeholder="密码" aria-label="Password" | |||
| aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="form-group text-center"> | |||
| <div class="col-xs-12 p-b-20" | |||
| style="display: flex; justify-content: space-between;align-items: center;"> | |||
| <a th:href="@{/forgotpwd}" style="color: #7290e0;">忘记密码?</a> | |||
| <button class="btn btn-block btn-lg btn-info bt-login" type="button" | |||
| onclick="login()">登录 | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| <div class="cus-footer" style="color: #5a5a5a;"> © 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 苏ICP备17066984号-1</div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div id="springframe" onclick="closePopup()" style="display: none;"> | |||
| <div class="ant-modal-mask" id="popupbg"></div> | |||
| <div class="popup" id="popup"> | |||
| <div role="document" class="ant-modal" style="width: 380px; transform-origin: 337px 329px;"> | |||
| <div tabindex="0" aria-hidden="true" style="width: 0px; height: 0px; overflow: hidden; outline: none;"></div> | |||
| <div class="ant-modal-content" onclick="event.stopPropagation()"> | |||
| <div aria-label="Close" class="ant-modal-close" onclick="closePopup()"> | |||
| <span class="ant-modal-close-x"> | |||
| <span role="img" aria-label="close" class="anticon anticon-close ant-modal-close-icon"> | |||
| <i class="mdi mdi-close-circle-outline"></i> | |||
| </span> | |||
| </span> | |||
| </div> | |||
| <div class="ant-modal-body"> | |||
| <div style="display: flex; flex-direction: column; align-items: center; font-size: 18px; margin-top: 24px;"> | |||
| <div style="margin-bottom: 24px;">公众号二维码</div> | |||
| <div> | |||
| <span style="font-size: 20px; color: rgb(24, 144, 255);">关注公众号</span>回复<span style="font-size: 20px; color: rgb(24, 144, 255);">demo</span>获取体验账号 | |||
| </div> | |||
| <img th:src="@{/assets/images/wxOfficialAccount.jpeg}" alt="qrcode" style="width: 258px; height: 258px;"> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div tabindex="0" aria-hidden="true" style="width: 0px; height: 0px; overflow: hidden; outline: none;"></div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- All Required js --> | |||
| <!-- ============================================================== --> | |||
| <script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script> | |||
| <!-- Bootstrap tether Core JavaScript --> | |||
| <script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script> | |||
| <script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script> | |||
| <script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script> | |||
| <script th:src="@{/dist/js/sidebarmenu.js}"></script> | |||
| <script th:src="@{/dist/baidu/baidu_statistics.js}"></script> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- All Required js --> | |||
| <!-- ============================================================== --> | |||
| <script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script> | |||
| <!-- Bootstrap tether Core JavaScript --> | |||
| <script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script> | |||
| <script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script> | |||
| <script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script> | |||
| <script th:src="@{/dist/js/sidebarmenu.js}"></script> | |||
| <script th:src="@{/dist/baidu/baidu_statistics.js}"></script> | |||
| <!-- ============================================================== --> | |||
| <!-- This page plugin js --> | |||
| <!-- ============================================================== --> | |||
| <script type="application/javascript"> | |||
| $('[data-toggle="tooltip"]').tooltip(); | |||
| $(".preloader").fadeOut(); | |||
| // ============================================================== | |||
| // Login and Recover Password | |||
| // ============================================================== | |||
| function closePopup(){ | |||
| document.getElementById("springframe").style.display = "none"; | |||
| } | |||
| function btn_experience(){ | |||
| console.log("-----"); | |||
| document.getElementById("springframe").style.display = "block"; | |||
| } | |||
| <!-- ============================================================== --> | |||
| <!-- This page plugin js --> | |||
| <!-- ============================================================== --> | |||
| <script type="application/javascript"> | |||
| $("#currentyear").text((new Date()).getFullYear()); | |||
| $('[data-toggle="tooltip"]').tooltip(); | |||
| $(".preloader").fadeOut(); | |||
| @@ -299,12 +157,7 @@ $("#currentyear").text((new Date()).getFullYear()); | |||
| } | |||
| }); | |||
| } | |||
| </script> | |||
| </script> | |||
| </body> | |||
| </html> | |||
| @@ -2,123 +2,265 @@ | |||
| <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org"> | |||
| <head> | |||
| <meta charset="utf-8"> | |||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
| <!-- Tell the browser to be responsive to screen width --> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |||
| <meta name="description" content=""> | |||
| <meta name="author" content=""> | |||
| <!-- Favicon icon --> | |||
| <link rel="icon" type="image/png" sizes="16x16" th:href="@{/assets/images/favicon.png}"> | |||
| <title>登录·网络情报分析系统</title> | |||
| <script th:src="@{/common/analyze-cloud.js}"></script> | |||
| <!----> | |||
| <!-- Custom CSS --> | |||
| <link th:href="@{/dist/css/style.min.css}" rel="stylesheet"> | |||
| <link th:href="@{/dist/css/custom.css}" rel="stylesheet"> | |||
| <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |||
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |||
| <!--[if lt IE 9]> | |||
| <meta charset="utf-8"> | |||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
| <!-- Tell the browser to be responsive to screen width --> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |||
| <meta name="description" content=""> | |||
| <meta name="author" content=""> | |||
| <!-- Favicon icon --> | |||
| <link rel="icon" type="image/png" sizes="16x16" | |||
| th:href="@{/assets/images/favicon.png}"> | |||
| <title>登录·网络情报分析系统</title> | |||
| <script th:src="@{/common/analyze-cloud.js}"></script> | |||
| <!----> | |||
| <!-- Custom CSS --> | |||
| <link th:href="@{/dist/css/style.min.css}" rel="stylesheet"> | |||
| <link th:href="@{/dist/css/custom.css}" rel="stylesheet"> | |||
| <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |||
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |||
| <!--[if lt IE 9]> | |||
| <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | |||
| <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | |||
| <![endif]--> | |||
| <style type="text/css"> | |||
| .btn_experience{ | |||
| color: #fff; | |||
| font-size: 17.5px; | |||
| padding: 0.5rem 1rem; | |||
| background-color: #3183e2; | |||
| } | |||
| .btn_experience:hover { | |||
| color: #fff; | |||
| background-color: #0346ff; | |||
| border-color: #0041f5; | |||
| } | |||
| .popup{ | |||
| position: fixed; | |||
| top: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| left: 0; | |||
| overflow: auto; | |||
| outline: 0; | |||
| z-index: 100; | |||
| } | |||
| .ant-modal-mask { | |||
| position: fixed; | |||
| top: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| left: 0; | |||
| z-index: 100; | |||
| height: 100%; | |||
| background-color: rgba(0,0,0,.45); | |||
| } | |||
| .ant-modal { | |||
| box-sizing: border-box; | |||
| color: rgba(0,0,0,.85); | |||
| font-size: 14px; | |||
| font-variant: tabular-nums; | |||
| line-height: 1.5715; | |||
| list-style: none; | |||
| font-feature-settings: "tnum","tnum"; | |||
| pointer-events: none; | |||
| position: relative; | |||
| top: 100px; | |||
| width: auto; | |||
| max-width: calc(100vw - 32px); | |||
| margin: 0 auto; | |||
| padding: 0 0 24px; | |||
| } | |||
| .ant-modal-body { | |||
| padding: 24px; | |||
| font-size: 14px; | |||
| line-height: 1.5715; | |||
| word-wrap: break-word; | |||
| } | |||
| .ant-modal-content { | |||
| position: relative; | |||
| background-color: #fff; | |||
| background-clip: padding-box; | |||
| border: 0; | |||
| border-radius: 2px; | |||
| box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); | |||
| pointer-events: auto; | |||
| } | |||
| .ant-modal-close { | |||
| position: absolute; | |||
| top: 0; | |||
| right: 0; | |||
| z-index: 10; | |||
| padding: 0; | |||
| color: rgba(0,0,0,.45); | |||
| font-weight: 700; | |||
| line-height: 1; | |||
| text-decoration: none; | |||
| background: transparent; | |||
| border: 0; | |||
| outline: 0; | |||
| cursor: pointer; | |||
| transition: color .3s; | |||
| } | |||
| .ant-modal-close-x { | |||
| display: block; | |||
| width: 56px; | |||
| height: 56px; | |||
| font-size: 18px; | |||
| font-style: normal; | |||
| line-height: 56px; | |||
| text-align: center; | |||
| text-transform: none; | |||
| text-rendering: auto; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| <div class="main-wrapper"> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- <div class="preloader"> --> | |||
| <!-- <div class="lds-ripple"> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- </div> --> | |||
| <!-- </div> --> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <div class="auth-wrapper auth-wrapper-bg d-flex"> | |||
| <div class="login-header"> | |||
| <img th:src="@{/assets/images/favicon.png}" alt=""> | |||
| <span>思通数据</span> | |||
| </div> | |||
| <div class="auth-box-left slogan-wrapper"> | |||
| <div class="slogan"> | |||
| <img th:src="@{/assets/images/login-left.png}" alt=""> | |||
| </div> | |||
| </div> | |||
| <div class="auth-login p-r"> | |||
| <div class="loginform" id="loginform"> | |||
| <!-- Form --> | |||
| <div class="row"> | |||
| <div class="col-12" style="height: 100%;"> | |||
| <div class="logo"> | |||
| <p class="login-title">登录</p> | |||
| </div> | |||
| <!--<form class="form-horizontal m-t-20" id="loginform" action="/login" method="post">--> | |||
| <form class="form-horizontal m-t-20" id="loginform" method="post"> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="text" class="form-control form-control-lg" | |||
| name="telephone" placeholder-class="login-place" placeholder="用户名" | |||
| aria-label="Username" aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="password" class="form-control form-control-lg" | |||
| name="password" placeholder="密码" aria-label="Password" | |||
| aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="form-group text-center"> | |||
| <div class="col-xs-12 p-b-20" | |||
| style="display: flex; justify-content: space-between;align-items: center;"> | |||
| <a th:href="@{/forgotpwd}" style="color: #7290e0;">忘记密码?</a> | |||
| <button class="btn btn-block btn-lg btn-info bt-login" type="button" | |||
| onclick="login()">登录 | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| <div class="cus-footer" style="color: #5a5a5a;"> © 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 苏ICP备17066984号-1</div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="main-wrapper"> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- <div class="preloader"> --> | |||
| <!-- <div class="lds-ripple"> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- <div class="lds-pos"></div> --> | |||
| <!-- </div> --> | |||
| <!-- </div> --> | |||
| <!-- ============================================================== --> | |||
| <!-- Preloader - style you can find in spinners.css --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <div class="auth-wrapper auth-wrapper-bg d-flex"> | |||
| <div class="login-header"> | |||
| <img th:src="@{/assets/images/favicon.png}" alt=""> <span>思通数据</span> | |||
| </div> | |||
| <div class="auth-box-left slogan-wrapper"> | |||
| <div class="slogan"> | |||
| <img th:src="@{/assets/images/login-left.png}" alt=""> | |||
| </div> | |||
| </div> | |||
| <div class="auth-login p-r"> | |||
| <div class="loginform" id="loginform"> | |||
| <!-- Form --> | |||
| <div class="row"> | |||
| <div class="col-12" style="height: 100%;"> | |||
| <div class="logo"> | |||
| <p class="login-title">登录</p> | |||
| </div> | |||
| <!--<form class="form-horizontal m-t-20" id="loginform" action="/login" method="post">--> | |||
| <form class="form-horizontal m-t-20" id="loginform" method="post"> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="text" | |||
| class="form-control form-control-lg" name="telephone" | |||
| placeholder-class="login-place" placeholder="用户名" value="13900000000" | |||
| aria-label="Username" aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="input-group mb-4"> | |||
| <input required="required" type="password" | |||
| class="form-control form-control-lg" name="password" | |||
| placeholder="密码" aria-label="Password" | |||
| aria-describedby="basic-addon1"> | |||
| </div> | |||
| <div class="form-group text-center"> | |||
| <div class="col-xs-12 p-b-20" | |||
| style="display: flex; justify-content: space-between; align-items: center;"> | |||
| <!-- <a th:href="@{/forgotpwd}" style="color: #7290e0;">忘记密码?</a> --> | |||
| <button class="btn btn-block btn-lg btn-info bt-login" | |||
| type="button" onclick="login()">登录</button> | |||
| <div onclick="btn_experience()" class="btn btn_experience">获取体验账号</div> | |||
| </div> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| <div class="cus-footer" style="color: #5a5a5a;"> | |||
| © 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 | |||
| 苏ICP备17066984号-1 | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- All Required js --> | |||
| <!-- ============================================================== --> | |||
| <script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script> | |||
| <!-- Bootstrap tether Core JavaScript --> | |||
| <script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script> | |||
| <script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script> | |||
| <script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script> | |||
| <script th:src="@{/dist/js/sidebarmenu.js}"></script> | |||
| <script th:src="@{/dist/baidu/baidu_statistics.js}"></script> | |||
| </div> | |||
| <div id="springframe" onclick="closePopup()" style="display: none;"> | |||
| <div class="ant-modal-mask" id="popupbg"></div> | |||
| <div class="popup" id="popup"> | |||
| <div role="document" class="ant-modal" style="width: 380px; transform-origin: 337px 329px;"> | |||
| <div tabindex="0" aria-hidden="true" style="width: 0px; height: 0px; overflow: hidden; outline: none;"></div> | |||
| <div class="ant-modal-content" onclick="event.stopPropagation()"> | |||
| <div aria-label="Close" class="ant-modal-close" onclick="closePopup()"> | |||
| <span class="ant-modal-close-x"> | |||
| <span role="img" aria-label="close" class="anticon anticon-close ant-modal-close-icon"> | |||
| <i class="mdi mdi-close-circle-outline"></i> | |||
| </span> | |||
| </span> | |||
| </div> | |||
| <div class="ant-modal-body"> | |||
| <div style="display: flex; flex-direction: column; align-items: center; font-size: 18px; margin-top: 24px;"> | |||
| <div style="margin-bottom: 24px;">公众号二维码</div> | |||
| <div> | |||
| <span style="font-size: 20px; color: rgb(24, 144, 255);">关注公众号</span>回复<span style="font-size: 20px; color: rgb(24, 144, 255);">demo</span>获取体验账号 | |||
| </div> | |||
| <img th:src="@{/assets/images/wxOfficialAccount.jpeg}" alt="qrcode" style="width: 258px; height: 258px;"> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div tabindex="0" aria-hidden="true" style="width: 0px; height: 0px; overflow: hidden; outline: none;"></div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- Login box.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Page wrapper scss in scafholding.scss --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- Right Sidebar --> | |||
| <!-- ============================================================== --> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- All Required js --> | |||
| <!-- ============================================================== --> | |||
| <script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script> | |||
| <!-- Bootstrap tether Core JavaScript --> | |||
| <script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script> | |||
| <script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script> | |||
| <script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script> | |||
| <script th:src="@{/dist/js/sidebarmenu.js}"></script> | |||
| <script th:src="@{/dist/baidu/baidu_statistics.js}"></script> | |||
| <!-- ============================================================== --> | |||
| <!-- This page plugin js --> | |||
| <!-- ============================================================== --> | |||
| <script type="application/javascript"> | |||
| <!-- ============================================================== --> | |||
| <!-- This page plugin js --> | |||
| <!-- ============================================================== --> | |||
| <script type="application/javascript"> | |||
| $('[data-toggle="tooltip"]').tooltip(); | |||
| $(".preloader").fadeOut(); | |||
| // ============================================================== | |||
| // Login and Recover Password | |||
| // ============================================================== | |||
| function closePopup(){ | |||
| document.getElementById("springframe").style.display = "none"; | |||
| } | |||
| function btn_experience(){ | |||
| console.log("-----"); | |||
| document.getElementById("springframe").style.display = "block"; | |||
| } | |||
| $("#currentyear").text((new Date()).getFullYear()); | |||
| $('[data-toggle="tooltip"]').tooltip(); | |||
| $(".preloader").fadeOut(); | |||
| @@ -157,7 +299,12 @@ $("#currentyear").text((new Date()).getFullYear()); | |||
| } | |||
| }); | |||
| } | |||
| </script> | |||
| </script> | |||
| </body> | |||
| </html> | |||