11

psdc-ui/src/App.vue

@@ -13,3 +13,11 @@ onMounted(() => {
   })
 })
 </script>
+
+<style lang="scss">
+  *{
+    margin: 0;
+    padding: 0;
+    box-sizing:border-box;
+  }
+</style>

psdc-ui/src/router/index.js

@@ -57,19 +57,19 @@ export const constantRoutes = [
     component: () => import('@/views/error/401'),
     hidden: true
   },
-  // {
+  {
-  //   path: '',
+    path: '',
-  //   component: Layout,
+    component: Layout,
-  //   redirect: '/index',
+    redirect: '/index',
-  //   children: [
+    children: [
-  //     {
+      {
-  //       path: '/index',
+        path: '/index',
-  //       component: () => import('@/views/index'),
+        component: () => import('@/views/index'),
-  //       name: 'Index',
+        name: 'Index',
-  //       meta: { title: '能源控制', icon: 'dashboard', affix: true }
+        meta: { title: '首页', icon: 'dashboard', affix: true }
-  //     }
+      }
-  //   ]
+    ]
-  // },
+  },
   {
     path: '/user',
     component: Layout,

psdc-ui/src/views/login.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="login">
+    <h2>电能替代分布式控制试验平台</h2>
     <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">电能替代分布式控制试验平台</h3>
+      <h3 class="title">用户登录</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -59,7 +60,7 @@
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
+<!--      <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>-->
     </div>
   </div>
 </template>
@@ -152,22 +153,29 @@ getCookie();
 
 <style lang='scss' scoped>
 .login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/bg.png");
   background-size: cover;
+  h2{
+    text-align: center;
+    font-size: 36px;
+    font-weight: bold;
+    color: #AFEAFF;
+    margin:20px 0 50px 0;
+  }
 }
 .title {
+  font-size: 24px;
+  font-weight: bold;
   margin: 0px auto 30px auto;
   text-align: center;
-  color: #707070;
+  color: #9BCDFF;
 }
 
 .login-form {
-  border-radius: 6px;
+  border-radius: 4px;
-  background: #ffffff;
+  background-image: url("../assets/images/5.png");
+  background-size: 100% 100%;
   width: 400px;
   padding: 25px 25px 5px 25px;
   .el-input {