首页整体样式恢复

src/App.vue

@@ -1,9 +1,7 @@
 <template>
-  <!-- <div v-if="!showSisView && isLogined" class="main"> -->
-    <div  class="main" v-if="!showSisView && isLogined">
-    <!-- <div v-if="token !==''" class="main"> -->
+  <div v-if="!showSisView && isLogined" class="main">
     <div class="header-body">
-      <div class="header-title" >
+      <div class="header-title">
         <svg
           version="1.1"
           xmlns="http://www.w3.org/2000/svg"
@@ -235,7 +233,7 @@ l16.229-16.229l16.229,16.229l42.867-42.867C115.034,45.228,109.133,42.189,102.956
         </svg>
       </div>
       <div class="header-menu-body">
-        <Header  @onMenuClick="HeaderMenuClick" />
+        <Header @onMenuClick="HeaderMenuClick" />
       </div>
     </div>
     <div
@@ -244,22 +242,14 @@ l16.229-16.229l16.229,16.229l42.867-42.867C115.034,45.228,109.133,42.189,102.956
       @mouseenter="showMenu"
       @mouseleave="hideMenu"
     >
-      <Menu  :root="root" />
+      <Menu :root="root" />
     </div>
     <div class="main-body">
       <router-view />
     </div>
   </div>
-  <div v-else class="login">
-    <login-page />
-  </div>
-  <!-- <login-page v-if="!showSisView && !isLogined" @onLogin="login" /> -->
-   <!-- <div v-else-if="token == ''">
-    {{token}}
- <login-page  @onLogin="login" />
-   </div> -->
- 
-  <sisView v-else-if="showSisView" />
+  <login-page v-if="!showSisView && !isLogined" @onLogin="login" />
+  <sisView v-if="showSisView" />
 </template>
 
 <script>
@@ -285,55 +275,40 @@ export default {
       // 当前子系统
       root: "",
       isLogined: true,
-      token:localStorage.getItem("token"),
       showSisView: false,
       memuCloseTimeout: null,
     };
   },
- beforeCreate(){
-   let authToken = localStorage.getItem('authToken')
-   console.log('authToken:', authToken)
-  if (authToken === null || authToken === "") {
-		// document.querySelector('body').setAttribute("style","background-image:url('./assets/login.jpg')")
-    document.querySelector('body').setAttribute("style","background-color:#040c0b;background-size:auto;background-image:url('./assets/login.jpg')")
-		} else {
-			document.querySelector('body').setAttribute("style","background-image:url('./assets/background.png');background-size:cover")
-		}
- },
+
   created() {
     let that = this;
+    that.$nextTick(() => {
+      that.API.requestData({
+        isMust: false, // 请求是否携带 token ，默认为 true ，可缺省
+        method: "POST", // 请求方式，默认为 GET ，可缺省
+        subUrl: "admin/loginvue", // 请求接口地址，必传项
+        data: {
+          username: "admin",
+          password: "admin",
+        },
+        success(res) {
+          localStorage.setItem("authToken", res.data.authToken);
+          localStorage.setItem("username", res.data.user.laborName);
 
-    console.log("token:",that.token)
-    that.$nextTick(()=>{
-      //判断页面是否登录
-    })
-    // that.$nextTick(() => {
-    //   that.API.requestData({
-    //     isMust: false, // 请求是否携带 token ，默认为 true ，可缺省
-    //     method: "POST", // 请求方式，默认为 GET ，可缺省
-    //     subUrl: "admin/loginvue", // 请求接口地址，必传项
-    //     data: {
-    //       username: "admin",
-    //       password: "admin",
-    //     },
-    //     success(res) {
-    //       localStorage.setItem("authToken", res.data.authToken);
-    //       localStorage.setItem("username", res.data.user.laborName);
-
-    //       that.API.requestData({
-    //         method: "POST", // 请求方式，默认为 GET ，可缺省
-    //         subUrl: "admin/usermenu", // 请求接口地址，必传项
-    //         success() {
-    //           that.BASE.showMsg({
-    //             msg: "登陆成功",
-    //             type: "success",
-    //           });
-    //           that.$router.push('/'); // 跳转到首页
-    //         },
-    //       });
-    //     },
-    //   });
-    // });
+          that.API.requestData({
+            method: "POST", // 请求方式，默认为 GET ，可缺省
+            subUrl: "admin/usermenu", // 请求接口地址，必传项
+            success() {
+              // that.BASE.showMsg({
+              //   msg: "登陆成功",
+              //   type: "success",
+              // });
+              // that.$router.push('/'); // 跳转到首页
+            },
+          });
+        },
+      });
+    });
   },
 
   methods: {
@@ -352,27 +327,13 @@ export default {
       }, 500);
     },
     login(params) {
-      // if (params.username && params.password ) 
-      // {
-      //   this.isLogined = true;
-      //   }else{
-      //  this.isLogined=false
-      // }
-       if (params.username && params.password && params.token ) 
-      {
-        // this.isLogined = true;
-        this.token = params.token
-        }
-      console.log('params:',params)
-      // this.$router.push('/monitor/home')
+      if (params.username && params.password) this.isLogined = true;
     },
   },
 
   watch: {
     $route(res) {
-      console.log('resRoute:',res)
       this.showSisView = res.fullPath === "/sisView";
-      // this.isLogined = res.path !=='/login'
     },
   },
 };
@@ -472,15 +433,4 @@ body {
     // }
   }
 }
-.login{
-  width: 100vw;
-  height: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  overflow: hidden;
-  background-image: url("./assets/login.jpg");
-  background-color: #040c0b;
-    opacity: 0.2;
-    position: absolute;
-}
 </style>