登录页面样式&检测计划样式修改

frontend/src/views/login/components/LoginForm.vue

@@ -6,7 +6,7 @@
     size="large"
   >
     <el-form-item prop="username">
-      <el-input v-model="loginForm.username" placeholder="用户名：admin / user">
+      <el-input v-model="loginForm.username" placeholder="用户名">
         <template #prefix>
           <el-icon class="el-input__icon">
             <user />
@@ -18,7 +18,7 @@
       <el-input
         v-model="loginForm.password"
         type="password"
-        placeholder="密码：123456"
+        placeholder="密码"
         show-password
         autocomplete="new-password"
       >
@@ -31,14 +31,6 @@
     </el-form-item>
   </el-form>
   <div class="login-btn">
-    <el-button
-      :icon="CircleClose"
-      round
-      size="large"
-      @click="resetForm(loginFormRef)"
-    >
-      重置
-    </el-button>
     <el-button
       :icon="UserFilled"
       round
@@ -49,6 +41,14 @@
     >
       登录
     </el-button>
+    <el-button
+      :icon="CircleClose"
+      round
+      size="large"
+      @click="resetForm(loginFormRef)"
+    >
+      重置
+    </el-button>
   </div>
 </template>
 

frontend/src/views/login/index.scss

@@ -1,7 +1,8 @@
 .login-container {
   height: 100%;
   min-height: 550px;
-  background-color: #eeeeee;
+  // background-color: #eeeeee;
+  background-color: #003078;
   background-image: url("@/assets/images/login_bg.svg");
   background-size: 100% 100%;
   background-size: cover;
@@ -14,7 +15,7 @@
     width: 96.5%;
     height: 94%;
     padding: 0 50px;
-    background-color: rgb(255 255 255 / 80%);
+    // background-color: rgb(255 255 255 / 80%);
     border-radius: 10px;
     .dark {
       position: absolute;
@@ -40,14 +41,15 @@
         align-items: center;
         justify-content: center;
         margin-bottom: 45px;
+        padding: 0 20px;
         .login-icon {
           width: 60px;
-          height: 52px;
+          height: auto;
         }
         .logo-text {
           padding: 0 0 0 25px;
           margin: 0;
-          font-size: 42px;
+          font-size: 32px;
           font-weight: bold;
           color: #34495e;
           white-space: nowrap;

frontend/src/views/login/index.vue

@@ -1,14 +1,15 @@
 <template>
   <div class="login-container flx-center">
     <div class="login-box">
-      <SwitchDark class="dark" />
+      <!-- <SwitchDark class="dark" /> -->
       <div class="login-left">
         <img class="login-left-img" src="@/assets/images/login_left.png" alt="login" />
       </div>
       <div class="login-form">
         <div class="login-logo">
-          <img class="login-icon" src="@/assets/images/logo.svg" alt="" />
-          <h2 class="logo-text">Geeker-Admin</h2>
+          <!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
+          <img class="login-icon" src="@/assets/images/cn_pms9100_logo.png" alt="" />
+          <h2 class="logo-text">{{ title }}</h2>
         </div>
         <LoginForm />
       </div>
@@ -19,6 +20,7 @@
 <script setup lang="ts" name="login">
 import LoginForm from "./components/LoginForm.vue";
 import SwitchDark from "@/components/SwitchDark/index.vue";
+const title = import.meta.env.VITE_GLOB_APP_TITLE;
 </script>
 
 <style scoped lang="scss">