From e9acf99ccb7b7c3545d08e62638c5f281950d315 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Fri, 29 Mar 2024 22:58:00 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E6=94=B9=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/sso.svg    |  1 +
 src/views/login/index.vue | 75 ++++++++++++++++++++++++++++++++++-----
 2 files changed, 67 insertions(+), 9 deletions(-)
 create mode 100644 src/assets/svg/sso.svg

diff --git a/src/assets/svg/sso.svg b/src/assets/svg/sso.svg
new file mode 100644
index 0000000..df0fdcc
--- /dev/null
+++ b/src/assets/svg/sso.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711721439890" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8397" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M757.333333 300.8c-4.266667-6.4-8.533333-10.666667-17.066666-14.933333-6.4-2.133333-17.066667-4.266667-27.733334-4.266667s-21.333333 2.133333-27.733333 4.266667c-6.4 2.133333-12.8 8.533333-17.066667 14.933333-4.266667 6.4-6.4 14.933333-8.533333 25.6-2.133333 10.666667-2.133333 23.466667-2.133333 38.4s0 27.733333 2.133333 38.4 4.266667 19.2 8.533333 25.6c4.266667 6.4 8.533333 10.666667 17.066667 14.933333s17.066667 4.266667 27.733333 4.266667 21.333333-2.133333 27.733334-4.266667c6.4-2.133333 12.8-8.533333 17.066666-14.933333 4.266667-6.4 6.4-14.933333 8.533334-25.6s2.133333-23.466667 2.133333-38.4 0-27.733333-2.133333-38.4-4.266667-19.2-8.533334-25.6zM59.733333 691.2c0 34.133333 27.733333 59.733333 59.733334 59.733333h362.666666v104.533334h-96c-17.066667 0-29.866667 12.8-29.866666 29.866666 0 17.066667 12.8 29.866667 29.866666 29.866667h249.6c17.066667 0 29.866667-12.8 29.866667-29.866667 0-17.066667-12.8-29.866667-29.866667-29.866666h-96v-104.533334h362.666667c34.133333 0 59.733333-27.733333 59.733333-59.733333v-40.533333H59.733333v40.533333z" fill="#BEA266" p-id="8398"></path><path d="M904.533333 110.933333H119.466667C87.466667 110.933333 59.733333 136.533333 59.733333 170.666667v420.266666h904.533334V170.666667c0-34.133333-27.733333-59.733333-59.733334-59.733334zM343.466667 475.733333c-14.933333 12.8-38.4 19.2-72.533334 19.2-14.933333 0-27.733333 0-40.533333-2.133333-12.8-2.133333-23.466667-4.266667-29.866667-6.4v-49.066667c4.266667 2.133333 8.533333 2.133333 12.8 4.266667 6.4 2.133333 10.666667 2.133333 17.066667 2.133333 6.4 0 12.8 2.133333 19.2 2.133334h19.2c8.533333 0 14.933333 0 19.2-2.133334 6.4 0 10.666667-2.133333 12.8-4.266666 4.266667-2.133333 6.4-6.4 6.4-8.533334 2.133333-4.266667 2.133333-8.533333 2.133333-14.933333 0-4.266667 0-8.533333-2.133333-12.8-2.133333-4.266667-4.266667-6.4-6.4-8.533333s-8.533333-4.266667-12.8-6.4c-6.4-2.133333-12.8-4.266667-23.466667-6.4-12.8-2.133333-23.466667-6.4-32-10.666667s-14.933333-8.533333-21.333333-12.8c-4.266667-6.4-8.533333-12.8-10.666667-19.2-2.133333-8.533333-2.133333-17.066667-2.133333-27.733333 0-25.6 8.533333-44.8 23.466667-57.6 14.933333-10.666667 38.4-17.066667 66.133333-17.066667 12.8 0 25.6 0 36.266667 2.133333s19.2 4.266667 25.6 6.4v44.8c-2.133333 0-6.4-2.133333-10.666667-2.133333-4.266667-2.133333-10.666667-2.133333-14.933333-2.133333-6.4 0-10.666667-2.133333-17.066667-2.133334h-17.066667c-12.8 0-23.466667 2.133333-29.866666 6.4-6.4 4.266667-8.533333 10.666667-8.533334 21.333334 0 4.266667 0 8.533333 2.133334 10.666666 0 2.133333 2.133333 6.4 6.4 8.533334 2.133333 2.133333 6.4 4.266667 12.8 6.4 6.4 2.133333 12.8 4.266667 21.333333 6.4 14.933333 4.266667 25.6 8.533333 36.266667 12.8 8.533333 4.266667 17.066667 10.666667 21.333333 14.933333 4.266667 6.4 8.533333 12.8 10.666667 21.333333 2.133333 8.533333 2.133333 19.2 2.133333 29.866667 0 21.333333-6.4 40.533333-21.333333 53.333333z m198.4 0c-14.933333 12.8-38.4 19.2-72.533334 19.2-14.933333 0-27.733333 0-40.533333-2.133333-12.8-2.133333-23.466667-4.266667-29.866667-6.4v-49.066667c4.266667 2.133333 8.533333 2.133333 12.8 4.266667 6.4 2.133333 10.666667 2.133333 17.066667 2.133333 6.4 0 12.8 2.133333 19.2 2.133334h19.2c8.533333 0 14.933333 0 19.2-2.133334 6.4 0 10.666667-2.133333 12.8-4.266666 4.266667-2.133333 6.4-6.4 6.4-8.533334 2.133333-4.266667 2.133333-8.533333 2.133333-14.933333 0-4.266667 0-8.533333-2.133333-12.8-2.133333-4.266667-4.266667-6.4-6.4-8.533333s-8.533333-4.266667-12.8-6.4c-6.4-2.133333-12.8-4.266667-23.466667-6.4-12.8-2.133333-23.466667-6.4-32-10.666667s-14.933333-8.533333-21.333333-12.8c-4.266667-6.4-8.533333-12.8-10.666667-19.2-2.133333-8.533333-2.133333-17.066667-2.133333-27.733333 0-25.6 8.533333-44.8 23.466667-57.6 14.933333-10.666667 38.4-17.066667 66.133333-17.066667 12.8 0 25.6 0 36.266667 2.133333s19.2 4.266667 25.6 6.4v44.8c-2.133333 0-6.4-2.133333-10.666667-2.133333-4.266667-2.133333-10.666667-2.133333-14.933333-2.133333-6.4 0-10.666667-2.133333-17.066667-2.133334h-17.066667c-12.8 0-23.466667 2.133333-29.866666 6.4-6.4 4.266667-8.533333 10.666667-8.533334 21.333334 0 4.266667 0 8.533333 2.133334 10.666666 0 2.133333 2.133333 6.4 6.4 8.533334 2.133333 2.133333 6.4 4.266667 12.8 6.4 6.4 2.133333 12.8 4.266667 21.333333 6.4 14.933333 4.266667 25.6 8.533333 36.266667 12.8 8.533333 4.266667 17.066667 10.666667 21.333333 14.933333 4.266667 6.4 8.533333 12.8 10.666667 21.333333 2.133333 8.533333 2.133333 19.2 2.133333 29.866667 0 21.333333-6.4 40.533333-21.333333 53.333333z m275.2-46.933333c-4.266667 17.066667-12.8 29.866667-21.333334 40.533333s-21.333333 17.066667-34.133333 21.333334c-12.8 4.266667-29.866667 6.4-46.933333 6.4-17.066667 0-34.133333-2.133333-46.933334-6.4-12.8-4.266667-25.6-10.666667-34.133333-21.333334-8.533333-10.666667-17.066667-23.466667-21.333333-40.533333-4.266667-17.066667-6.4-38.4-6.4-64s2.133333-46.933333 6.4-64 12.8-29.866667 21.333333-40.533333 21.333333-17.066667 34.133333-21.333334c12.8-4.266667 29.866667-6.4 46.933334-6.4 17.066667 0 34.133333 2.133333 46.933333 6.4 12.8 4.266667 25.6 10.666667 34.133333 21.333334 8.533333 10.666667 17.066667 23.466667 21.333334 40.533333s6.4 38.4 6.4 64-2.133333 49.066667-6.4 64z" fill="#BEA266" p-id="8399"></path></svg>
\ No newline at end of file
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 519ac4b..0f9669a 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -4,14 +4,14 @@
         :model="loginForm"
         ref="formInstance"
         :rules="rules"
-        label-width="65px"
+        label-width="70px"
     >
-      <h3>科研管理平台</h3>
+      <h2>科研管理平台</h2>
       <el-form-item prop="username" label="账号">
         <el-input v-model="loginForm.username" :prefix-icon="User"></el-input>
       </el-form-item>
       <el-form-item prop="password" label="密码">
-        <el-input v-model="loginForm.password" type="password" :prefix-icon="Lock"></el-input>
+        <el-input v-model="loginForm.password" type="password" :prefix-icon="Lock" :show-password="true"></el-input>
       </el-form-item>
       <el-form-item prop="code" label="验证码">
         <div class="code">
@@ -20,6 +20,12 @@
           <img :src="codeImg" alt="" @click="getCode">
         </div>
       </el-form-item>
+      <div class="sso">
+        <a href="/api/auth/cas/login">
+          <svg-icon name="sso"/>
+          <span>统一身份认证</span>
+        </a>
+      </div>
       <el-form-item>
         <el-button @click="handleLogin(formInstance)" type="primary">登录</el-button>
       </el-form-item>
@@ -98,26 +104,77 @@ onBeforeUnmount(() => {
 <style lang="scss" scoped>
 .login-box {
   height: 100%;
-  background-color: #4158D0;
-  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
+  background-color: #F3F3F3;
+  //background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
   display: flex;
   justify-content: center;
   align-items: center;
 
+  .sso {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: -5px;
+    margin-bottom: 10px;
+
+    a {
+      font-size: 16px;
+      color: #BEA266;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
   .el-form {
     padding: 12px 15px;
     border-radius: 12px;
-    width: 25%;
+    width: 35%;
     background-color: #fff;
 
-    h3 {
+    .el-form-item {
+      margin-bottom: 25px;
+
+      :deep(.el-form-item__label) {
+        font-size: 15px;
+      }
+
+      .el-input {
+        height: 40px;
+
+        :deep(.el-input__inner) {
+          font-size: 18px;
+        }
+
+        :deep(.el-input__suffix) {
+          .el-input__password {
+            font-size: 20px;
+          }
+        }
+
+        :deep(.el-input__prefix ) {
+          .el-input__prefix-inner {
+            .el-icon {
+              font-size: 20px;
+            }
+          }
+        }
+      }
+
+    }
+
+    h2 {
       width: 100%;
       text-align: center;
-      margin-bottom: 15px;
+      margin-bottom: 25px;
     }
 
     .el-button {
       width: 100%;
+      background-color: #BEA266;
+      border-color: #BEA266;
+      font-size: 17px;
     }
   }
 }
@@ -134,7 +191,7 @@ onBeforeUnmount(() => {
   }
 
   img {
-    height: 32px;
+    height: 40px;
     flex: 1;
   }
 }