From 89876bfd9e5d8e7843cc62b8b1e24e7d0c440e38 Mon Sep 17 00:00:00 2001
From: wolfcode <37436228+wolf-leo@users.noreply.github.com>
Date: Fri, 27 Oct 2023 22:39:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E8=83=8C=E6=99=AF=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/admin/view/login/index.html        | 87 ++++++++++++++------------
 app/admin/view/system/config/site.html | 11 ++++
 public/static/admin/css/login.css      |  9 ++-
 public/static/admin/js/login.js        |  6 +-
 4 files changed, 66 insertions(+), 47 deletions(-)

diff --git a/app/admin/view/login/index.html b/app/admin/view/login/index.html
index 576a171..4acafdd 100644
--- a/app/admin/view/login/index.html
+++ b/app/admin/view/login/index.html
@@ -1,45 +1,50 @@
 <link rel="stylesheet" href="__STATIC__/admin/css/login.css?v={$version}" media="all">
-<div class="main-body">
-    <div class="login-main">
-        <div class="login-top">
-            <span>{:sysconfig('site','site_name')}</span>
-            <span class="bg1"></span>
-            <span class="bg2"></span>
+<div class="container">
+    <div class="main-body">
+        <div class="login-main">
+            <div class="login-top">
+                <span>{:sysconfig('site','site_name')}</span>
+                <span class="bg1"></span>
+                <span class="bg2"></span>
+            </div>
+            <form class="layui-form login-bottom">
+                <div class="demo{if !$demo} layui-hide{/if}">用户名:admin 密码:123456</div>
+                <div class="center">
+
+                    <div class="item">
+                        <span class="icon icon-2"></span>
+                        <input type="text" name="username" lay-verify="required" placeholder="请输入登录账号" maxlength="24"/>
+                    </div>
+
+                    <div class="item">
+                        <span class="icon icon-3"></span>
+                        <input type="password" name="password" lay-verify="required" placeholder="请输入密码" maxlength="20">
+                        <span class="bind-password icon icon-4"></span>
+                    </div>
+
+                    {if $captcha == 1}
+                    <div id="validatePanel" class="item" style="width: 137px;">
+                        <input type="text" name="captcha" placeholder="请输入验证码" maxlength="4">
+                        <img id="refreshCaptcha" class="validateImg" src="{:url('login/captcha')}" onclick="this.src='{:url(\'login/captcha\')}?seed='+Math.random()">
+                    </div>
+                    {/if}
+
+                </div>
+                <div class="tip">
+                    <span class="icon-nocheck"></span>
+                    <span class="login-tip">保持登录</span>
+                    <a href="javascript:" class="forget-password">忘记密码？</a>
+                </div>
+                <div class="layui-form-item" style="text-align:center; width:100%;height:100%;margin:0px;">
+                    <button class="login-btn" lay-submit>立即登录</button>
+                </div>
+            </form>
         </div>
-        <form class="layui-form login-bottom">
-            <div class="demo{if !$demo} layui-hide{/if}">用户名:admin 密码:123456</div>
-            <div class="center">
-
-                <div class="item">
-                    <span class="icon icon-2"></span>
-                    <input type="text" name="username" lay-verify="required"  placeholder="请输入登录账号" maxlength="24"/>
-                </div>
-
-                <div class="item">
-                    <span class="icon icon-3"></span>
-                    <input type="password" name="password" lay-verify="required"  placeholder="请输入密码" maxlength="20">
-                    <span class="bind-password icon icon-4"></span>
-                </div>
-
-                {if $captcha == 1}
-                <div id="validatePanel" class="item" style="width: 137px;">
-                    <input type="text" name="captcha" placeholder="请输入验证码" maxlength="4">
-                    <img id="refreshCaptcha" class="validateImg"  src="{:url('login/captcha')}" onclick="this.src='{:url(\'login/captcha\')}?seed='+Math.random()">
-                </div>
-                {/if}
-
-            </div>
-            <div class="tip">
-                <span class="icon-nocheck"></span>
-                <span class="login-tip">保持登录</span>
-                <a href="javascript:" class="forget-password">忘记密码？</a>
-            </div>
-            <div class="layui-form-item" style="text-align:center; width:100%;height:100%;margin:0px;">
-                <button class="login-btn" lay-submit>立即登录</button>
-            </div>
-        </form>
+    </div>
+    <div class="footer">
+        {:sysconfig('site','site_copyright')}<span class="padding-5">|</span><a target="_blank" href="http://www.miitbeian.gov.cn">{:sysconfig('site','site_beian')}</a>
     </div>
 </div>
-<div class="footer">
-    {:sysconfig('site','site_copyright')}<span class="padding-5">|</span><a target="_blank" href="http://www.miitbeian.gov.cn">{:sysconfig('site','site_beian')}</a>
-</div>
\ No newline at end of file
+<script>
+    let backgroundUrl = "{:sysconfig('site','admin_background')}"
+</script>
\ No newline at end of file
diff --git a/app/admin/view/system/config/site.html b/app/admin/view/system/config/site.html
index 4a0c437..5368054 100644
--- a/app/admin/view/system/config/site.html
+++ b/app/admin/view/system/config/site.html
@@ -19,6 +19,17 @@
         </div>
     </div>
 
+    <div class="layui-form-item">
+        <label class="layui-form-label">后台背景图</label>
+        <div class="layui-input-block layuimini-upload">
+            <input name="admin_background" class="layui-input layui-col-xs6" placeholder="不填默认#333333" value="{:sysconfig('site','admin_background')}">
+            <div class="layuimini-upload-btn">
+                <span><a class="layui-btn" data-upload="site_ico" data-upload-number="one" data-upload-exts="png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
+                <span><a class="layui-btn layui-btn-normal" id="select_admin_background" data-upload-select="admin_background" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>
+            </div>
+        </div>
+    </div>
+
     <div class="layui-form-item">
         <label class="layui-form-label">版本信息</label>
         <div class="layui-input-block">
diff --git a/public/static/admin/css/login.css b/public/static/admin/css/login.css
index 8798826..bca047e 100644
--- a/public/static/admin/css/login.css
+++ b/public/static/admin/css/login.css
@@ -2,7 +2,7 @@
 .demo {
     padding-top: 20px;
     text-align: center;
-    color: #9abcda!important;
+    color: #9abcda !important;
     font-size: 14px;
 }
 
@@ -169,11 +169,11 @@
     margin: 0 auto;
 }
 
-
-body {
-    background: url(../images/loginbg.png) 0% 0% / cover no-repeat;
+.container {
+    background: #333333;
     position: static;
     font-size: 12px;
+    height: 100%;
 }
 
 input::-webkit-input-placeholder {
@@ -272,7 +272,6 @@ html {
 }
 
 
-
 @media screen and (max-width: 428px) {
     .login-main {
         width: 360px !important;
diff --git a/public/static/admin/js/login.js b/public/static/admin/js/login.js
index 082c347..b5a44ba 100644
--- a/public/static/admin/js/login.js
+++ b/public/static/admin/js/login.js
@@ -7,6 +7,10 @@ define(["easy-admin"], function (ea) {
                 top.location = self.location;
             }
 
+            if (backgroundUrl) {
+                $('.container').css('background', 'url(' + backgroundUrl + ') 0% 0% / cover no-repeat')
+            }
+
             $('.bind-password').on('click', function () {
                 if ($(this).hasClass('icon-5')) {
                     $(this).removeClass('icon-5');
@@ -24,7 +28,7 @@ define(["easy-admin"], function (ea) {
                     $(this).addClass('icon-check');
                 }
             });
-            
+
             $('.login-tip').on('click', function () {
                 $('.icon-nocheck').click();
             });