From 0661d40712d7d1ce234f9d0afa6a58f7b8ca56ec Mon Sep 17 00:00:00 2001
From: jiazx0107 <jiazx0107@163.com>
Date: 星期一, 15 十二月 2025 10:10:15 +0800
Subject: [PATCH] 调整登录页面2
---
fzzy-igdss-web/src/main/resources/templates/login.html | 261 ++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 204 insertions(+), 57 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/login.html b/fzzy-igdss-web/src/main/resources/templates/login.html
index fb9b79d..dc37e14 100644
--- a/fzzy-igdss-web/src/main/resources/templates/login.html
+++ b/fzzy-igdss-web/src/main/resources/templates/login.html
@@ -3,78 +3,225 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
- <title>鐧诲綍鑻ヤ緷绯荤粺</title>
- <meta name="description" content="鑻ヤ緷鍚庡彴绠＄悊妗嗘灦">
- <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
- <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
- <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
- <link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
- <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.7.8}" rel="stylesheet"/>
+ <title>鏅烘収绮簱缁煎悎绠＄悊骞冲彴</title>
+ <meta name="description" content="涓撴敞浜庡姩鍔涚幆澧冪洃鎺�,鏅烘収绮簱,鑳芥簮绠＄悊,鐜繚鏁版嵁閲囬泦,鐗╄仈缃戠綉鍏崇瓑浜у搧鐨勭爺鍙戝拰鐢熶骇,鎻愪緵鍥戒骇鍖栫墿鑱旂綉瑙ｅ喅鏂规">
+
+ <link rel="shortcut icon" th:href="@{/favicon.ico}"/>
+ <link rel="stylesheet" th:href="@{/login/css/layui.css}"/>
+ <link rel="stylesheet" th:href="@{/login/css/login.css}"/>
<!-- 360娴忚鍣ㄦ�ラ�熸ā寮� -->
<meta name="renderer" content="webkit">
<!-- 閬垮厤IE浣跨敤鍏煎妯″紡 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
- <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
- <style type="text/css">label.error { position:inherit; }</style>
+ <style type="text/css">
+ .login-yzm-btn {
+ width: 80px;
+ height: 38px;
+ margin-top: -20px;
+ }
+
+ .dis-none {
+ display: none;
+ }
+
+ .css-hand {
+ cursor: pointer
+ }
+
+ .compatible {
+ height: 25px;
+ border-radius: 3px;
+ padding: 0 5px;
+ }
+
+ /** 寮瑰嚭妗咰SS**/
+ .mask {
+ background-color: rgba(0, 0, 0, 0.2);
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ }
+
+ .prompt_box {
+ width: 400px;
+ height: 200px;
+ background: #ffffff;
+ border-radius: 6px;
+ position: fixed;
+ top: 25%;
+ left: 50%;
+ margin-left: -200px;
+ overflow: hidden;
+ }
+
+ .prompt_box .prompt_title {
+ height: 40px;
+ line-height: 40px;
+ padding-left: 20px;
+ border-bottom: 2px solid #53adce;
+ background: #e6e6e6;
+ position: relative;
+ }
+
+ .prompt_box .prompt_title h3 {
+ font-size: 16px;
+ color: #333333;
+ margin-top: 0;
+ }
+
+ .prompt_box .prompt_cont {
+ position: relative;
+ height: 158px;
+ }
+
+ .prompt_box .prompt_cont .prompt_text {
+ line-height: 140px;
+ padding-left: 100px;
+ font-size: 16px;
+ }
+
+ .prompt_box .prompt_cont .prompt_sure {
+ position: absolute;
+ right: 20px;
+ bottom: 34px;
+ width: 80px;
+ height: 36px;
+ background: #53adce;
+ border-radius: 5px;
+ color: #ffffff;
+ font-size: 14px;
+ line-height: 36px;
+ text-align: center;
+ cursor: pointer;
+ }
+
+ .hide {
+ display: none;
+ }
+
+ .show {
+ display: block;
+ }
+ </style>
<script>
if(window.top!==window.self){alert('鏈櫥褰曟垨鐧诲綍瓒呮椂銆傝閲嶆柊鐧诲綍');window.top.location=window.location};
</script>
</head>
-<body class="signin">
- <div class="signinpanel">
- <div class="row">
- <div class="col-sm-7">
- <div class="signin-info">
- <div class="logopanel m-b">
- <h1><img alt="[ 椋庢鑷磋繙 ]" th:src="@{/logo-sm.png}"></h1>
- </div>
- <div class="m-b"></div>
- <h4>娆㈣繋浣跨敤 <strong>椋庢鑷磋繙 鍚庡彴绠＄悊绯荤粺</strong></h4>
- <ul class="m-b">
- <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> SpringBoot</li>
- <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Mybatis</li>
- <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Shiro</li>
- <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Thymeleaf</li>
- <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Bootstrap</li>
- </ul>
- <strong th:if="${isAllowRegister}">杩樻病鏈夎处鍙凤紵 <a th:href="@{/register}">绔嬪嵆娉ㄥ唽»</a></strong>
- </div>
- </div>
- <div class="col-sm-5">
- <form id="signupForm" autocomplete="off">
- <h4 class="no-margins">鐧诲綍锛�</h4>
- <p class="m-t-md">涔橀鐮存氮椋庢鍔� 琛岀ǔ鑷磋繙鍚柊绋�</p>
- <input type="text" name="username" class="form-control uname" placeholder="鐢ㄦ埛鍚�" value="admin" />
- <input type="password" name="password" class="form-control pword" placeholder="瀵嗙爜" value="admin123" />
- <div class="row m-t" th:if="${captchaEnabled==true}">
- <div class="col-xs-6">
- <input type="text" name="validateCode" class="form-control code" placeholder="楠岃瘉鐮�" maxlength="5" />
- </div>
- <div class="col-xs-6">
- <a href="javascript:void(0);" title="鐐瑰嚮鏇存崲楠岃瘉鐮�">
- <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
- </a>
- </div>
- </div>
- <div class="checkbox-custom" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">
- <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">璁颁綇鎴�</label>
- </div>
- <button class="btn btn-success btn-block" id="btnSubmit" data-loading="姝ｅ湪楠岃瘉鐧诲綍锛岃绋嶅��...">鐧诲綍</button>
- </form>
+<body class="login-body login2-body">
+<div class="i-container">
+ <!--浼佷笟lOGO-->
+ <div class="login-logo">
+
+ </div>
+
+ <!--鎵嬫満APP-->
+ <div class="login2-ewm css-hand">
+ <h3>
+ <i class="i-icon"><img th:src="@{/login/images/login-app-code.png}"/></i>涓嬭浇APP
+ </h3>
+ </div>
+
+ <div class="login2-ewm-img dis-none" id="ewm">
+ <img th:src="@{/login/images/login-app-code.png}"/>
+ </div>
+
+ <h1 class="login-tit">
+ <img th:src="@{/login/images/login-titimg2.png}"/>
+ </h1>
+
+ <div class="layui-row login-con">
+ <div class="layui-col-md7 login-left">
+ <div class="login-leftbox">
+ <img th:src="@{/login/images/login2-left.gif}"
+ class="login-leftimg"/>
+ <img
+ th:src="@{/login/images/login2-left-bg.png}" class="login-leftbg"/>
</div>
</div>
- <div class="signup-footer">
- <div class="pull-left">
- Copyright 漏 2019-2024 FZZY-GF All Rights Reserved. <br>
+ <div class="layui-col-md5 login-right">
+ <div class="login-box">
+
+ <div class="layui-tab">
+
+ <h3 class="login2-box-tit">
+ <img th:src="@{/login/images/login2-box-tit.png}"/>
+ </h3>
+
+ <div class="layui-tab-content">
+
+ <div class="layui-tab-item layui-show">
+ <div class="login-tab-2">
+
+ <form class="layui-form" id="signupForm">
+
+ <div class="layui-form-item">
+ <label class="layui-form-label"> <i class="i-icon"><img
+ th:src="@{/login/images/icon-user.png}"/></i>
+ </label>
+ <div class="layui-input-block">
+ <input type="text" name="username" required
+ lay-verify="required" placeholder="璇峰湪姝よ緭鍏ョ敤鎴峰悕"
+ autocomplete="off" class="layui-input" value="">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label"> <i class="i-icon"><img
+ th:src="@{/login/images/icon-pw.png}"/></i>
+ </label>
+ <div class="layui-input-block">
+ <input type="password" name="password" required
+ lay-verify="required" placeholder="璇峰湪姝よ緭鍏ュ瘑鐮�"
+ autocomplete="off" class="layui-input" value="">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label"> <i class="i-icon">
+ <img th:src="@{/login/images/icon-yzm.png}"/></i>
+ </label>
+ <div class="layui-input-block" th:if="${captchaEnabled==true}">
+ <input type="text" name="validateCode" value="" required
+ lay-verify="required" placeholder="璇峰湪姝よ緭鍏ラ獙璇佺爜"
+ autocomplete="off" class="layui-input" style="width: 60%;">
+ <a href="javascript:void(0);" title="鐐瑰嚮鏇存崲楠岃瘉鐮�" class="login-yzm-btn">
+ <img class="imgcode" th:src="@{/captcha/captchaImage(type=${captchaType})}"/>
+ </a>
+ </div>
+ </div>
+ <div style="display: none" class="checkbox-custom" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">
+ <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">璁颁綇鎴�</label>
+ </div>
+ <div class="layui-input-block login-btnbox">
+ <button class="layui-btn login-btn" id="btnSubmit" data-loading="姝ｅ湪楠岃瘉鐧诲綍锛岃绋嶅��...">鐧诲綍
+ </button>
+ </div>
+
+ </form>
+
+ </div>
+ <!--login-tab-2 end-->
+ </div>
+ </div>
+ </div>
+
</div>
+ <!--login-box end-->
</div>
</div>
-<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
-<!--[if lte IE 8]><script>window.location.href=ctx+'html/ie.html';</script><![endif]-->
-<!-- 鍏ㄥ眬js -->
+ <div class="login-copy">
+ <p>Copyright 漏 2019-2026 鏅烘収绮簱缁煎悎绠＄悊骞冲彴 | 椋庢鑷磋繙淇℃伅鎶�鏈偂浠芥湁闄愬叕鍙�</p>
+ </div>
+</div>
+
+<script th:inline="javascript">
+ var ctx = [[@{/}]] ;
+ var captchaType = [[${captchaType}]];
+</script>
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
-<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
+<script src="../static/ajax/libs/layer-ruoyi/layer.min.js" th:src="@{/ajax/libs/layer-ruoyi/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.7.8}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
--
Gitblit v1.9.3