🐞 fix(role): 修改前后端数据结构不一致的问题

gear-ui3/src/views/login.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="login" :class="{ 'dark': isDark }">
     <div class="login-container">
-      <div class="login-right">
-        <img :src="RightImage" alt="" class="right-img" />
-      </div>
+       <!-- <div class="login-right">
+          <img :src="RightImage" alt="" class="right-img" />
+        </div> -->
       <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
         <h3 class="title">
           {{ title }}
@@ -30,7 +30,7 @@
         </el-form-item>
         <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
         <el-form-item style="width:100%;">
-          <el-button :loading="loading" size="large" type="primary" style="width:100%;" @click.prevent="handleLogin">
+          <el-button :loading="loading" size="large" type="primary" style="width:100%; height: 40px;" @click.prevent="handleLogin">
             <span v-if="!loading">登 录</span>
             <span v-else>登 录 中...</span>
           </el-button>
@@ -42,9 +42,9 @@
     </div>
 
     <!--  底部  -->
-    <div class="el-login-footer">
-      <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
-    </div>
+    <!-- <div class="el-login-footer">
+      <span>Copyright © 2018-2025  All Rights Reserved.</span>
+    </div> -->
   </div>
 </template>
 
@@ -54,7 +54,7 @@ import Cookies from "js-cookie"
 import { encrypt, decrypt } from "@/utils/jsencrypt"
 import useUserStore from '@/store/modules/user'
 import useProductStore from '@/store/modules/product'
-import RightImage from '@/assets/images/right.png'
+// import RightImage from '@/assets/logo/logo.png'
 import { useDark } from "@vueuse/core"
 
 const isDark = useDark()
@@ -164,8 +164,8 @@ getCookie()
   background-image: url('@/assets/images/back.jpg');
   
   /* 亮色主题变量 */
-  --color-bg-primary: #f5f7fa;
-  --color-bg-form: #ffffff;
+  --color-bg-primary: #f5f7fa90;
+  --color-bg-form: #f5f7fa90;
   --color-bg-input: #f0f2f5;
   --color-border-input: #dcdfe6;
   --color-text-primary: #303133;
@@ -198,8 +198,9 @@ getCookie()
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
-    width: 60%;
+    width: 30%;
     border-radius: 6px;
+    backdrop-filter: blur(10px);
     background: var(--color-bg-form);
     padding: 25px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -220,7 +221,7 @@ getCookie()
     z-index: 1;
     flex: 3;
     border-radius: 6px;
-    background: var(--color-bg-form);
+    // background: var(--color-bg-form);
     padding: 25px;
     // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 
@@ -248,6 +249,7 @@ getCookie()
   .login-right {
     display: flex;
     padding: 30px;
+    height: 55vh;
     flex: 4;
   }