From 0e8c19020cfb05156c7aa3e33683f64131906e44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=9F=E5=B7=9D=E4=B8=9C?= <wyemail666@163.com>
Date: Thu, 15 May 2025 10:54:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=90=8E=E5=8F=B0=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/admin/view/index/login.html | 140 ++++++++++++++++++++++--
 1 file changed, 132 insertions(+), 8 deletions(-)

diff --git a/application/admin/view/index/login.html b/application/admin/view/index/login.html
index 74c6a29..34ef5cc 100755
--- a/application/admin/view/index/login.html
+++ b/application/admin/view/index/login.html
@@ -19,7 +19,7 @@
             width: 1073px;
             height: 642px;
             background: #FFFFFF;
-            box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.04), 0px 2px 6px 0px rgba(0,0,0,0.06), 0px 0px 4px 0px rgba(0,0,0,0.08);
+            box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
             border-radius: 12px;
         }
 
@@ -46,6 +46,7 @@
             justify-content: space-between;
             align-items: center;
         }
+
         .container .login-ctr .left {
             width: 400px;
             height: 360px;
@@ -53,19 +54,93 @@
         }
 
         .container .login-ctr .right {
-            width: 482px;
+            width: 392px;
             height: 445px;
         }
 
         .container .login-ctr .right {
-            margin-left: 100px;
+            margin-left: 120px;
         }
 
         .container .login-ctr .right .title {
             height: 67px;
             font-weight: 700;
             font-size: 40px;
-            color: rgba(0,0,0,0.9);
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        .container .login-ctr .right .form {
+            padding-top: 20px;
+            box-sizing: border-box;
+        }
+
+        .form .item {
+            margin-bottom: 10px;
+        }
+
+        .item .name {
+            height: 34px;
+            font-weight: 400;
+            font-size: 18px;
+            color: rgba(0, 0, 0, 0.9);
+            margin-bottom: 4px;
+        }
+
+        .item .form-control {
+            width: 393px;
+            height: 40px;
+            border-radius: 4px;
+            border: 1px solid rgba(0, 0, 0, 0.1);
+            font-weight: 400;
+            font-size: 15px;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        .item .captcha {
+            width: 280px;
+        }
+
+        .item .input-group-addon {
+            width: 100px;
+            height: 40px;
+        }
+
+        .right .keep-login {
+            height: 40px;
+            font-weight: 400;
+            font-size: 14px;
+            color: rgba(0,0,0,0.5);
+        }
+
+        .keep-login .text {
+            margin-left: 4px;
+            font-weight: 400 !important;
+        }
+
+        .keep-login .inline {
+            height: 100%;
+            width: 100px;
+        }
+
+        .keep-login .checkbox {
+            margin: 0;
+        }
+
+        .captcha-ctr {
+            display: flex;
+            justify-content: space-between;
+        }
+        .captcha-ctr .msg-box {
+            width: 100%;
+        }
+        .btn-lg {
+            width: 393px;
+            height: 40px;
+            border-radius: 4px;
+            font-weight: 400;
+            font-size: 15px;
+            color: #FFFFFF;
+            margin-top: 10px;
         }
 
     </style>
@@ -74,11 +149,60 @@
 <div class="container flex-c">
     <div class="login-ctr flex-c">
         <div class="left"></div>
-        <div class="right">
-            <div class="title">
-                欢迎登录 超邦手后台
+        <form action="" method="post" id="login-form">
+            <!--@AdminLoginFormBegin-->
+            <div id="errtips" class="hide"></div>
+            {:token()}
+            <div class="right">
+                <div class="title">
+                    欢迎登录超邦手后台
+                </div>
+                <div class="form">
+                    <div class="item">
+                        <div class="name flex-l">用户名</div>
+                        <input type="text" class="form-control" id="pd-form-username" placeholder="请输入用户名"
+                               name="username" autocomplete="off" value=""
+                               data-rule="{:__('Username')}:required;username"/>
+                    </div>
+                    <div class="item">
+                        <div class="name flex-l">密码</div>
+                        <input type="password" class="form-control" id="pd-form-password" placeholder="请输入密码"
+                               name="password" autocomplete="off" value=""
+                               data-rule="{:__('Password')}:required;password"/>
+                    </div>
+                    <!--@CaptchaBegin-->
+                    {if $Think.config.fastadmin.login_captcha}
+                    <div class="item">
+                        <div class="name flex-l">验证码</div>
+                        <div class="captcha-ctr">
+                            <div>
+                                <input type="text" name="captcha" class="form-control captcha"
+                                       placeholder="{:__('Captcha')}"
+                                       data-rule="{:__('Captcha')}:required;length({$Think.config.captcha.length|htmlentities})"
+                                       autocomplete="off"/>
+                            </div>
+
+                            <span class="input-group-addon" style="padding:0;border:none;cursor:pointer;">
+                                    <img src="{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha" width="100" height="40"
+                                         onclick="this.src = '{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha&r=' + Math.random();"/>
+                            </span>
+                        </div>
+                    </div>
+                    {/if}
+                    <!--@CaptchaEnd-->
+                </div>
+                {if $keeyloginhours>0}
+                <div class="keep-login">
+                    <label class="inline flex-l" for="keeplogin" data-toggle="tooltip" title="{:__('The duration of the session is %s hours', $keeyloginhours)}">
+                        <input type="checkbox" class="checkbox" name="keeplogin" id="keeplogin" value="1"/>
+                        <span class="text">保持会话</span>
+                    </label>
+                </div>
+                {/if}
+                <button type="submit" class="btn btn-success btn-lg btn-block" style="background:#2772F0;">{:__('Sign in')}</button>
             </div>
-        </div>
+            <!--@AdminLoginFormEnd-->
+        </form>
     </div>
 </div>
 {include file="common/script" /}