flx：更改34567899999

src/components/common/header.vue

@@ -1,30 +1,31 @@
 <template>
   <header class="header">
     <div class="logo">
-      <img src="@/assets/wisdom_images/logo.png" alt="Logo">
+      <!-- <img src="@/assets/wisdom_images/logo.png" alt="Logo"> -->
+      <img src="@/assets/wisdom_images/logoDEl.png" alt="Logo" />
     </div>
     <div class="right-section">
       <div class="userInfo-2">
         <el-dropdown trigger="click">
-                  <span class="el-dropdown-link">
-                    <el-avatar
-                      :size="22"
-                      icon="el-icon-user-solid"
-                      style="vertical-align: middle; cursor: pointer"
-                    ></el-avatar>
-                    <span style="margin-left: 10px; font-size: .8rem;">{{
-                        realName
-                      }}</span>
-                  </span>
+          <span class="el-dropdown-link">
+            <el-avatar
+              :size="22"
+              icon="el-icon-user-solid"
+              style="vertical-align: middle; cursor: pointer"
+            ></el-avatar>
+            <span style="margin-left: 10px; font-size: 0.8rem">{{
+              realName
+            }}</span>
+          </span>
           <el-dropdown-menu slot="dropdown">
             <el-dropdown-item
               @click.native="updatemimas"
               icon="el-icon-s-promotion"
-            >修改密码</el-dropdown-item>
-            <el-dropdown-item
-              @click.native="logout"
-              icon="el-icon-s-promotion"
-            >退出登录</el-dropdown-item>
+              >修改密码</el-dropdown-item
+            >
+            <el-dropdown-item @click.native="logout" icon="el-icon-s-promotion"
+              >退出登录</el-dropdown-item
+            >
           </el-dropdown-menu>
         </el-dropdown>
       </div>
@@ -33,15 +34,14 @@
   </header>
 </template>
 <script>
-
 import topMenu from "./topMenu";
 import bus from "@/utils/bus.js";
-import {mapGetters} from "vuex"
-import {clearCacheAndGotoLogin} from "@/utils/loginStatusChecker";
-import {logout} from "@/api/login/login";
+import { mapGetters } from "vuex";
+import { clearCacheAndGotoLogin } from "@/utils/loginStatusChecker";
+import { logout } from "@/api/login/login";
 export default {
   components: {
-    topMenu
+    topMenu,
   },
   data() {
     return {
@@ -52,15 +52,13 @@ export default {
       rightNum: 0,
       isleft: false,
       isright: true,
-      xzdata: [
-
-      ],
+      xzdata: [],
       menuUrl: "",
       accouncementNum: "0",
     };
   },
   computed: {
-    ...mapGetters(['realName']),
+    ...mapGetters(["realName"]),
     // ...mapGetters(['sidebar', 'index'])
     // navData() {
     //   console.log('navData', this.data[0].children)
@@ -92,9 +90,9 @@ export default {
       // this.$store.dispatch('LogOut').then(resp => {
       //   this.$router.push({ name: "login" });
       // })
-      logout().then(resp => {
-        clearCacheAndGotoLogin(true)
-      })
+      logout().then((resp) => {
+        clearCacheAndGotoLogin(true);
+      });
     },
     // // 退出
     // logout() {
@@ -177,19 +175,19 @@ export default {
 .header {
   display: flex;
   justify-content: space-between;
-  background-image: url('../../assets/wisdom_images/banner.png');
+  background-image: url("../../assets/wisdom_images/banner.png");
 }
 
 .logo {
   display: flex;
-  align-content: center;
-  justify-content: center;
+  // align-content: center;
+  // justify-content: center;
   margin-left: 5px;
 }
 
 .logo img {
   object-fit: contain;
-  width: 100%;
+  width: 72%;
   height: auto;
 }
 
@@ -219,4 +217,3 @@ export default {
   margin-bottom: 2px;
 }
 </style>
-

src/page/login/index.vue

@@ -15,7 +15,9 @@
             display: inline-block;
           "
         />-->
-        <img src="../../assets/wisdom_images/qhLoginLogo.png"/>
+        <!-- <img src="../../assets/wisdom_images/qhLoginLogo.png"/> -->
+        <!-- logins -->
+        <img style="width: 100%" src="../../assets/wisdom_images/logins.png" />
       </div>
     </div>
     <div class="login_main">
@@ -186,9 +188,9 @@
 // import Cookies from 'js-cookie'
 // import axios from "axios";
 import { getVerify, getCurrUserDetails } from "@/api/login/login";
-import {getFunc, getFuncByUserId} from "@/api/user";
+import { getFunc, getFuncByUserId } from "@/api/user";
 // @TODO 假 token 目前以 session 方式验证用户，后期改为 token
-const MOCK_TOKEN = "123"
+const MOCK_TOKEN = "123";
 export default {
   components: {},
   name: "login",
@@ -257,17 +259,14 @@ export default {
       // }
     },
     async getVerifyFn() {
-      const data = await getVerify()
-      const base64 = data.file
-      this.img = `data:image/png;base64,${base64}`
+      const data = await getVerify();
+      const base64 = data.file;
+      this.img = `data:image/png;base64,${base64}`;
     },
     keyupEnter() {
       document.onkeydown = (e) => {
         let body = document.getElementsByTagName("body")[0];
-        if (
-          (e.keyCode === 13) &&
-          this.$route.path == "/login"
-        ) {
+        if (e.keyCode === 13 && this.$route.path == "/login") {
           console.log("enter");
           this.handleLogin();
         }
@@ -280,56 +279,68 @@ export default {
           this.loading = true;
           let password = this.loginForm.password;
           const data = {
-            ... this.loginForm
-          }
+            ...this.loginForm,
+          };
           data.password = this.$md5(this.loginForm.password);
           this.$store
             .dispatch("Login", data)
             .then((response) => {
               sessionStorage.menuIdx = 0;
-              if (response.status) { // 登录成功
-                sessionStorage.setItem('TOKENL', MOCK_TOKEN)
-                this.$store.dispatch('GetInfo').then(_ => {
-                  this.loading = false;
-                  this.$systemUtils.updateUserNamePwd(this.loginForm.name, this.loginForm.password)
+              if (response.status) {
+                // 登录成功
+                sessionStorage.setItem("TOKENL", MOCK_TOKEN);
+                this.$store
+                  .dispatch("GetInfo")
+                  .then((_) => {
+                    this.loading = false;
+                    this.$systemUtils.updateUserNamePwd(
+                      this.loginForm.name,
+                      this.loginForm.password
+                    );
 
-                  getFunc({}).then(all => {
-                    const allTree = this.$systemUtils.buildFuncTree(all)
-                    const setting = allTree.find(d => d.funcName == '系统管理')
-                    console.log('系统管理', allTree, setting)
-                    getFuncByUserId().then(resp => {
-                      const tree = this.$systemUtils.buildFuncTree(resp)
-                      tree.push(setting)
-                      console.log('aaaaaaa', resp, tree)
-                      sessionStorage.setItem('FUN_RAW', JSON.stringify(resp))
-                      sessionStorage.setItem('FUN_TREE', JSON.stringify(tree))
-                      this.$router.push({
-                        path: "/home",
+                    getFunc({}).then((all) => {
+                      const allTree = this.$systemUtils.buildFuncTree(all);
+                      const setting = allTree.find(
+                        (d) => d.funcName == "系统管理"
+                      );
+                      console.log("系统管理", allTree, setting);
+                      getFuncByUserId().then((resp) => {
+                        const tree = this.$systemUtils.buildFuncTree(resp);
+                        tree.push(setting);
+                        console.log("aaaaaaa", resp, tree);
+                        sessionStorage.setItem("FUN_RAW", JSON.stringify(resp));
+                        sessionStorage.setItem(
+                          "FUN_TREE",
+                          JSON.stringify(tree)
+                        );
+                        this.$router.push({
+                          path: "/home",
+                        });
                       });
-                    })
-                  })
+                    });
 
-                  // getFuncByUserId().then(resp => {
-                  //   const tree = this.$systemUtils.buildFuncTree(resp)
-                  //   console.log('aaaaaaa', resp, tree)
-                  //   sessionStorage.setItem('FUN_RAW', JSON.stringify(resp))
-                  //   sessionStorage.setItem('FUN_TREE', JSON.stringify(tree))
-                  //   this.$router.push({
-                  //     path: "/home",
-                  //   });
-                  // })
-
-                }).catch(_ => {
-                  this.getVerifyFn()
-                  this.$message({
-                    type: "warning",
-                    message: '无法获取用户信息,请重新登录',
+                    // getFuncByUserId().then(resp => {
+                    //   const tree = this.$systemUtils.buildFuncTree(resp)
+                    //   console.log('aaaaaaa', resp, tree)
+                    //   sessionStorage.setItem('FUN_RAW', JSON.stringify(resp))
+                    //   sessionStorage.setItem('FUN_TREE', JSON.stringify(tree))
+                    //   this.$router.push({
+                    //     path: "/home",
+                    //   });
+                    // })
+                  })
+                  .catch((_) => {
+                    this.getVerifyFn();
+                    this.$message({
+                      type: "warning",
+                      message: "无法获取用户信息,请重新登录",
+                    });
+                    this.loading = false;
                   });
-                  this.loading = false;
-                })
                 this.rememberPasswordFn(password);
                 this.showDialog = true;
-              } else { // 登录失败
+              } else {
+                // 登录失败
                 this.getVerifyFn();
                 this.$message({
                   type: "warning",
@@ -339,10 +350,10 @@ export default {
               }
             })
             .catch((err) => {
-              console.log('login error:', err)
+              console.log("login error:", err);
               this.$message({
                 type: "warning",
-                message: '未知异常 -1',
+                message: "未知异常 -1",
               });
               this.loading = false;
             });
@@ -440,7 +451,7 @@ export default {
     },
     loadAll() {
       // return JSON.parse(unescape(this.getCookie("companyloginHistory")));
-      return null
+      return null;
     },
     querySearch(queryString, cb) {
       var restaurants = this.restaurants;
@@ -557,7 +568,8 @@ h3 {
   @include relative;
   height: 100vh;
   min-height: 600px;
-  background: url(../../assets/wisdom_images/bg.png) no-repeat center center;
+  // background: url(../../assets/wisdom_images/bg.png) no-repeat center center;
+  background: url(../../assets/wisdom_images/bj.png) no-repeat center center;
   background-size: 100% 100%;
   background-color: #2d3a4b;
   input:-webkit-autofill {
@@ -631,7 +643,8 @@ h3 {
   margin-top: 5%;
   float: left;
   height: 433px;
-  background: url(../../assets/wisdom_images/cicle.png) top left no-repeat;
+  // background: url(../../assets/wisdom_images/cicle.png) top left no-repeat;
+  background: url(../../assets/wisdom_images/zuo.png) top left no-repeat;
   background-size: 80%;
 }