| @@ -2,265 +2,123 @@ | |||||
| <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org"> | <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org"> | ||||
| <head> | <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/html5shiv/3.7.0/html5shiv.js"></script> | ||||
| <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||||
| <![endif]--> | <![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> | </head> | ||||
| <body> | <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()); | $("#currentyear").text((new Date()).getFullYear()); | ||||
| $('[data-toggle="tooltip"]').tooltip(); | $('[data-toggle="tooltip"]').tooltip(); | ||||
| $(".preloader").fadeOut(); | $(".preloader").fadeOut(); | ||||
| @@ -299,12 +157,7 @@ $("#currentyear").text((new Date()).getFullYear()); | |||||
| } | } | ||||
| }); | }); | ||||
| } | } | ||||
| </script> | |||||
| </script> | |||||
| </body> | </body> | ||||
| </html> | </html> | ||||
| @@ -2,123 +2,265 @@ | |||||
| <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org"> | <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org"> | ||||
| <head> | <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/html5shiv/3.7.0/html5shiv.js"></script> | ||||
| <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||||
| <![endif]--> | <![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> | </head> | ||||
| <body> | <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()); | $("#currentyear").text((new Date()).getFullYear()); | ||||
| $('[data-toggle="tooltip"]').tooltip(); | $('[data-toggle="tooltip"]').tooltip(); | ||||
| $(".preloader").fadeOut(); | $(".preloader").fadeOut(); | ||||
| @@ -157,7 +299,12 @@ $("#currentyear").text((new Date()).getFullYear()); | |||||
| } | } | ||||
| }); | }); | ||||
| } | } | ||||
| </script> | |||||
| </script> | |||||
| </body> | </body> | ||||
| </html> | </html> | ||||