From 26db10f96811bf4a155ec7c230ff193b936e7d4e Mon Sep 17 00:00:00 2001
From: AaronWu <2463371514@qq.com>
Date: Tue, 1 Apr 2025 09:42:54 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=99=BB=E5=BD=95=E9=A1=B5=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/logo.png | Bin 0 -> 10599 bytes
 src/layout/logo/index.vue  |  61 ++++++--
 src/views/login/index.vue  | 284 +++++++++++++++++++++++++++----------
 3 files changed, 261 insertions(+), 84 deletions(-)
 create mode 100644 src/assets/images/logo.png

diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b48bef22dd9a94ef7f96c2fc8499d04d9935268
GIT binary patch
literal 10599
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
Bbvyt7

literal 0
HcmV?d00001

diff --git a/src/layout/logo/index.vue b/src/layout/logo/index.vue
index 2b3a2d4..4864565 100644
--- a/src/layout/logo/index.vue
+++ b/src/layout/logo/index.vue
@@ -2,14 +2,19 @@
  * @Author: AaronWu 2463371514@qq.com
  * @Date: 2025-03-31 15:12:17
  * @LastEditors: AaronWu 2463371514@qq.com
- * @LastEditTime: 2025-03-31 15:34:13
+ * @LastEditTime: 2025-04-01 09:27:31
  * @FilePath: /IssueSupportManage/src/layout/logo/index.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
   <div class="logo">
-    <!-- <img src="~@/assets/images/logo.png" alt="" /> -->
-    <h2 v-show="!collapsed" class="title">问题工单管理后台</h2>
+    <div class="logo-content">
+      <!-- <img src="~@/assets/images/logo.png" alt="" class="logo-img" /> -->
+      <h2 v-show="!collapsed" class="title">
+        <span class="title-text">问题工单管理后台</span>
+        <div class="title-line"></div>
+      </h2>
+    </div>
   </div>
 </template>
 
@@ -24,19 +29,49 @@
 <style lang="less" scoped>
   .logo {
     @apply flex overflow-hidden whitespace-nowrap items-center;
-
     height: 64px;
-    padding-left: 24px;
-    line-height: 64px;
+    padding: 0 24px;
+    // background: #fff;
+    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
 
-    img {
-      height: 32px;
-      margin-right: 8px;
-    }
+    .logo-content {
+      display: flex;
+      align-items: center;
+      width: 100%;
+
+      .logo-img {
+        height: 32px;
+        width: 32px;
+        margin-right: 12px;
+        transition: all 0.3s;
+        object-fit: contain;
+      }
+
+      .title {
+        @apply mb-0;
+        position: relative;
+        
+        .title-text {
+          font-size: 18px;
+          font-weight: 600;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+          letter-spacing: 1px;
+        }
+
+        .title-line {
+          height: 2px;
+          width: 24px;
+          margin-top: 4px;
+          background: linear-gradient(90deg, #667eea, #764ba2);
+          transition: width 0.3s ease;
+        }
 
-    .title {
-      @apply mb-0 text-xl;
-      color: @primary-color;
+        &:hover .title-line {
+          width: 100%;
+        }
+      }
     }
   }
 </style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index cf835c1..e12c2cb 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,54 +1,79 @@
 <template>
-  <div class="login-box">
-    <!-- w:w="100vw"
-    w:h="100vh"
-    w:p="t-240px"
-    w:flex="md:~ col"
-    w:align="items-center"
-    w:bg="login contain" -->
-    <div class="login-logo">
-      <h1 class="mb-0 ml-2 text-3xl font-bold">问题工单管理系统</h1>
+  <div class="login-container">
+    <div class="login-box">
+      <div class="login-content">
+        <div class="login-header">
+          <div class="logo-wrapper">
+            <img src="@/assets/logo.png" alt="logo" class="logo-img" />
+          </div>
+          <h1 class="login-title">问题工单管理系统</h1>
+          <div class="title-divider">
+            <span class="line"></span>
+            <span class="dot"></span>
+            <span class="line"></span>
+          </div>
+          <p class="login-subtitle">欢迎使用工单管理系统</p>
+        </div>
+        
+        <a-form layout="vertical" :model="state.formInline" @submit.prevent="handleSubmit">
+          <a-form-item>
+            <a-input 
+              v-model:value="state.formInline.username" 
+              size="large" 
+              placeholder="请输入用户名"
+              class="custom-input"
+            >
+              <template #prefix><user-outlined /></template>
+            </a-input>
+          </a-form-item>
+          
+          <a-form-item>
+            <a-input
+              v-model:value="state.formInline.password"
+              size="large"
+              type="password"
+              placeholder="请输入密码"
+              autocomplete="new-password"
+              class="custom-input"
+            >
+              <template #prefix><lock-outlined /></template>
+            </a-input>
+          </a-form-item>
+          
+          <a-form-item>
+            <a-input
+              v-model:value="state.formInline.verifyCode"
+              placeholder="请输入验证码"
+              :maxlength="4"
+              size="large"
+              class="custom-input"
+            >
+              <template #prefix><SafetyOutlined /></template>
+              <template #suffix>
+                <img
+                  :src="state.captcha"
+                  class="captcha-img"
+                  @click="setCaptcha"
+                />
+              </template>
+            </a-input>
+          </a-form-item>
+          
+          <a-form-item>
+            <a-button 
+              type="primary" 
+              html-type="submit" 
+              size="large" 
+              :loading="state.loading" 
+              class="login-button"
+              block
+            >
+              登录
+            </a-button>
+          </a-form-item>
+        </a-form>
+      </div>
     </div>
-    <a-form layout="horizontal" :model="state.formInline" @submit.prevent="handleSubmit">
-      <a-form-item>
-        <a-input v-model:value="state.formInline.username" size="large" placeholder="rootadmin">
-          <template #prefix><user-outlined type="user" /></template>
-        </a-input>
-      </a-form-item>
-      <a-form-item>
-        <a-input
-          v-model:value="state.formInline.password"
-          size="large"
-          type="password"
-          placeholder="123456"
-          autocomplete="new-password"
-        >
-          <template #prefix><lock-outlined type="user" /></template>
-        </a-input>
-      </a-form-item>
-      <a-form-item>
-        <a-input
-          v-model:value="state.formInline.verifyCode"
-          placeholder="验证码"
-          :maxlength="4"
-          size="large"
-        >
-          <template #prefix><SafetyOutlined /></template>
-          <template #suffix>
-            <img
-              :src="state.captcha"
-              class="absolute right-0 h-full cursor-pointer"
-              @click="setCaptcha"
-            />
-          </template>
-        </a-input>
-      </a-form-item>
-      <a-form-item>
-        <a-button type="primary" html-type="submit" size="large" :loading="state.loading" block>
-          登录
-        </a-button>
-      </a-form-item>
-    </a-form>
   </div>
 </template>
 
@@ -120,36 +145,153 @@
 </script>
 
 <style lang="less" scoped>
-  .login-box {
-    display: flex;
-    width: 100vw;
-    height: 100vh;
-    padding-top: 240px;
-    background: url('@/assets/login.svg');
-    background-size: 100%;
-    flex-direction: column;
-    align-items: center;
+.login-container {
+  display: flex;
+  width: 100vw;
+  height: 100vh;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  align-items: center;
+  justify-content: center;
+}
 
-    .login-logo {
+.login-box {
+  width: 460px;
+  padding: 40px;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 16px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(10px);
+  animation: fadeIn 0.5s ease-out;
+}
+
+.login-content {
+  .login-header {
+    text-align: center;
+    margin-bottom: 40px;
+    
+    .logo-wrapper {
+      margin-bottom: 16px;
+      
+      .logo-img {
+        width: 64px;
+        height: 64px;
+        object-fit: contain;
+      }
+    }
+    
+    .login-title {
+      font-size: 32px;
+      font-weight: 700;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      margin-bottom: 16px;
+      letter-spacing: 2px;
+    }
+    
+    .title-divider {
       display: flex;
-      margin-bottom: 30px;
       align-items: center;
-
-      .svg-icon {
-        font-size: 48px;
+      justify-content: center;
+      margin: 20px 0;
+      
+      .line {
+        width: 40px;
+        height: 1px;
+        background: linear-gradient(90deg, transparent, #667eea);
+        
+        &:last-child {
+          background: linear-gradient(90deg, #764ba2, transparent);
+        }
+      }
+      
+      .dot {
+        width: 6px;
+        height: 6px;
+        background: #667eea;
+        border-radius: 50%;
+        margin: 0 8px;
       }
     }
-
-    :deep(.ant-form) {
-      width: 400px;
-
-      .ant-col {
+    
+    .login-subtitle {
+      font-size: 16px;
+      color: #666;
+      margin: 0;
+      font-weight: 500;
+      position: relative;
+      display: inline-block;
+      
+      &::after {
+        content: '';
+        position: absolute;
+        bottom: -4px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 2px;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        transition: width 0.3s ease;
+      }
+      
+      &:hover::after {
         width: 100%;
       }
+    }
+  }
+}
 
-      .ant-form-item-label {
-        padding-right: 6px;
-      }
+.custom-input {
+  border-radius: 8px;
+  
+  :deep(.ant-input) {
+    padding: 12px 16px;
+    font-size: 14px;
+    
+    &:focus {
+      box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
     }
   }
+  
+  :deep(.ant-input-prefix) {
+    color: #666;
+    margin-right: 10px;
+  }
+}
+
+.captcha-img {
+  height: 100%;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: opacity 0.3s;
+  
+  &:hover {
+    opacity: 0.8;
+  }
+}
+
+.login-button {
+  height: 46px;
+  font-size: 16px;
+  border-radius: 8px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border: none;
+  transition: all 0.3s;
+  
+  &:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 </style>