From a54c7392539f4b70faf0f8bd3af491ae59431512 Mon Sep 17 00:00:00 2001
From: zhangjun1 <zhangjun@bd-apaas.com>
Date: Tue, 1 Nov 2022 16:51:52 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E8=8F=9C=E5=8D=95=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/login-by-account.vue | 386 +++++++++++++++-------------
 src/main.js                         |  19 +-
 2 files changed, 215 insertions(+), 190 deletions(-)

diff --git a/src/components/login-by-account.vue b/src/components/login-by-account.vue
index d591c64..e672f92 100644
--- a/src/components/login-by-account.vue
+++ b/src/components/login-by-account.vue
@@ -1,200 +1,220 @@
 <template>
-    <div class="login-by-account">
-      <el-form ref="loginForm" label-position="top" :model="loginForm" :rules="steploginFormRules">
-        <el-form-item label="账号" prop="userid">
+  <div class="login-by-account">
+    <el-form
+      ref="loginForm"
+      label-position="top"
+      :model="loginForm"
+      :rules="steploginFormRules"
+    >
+      <el-form-item label="账号" prop="userid">
+        <el-input
+          v-model="loginForm.userid"
+          autofocus="autofocus"
+          placeholder="请输入账号"
+          @keyup.enter.native="loginAction()"
+        />
+      </el-form-item>
+      <el-form-item label="密码" prop="password">
+        <el-input
+          :type="hidePassword ? 'password' : 'text'"
+          v-model="loginForm.password"
+          placeholder="请输入密码"
+          @keyup.enter.native="loginAction()"
+        >
+          <span
+            slot="suffix"
+            :title="hidePassword ? '显示密码' : '隐藏密码'"
+            :class="hidePassword ? 'hide-password' : 'show-password'"
+            @click="hidePassword = !hidePassword"
+            style="cursor: pointer"
+          ></span>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="验证码" prop="yzm">
+        <div class="msg-code">
           <el-input
-            v-model="loginForm.userid"
-            autofocus="autofocus"
-            placeholder="请输入账号"
+            v-model="loginForm.yzm"
+            placeholder="请输入验证码"
             @keyup.enter.native="loginAction()"
           />
-        </el-form-item>
-        <el-form-item label="密码" prop="password">
-          <el-input
-            :type="hidePassword ? 'password' : 'text'"
-            v-model="loginForm.password"
-            placeholder="请输入密码"
-            @keyup.enter.native="loginAction()"
-          >
-            <span
-              slot="suffix"
-              :title="hidePassword ? '显示密码' : '隐藏密码'"
-              :class="hidePassword ? 'hide-password' : 'show-password'"
-              @click="hidePassword = !hidePassword"
-              style="cursor:pointer;"
-            ></span>
-          </el-input>
-        </el-form-item>
-        <el-form-item label="验证码" prop="yzm">
-          <div class="msg-code">
-            <el-input
-              v-model="loginForm.yzm"
-              placeholder="请输入验证码"
-              @keyup.enter.native="loginAction()"
-            />
-            <img class="yzm_img" title="看不清？换一张" :src="imgSrc" @click="getImg()" />
-          </div>
-        </el-form-item>
-        <el-form-item>
-          <el-checkbox v-model="rememberPassword">记住密码</el-checkbox>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="loginAction()" style="width:100%;">
-            登 录
-          </el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-  </template>
-  
-  <script>
-  import CryptoJS from "crypto-js"; 
-  import { getCookie, clearCookie, setCookie } from "@/services/cookie.js";
-  import menu from '../router/function'
-  import {generateRoutes} from '../router/index'
-  
-  export default {
-    name: "LoginByAccount", // 账号密码登录
-    data() {
-      return {
-        loginForm: {
-          userid: "",
-          password: "",
-          yzm: "",
-        },
-        steploginFormRules: {
-          userid: [{ required: true, message: "请输入账号", trigger: "blur" }],
-          password: [{ required: true, message: "请输入密码", trigger: "blur" }],
-          yzm: [
-            { required: true, message: "请输入验证码", trigger: "blur" },
-          ],
-        },
-        imgId:'',
-        imgSrc:'',
-        identifyCode: "",
-        hidePassword: true,
-        rememberPassword: false,
-      };
-    },
-    methods: {
-      loginAction() {
-        if (this.rememberPassword) {
-          let userinfo = encodeURI(
-            encodeURI(`${this.loginForm.userid},${this.loginForm.password}`)
-          );
-          setCookie("userinfo", userinfo);
-        } else {
-          clearCookie("userinfo");
-        }
+          <img
+            class="yzm_img"
+            title="看不清？换一张"
+            :src="imgSrc"
+            @click="getImg()"
+          />
+        </div>
+      </el-form-item>
+      <el-form-item>
+        <el-checkbox v-model="rememberPassword">记住密码</el-checkbox>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="loginAction()" style="width: 100%">
+          登 录
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
 
-  
-        this.$refs.loginForm.validate((valid) => {
-          if (valid) {
-            this.$axios
-                .get(`/apaas/system/v5/user/verifyCaptcha?id=${this.imgId}&value=${this.loginForm.yzm}`)
-                .then((res) => {
-                if (res.data.code == 200) {
-                    this.login();
-                } else {
-                    this.$message.error(res.data.data);
-                }
-            });
-            
-          }
-        });
+<script>
+import CryptoJS from "crypto-js";
+import { getCookie, clearCookie, setCookie } from "@/services/cookie.js";
+import menu from "../router/function";
+import { generateRoutes } from "../router/index";
+
+export default {
+  name: "LoginByAccount", // 账号密码登录
+  data() {
+    return {
+      loginForm: {
+        userid: "",
+        password: "",
+        yzm: "",
+      },
+      steploginFormRules: {
+        userid: [{ required: true, message: "请输入账号", trigger: "blur" }],
+        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
+        yzm: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
-      login(){
-        this.$axios
+      imgId: "",
+      imgSrc: "",
+      identifyCode: "",
+      hidePassword: true,
+      rememberPassword: false,
+    };
+  },
+  methods: {
+    loginAction() {
+      if (this.rememberPassword) {
+        let userinfo = encodeURI(
+          encodeURI(`${this.loginForm.userid},${this.loginForm.password}`)
+        );
+        setCookie("userinfo", userinfo);
+      } else {
+        clearCookie("userinfo");
+      }
+
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          this.$axios
+            .get(
+              `/apaas/system/v5/user/verifyCaptcha?id=${this.imgId}&value=${this.loginForm.yzm}`
+            )
+            .then((res) => {
+              if (res.data.code == 200) {
+                this.login();
+              } else {
+                this.$message.error(res.data.data);
+              }
+            });
+        }
+      });
+    },
+    login() {
+      this.$axios
         .post(`/apaas/system/v5/user/login`, {
           system_account: this.loginForm.userid,
-          password: CryptoJS.AES.encrypt(this.loginForm.password,"swuE9cmCZQwrkYRV").toString(),
-        }).then(({ data }) => {
-                if (data.code == 200) {
-                    this.getUser();
-                } else {
-                  this.getImg(true);
-                  this.$message({
-                    message: data.errMsg,
-                    type: "error",
-                  });
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-              });
-      },
-      getUser() {
-        this.$axios.get(`/apaas/system/v5/user/getUserInfo`).then((res) => {
-            if (res.data.code == 200) {
-            this.$store.commit("setUserInfo", res.data.data);
-            // if (res.data.data.userType == 1) {
-                //超管
-                this.$store.commit("setMenu", menu.adminMenu);
+          password: CryptoJS.AES.encrypt(
+            this.loginForm.password,
+            "swuE9cmCZQwrkYRV"
+          ).toString(),
+        })
+        .then(({ data }) => {
+          if (data.code == 200) {
+            this.getUser();
+          } else {
+            this.getImg(true);
+            this.$message({
+              message: data.errMsg,
+              type: "error",
+            });
+          }
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+    getUserInfo() {
+      return this.$axios.get(`/apaas/system/v5/user/getUserInfo`);
+    },
+    getMenu() {
+      return this.$axios.get(`/apaas/system/v5/menu/user/tree`);
+    },
+    getUser() {
+      Promise.all([this.getUserInfo(), this.getMenu()]).then((res) => {
+        if (res[0].data.code == 200 && res[1].data.code == 200) {
+          let data = res[1].data.data[0].children || [];
+          this.$store.commit("setUserInfo", res[0].data.data);
+          // if (res.data.data.userType == 1) {
+          //超管
+          this.$store.commit("setMenu", data);
 
-                menu.menuToRouter(menu.adminMenu)
+          menu.menuToRouter(data);
 
-                this.$store.commit('setRoute',menu.adminMenu)
+          this.$store.commit("setRoute", data);
 
-                //存储菜单对象信息
-                let menuObj = {}
-                this.getMenuObj(menu.adminMenu,'',menuObj)
-                this.$store.commit('setMenuObj',menuObj)
-            // }
-            generateRoutes()
-            // this.$router.push("/");
-            //跳转到工作台页面
-            window.location.href = '/apaas/portal/ui/#/'
-            }
-        });
-      },
-      getMenuObj(menu,parentRowPath,menuObj){
-        menu.forEach((e,idx) => {
-            e.rowPath = parentRowPath + '.' + idx
-            menuObj[e.path] = e
-            if(e.children&&e.children.length){
-            this.getMenuObj(e.children,e.rowPath,menuObj)
-            }
-        });
-      },
-      getImg(clearInput = false) {
-        this.$axios.get(`/apaas/system/v5/user/getCaptcha??width=240&height=32`).then((res) => {
-            if (res.data.code == 200) {
-                this.imgId = res.data.data.id;
-                this.imgSrc = res.data.data.captcha;
-            }
-        });
-        if (clearInput) {
-          this.loginForm.yzm = "";
+          //存储菜单对象信息
+          let menuObj = {};
+          this.getMenuObj(data, "", menuObj);
+          this.$store.commit("setMenuObj", menuObj);
+          // }
+          generateRoutes();
+          // this.$router.push("/");
+          //跳转到工作台页面
+          window.location.href = "/apaas/portal/ui/#/";
         }
-      },
+      });
     },
-    created() {
-      this.getImg();
-      if (getCookie("userinfo")) {
-        let userinfo = decodeURI(decodeURI(getCookie("userinfo"))).split(",");
-  
-        this.loginForm.userid = userinfo[0];
-        this.loginForm.password = userinfo[1];
-        this.checked = true;
-  
-        this.rememberPassword = true
-      } else {
-        this.checked = false;
+    getMenuObj(menu, parentRowPath, menuObj) {
+      menu.forEach((e, idx) => {
+        e.rowPath = parentRowPath + "." + idx;
+        menuObj[e.path] = e;
+        if (e.children && e.children.length) {
+          this.getMenuObj(e.children, e.rowPath, menuObj);
+        }
+      });
+    },
+    getImg(clearInput = false) {
+      this.$axios
+        .get(`/apaas/system/v5/user/getCaptcha??width=240&height=32`)
+        .then((res) => {
+          if (res.data.code == 200) {
+            this.imgId = res.data.data.id;
+            this.imgSrc = res.data.data.captcha;
+          }
+        });
+      if (clearInput) {
+        this.loginForm.yzm = "";
       }
     },
-  };
-  </script>
-  
-  <style lang="scss" scoped>
-  .msg-code {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  
-    > .bg-identify {
-      margin-left: 6px;
-      flex-shrink: 0;
+  },
+  created() {
+    this.getImg();
+    if (getCookie("userinfo")) {
+      let userinfo = decodeURI(decodeURI(getCookie("userinfo"))).split(",");
+
+      this.loginForm.userid = userinfo[0];
+      this.loginForm.password = userinfo[1];
+      this.checked = true;
+
+      this.rememberPassword = true;
+    } else {
+      this.checked = false;
     }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.msg-code {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  > .bg-identify {
+    margin-left: 6px;
+    flex-shrink: 0;
   }
-  </style>
-  
\ No newline at end of file
+}
+</style>
diff --git a/src/main.js b/src/main.js
index 3e824b0..39240c2 100644
--- a/src/main.js
+++ b/src/main.js
@@ -43,6 +43,11 @@ function getUser() {
     return axios.get(`/apaas/system/v5/user/getUserInfo`)
 }
 
+//获取用户菜单信息
+function getMenu() {
+  return axios.get(`/apaas/system/v5/menu/user/tree`)
+}
+
 //处理菜单成为对象
 function getMenuObj(menu,parentRowPath,menuObj){
   menu.forEach((e,idx) => {
@@ -55,22 +60,22 @@ function getMenuObj(menu,parentRowPath,menuObj){
 }
 
 
-Promise.all([getUser()]).then(res => {
+Promise.all([getUser(),getMenu()]).then(res => {
     console.log(res);
-    if (res[0].data.code == 200) {
+    if (res[0].data.code == 200&&res[1].data.code == 200) {
       //已登录则记录菜单和用户信息
+      let data = res[1].data.data[0].children||[]
       store.commit('setUserInfo', res[0].data.data)
   
-  
       // if (res[0].data.data.userType == 1) {//超管
-        store.commit('setMenu', menu.adminMenu)
-        menu.menuToRouter(menu.adminMenu)
+        store.commit('setMenu', data)
+        menu.menuToRouter(data)
         console.log(menu);
-        store.commit('setRoute',menu.adminMenu)
+        store.commit('setRoute',data)
 
         //存储菜单对象信息
         let menuObj = {}
-        getMenuObj(menu.adminMenu,'',menuObj)
+        getMenuObj(data,'',menuObj)
         store.commit('setMenuObj',menuObj)
         console.log(menuObj);
         
-- 
2.26.0