src/store/modules/user.js

import { login, getInfo, logout } from '@/api/index'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'
import md5 from "js-md5"; // 密码加密
import CryptoJS from 'crypto-js'; // 引入 crypto-js
const define = require('@/utils/define')
import Cookies from 'js-cookie'
import request from "@/utils/request";
const user = {
    state: {
        token: getToken(),
        id: '',
        name: '',
        avatar: '',
        roles: [],
        address: '',
        loginLoading: '',
        userInfo: {},
        menuList: [],
        socket: '',
        islader: false,
        laderType: 0, // 0区县1外协2市级
    },
    mutations: {
        SET_SOCKET: (state, socket) => {
            state.socket = socket
        },
        SET_TOKEN: (state, token) => {
            state.token = token
        },
        SET_ID: (state, id) => {
            state.id = id
        },
        SET_NAME: (state, name) => {
            state.name = name
        },
        SET_AVATAR: (state, avatar) => {
            state.avatar = avatar
        },
        SET_ROLES: (state, roles) => {
            state.roles = roles
        },
        SET_ADDRESS: (state, address) => {
            state.address = address
        },
        SET_LOGIN_LOADING: (state, loginLoading) => {
            state.loginLoading = loginLoading
        },
        SET_USERINFO: (state, userInfo) => {
            state.userInfo = userInfo
        },
        SET_MENULIST: (state, menuList) => {
            state.menuList = menuList
        },
        SET_ISLADER: (state, islader) => {
            state.islader = islader
        },
        SET_LADERTYPE: (state, laderType) => {
            state.laderType = laderType
        },
    },
    actions: {
        // 登录
        Login({ commit }, data) {
            return new Promise((resolve, reject) => {
                request({
                    url: `oauth/GetKeyAndIv`,
                    method: "GET",
                }).then((res) => {
                    console.error(res.data);
                    // 定义 key 和 iv
                    const key = CryptoJS.enc.Base64.parse(res.data.Key);
                    const iv = CryptoJS.enc.Base64.parse(res.data.Iv); // 截取前16字节
                    // 对账号和密码进行 AES 加密
                    const account = CryptoJS.AES.encrypt(data.account, key, { iv: iv }).toString();
                    const password = CryptoJS.AES.encrypt(md5(data.password), key, { iv: iv }).toString();
                    login({ account, password }).then(res => {
                        setToken(res.data.token)
                        commit('SET_TOKEN', res.data.token)
                        resolve()
                    }).catch(error => {
                        reject(error)
                    })
                });
                
            })
        },
        // 获取用户信息
        GetInfo({ commit, state }) {
            return new Promise((resolve, reject) => {
                getInfo().then((res) => {
                    let { menuList, userInfo, permissionList } = res.data
                    const avatar = (userInfo.headIcon == '/api/File/Image/userAvatar/') ? require("@/assets/images/user.png") : userInfo.headIcon;
                    // const avatar = (userInfo.headIcon == "" || userInfo.headIcon == null) || require("@/assets/images/user.jpg");
                    console.log(avatar);
                    
                    if (!menuList.length) {
                        reject('您的权限不足，请联系管理员')
                        commit('SET_LOGIN_LOADING', false)
                        return false;
                    }
                    let routerList = []
                    function setData(list) {
                        for (let i = 0; i < list.length; i++) {
                            const e = list[i]
                            let name = e.enCode.replace(/\./g, '-')
                            e.vueName = name
                            if (e.type == 1) {
                                e.path = '/' + e.enCode
                                if (e.hasChildren && e.children.length) {
                                    setData(e.children)
                                }
                            }
                            if (e.type == 2) {
                                let path = e.urlAddress
                                if (path.indexOf("?") > -1) path = path.split("?")[0]
                                e.path = '/' + e.urlAddress
                                let newObj = {
                                    path: '/' + path,
                                    component: (resolve) => require([`@/views/${path}`], resolve),
                                    name: name,
                                    meta: {
                                        title: name,
                                        icon: e.icon,
                                        zhTitle: e.fullName,
                                        modelId: e.id
                                    }
                                }
                                routerList.push(newObj)
                            }
                            // 功能、字典、报表、门户
                            if ([3, 4, 5, 8].indexOf(e.type) > -1) {
                                let propertyJson = e.propertyJson ? JSON.parse(e.propertyJson) : null,
                                    relationId = '',
                                    isTree = 0,
                                    componentUrl = ''
                                if (propertyJson) {
                                    relationId = propertyJson.moduleId || ''
                                    isTree = propertyJson.isTree || 0
                                }
                                if (e.type == 3) {
                                    componentUrl = 'dynamicModel'
                                } else if (e.type == 4) {
                                    componentUrl = 'dynamicDictionary'
                                } else if (e.type == 5) {
                                    componentUrl = 'dynamicDataReport'
                                } else {
                                    componentUrl = 'dynamicPortal'
                                }
                                e.path = '/' + e.urlAddress
                                let newObj = {
                                    path: '/' + e.urlAddress,
                                    component: (resolve) => require([`@/views/basic/${componentUrl}`], resolve),
                                    name: e.enCode,
                                    meta: {
                                        title: name,
                                        icon: e.icon,
                                        zhTitle: e.fullName,
                                        modelId: e.id,
                                        relationId,
                                        isTree
                                    }
                                }
                                routerList.push(newObj)
                            }
                            // 大屏
                            if (e.type == 6) {
                                let propertyJson = e.propertyJson ? JSON.parse(e.propertyJson) : null,
                                    moduleId = '';
                                if (propertyJson) moduleId = propertyJson.moduleId || ''
                                e.path = `${define.dataV}/view/${moduleId}?token=${getToken()}`
                            }
                            // 外链
                            if (e.type == 7) {
                                if (e.linkTarget === "_self") {
                                    e.path = '/' + e.enCode
                                    let newObj = {
                                        path: '/' + e.enCode,
                                        component: (resolve) => require([`@/views/basic/externalLink`], resolve),
                                        name: e.enCode,
                                        meta: {
                                            title: name,
                                            icon: e.icon,
                                            zhTitle: e.fullName,
                                            modelId: e.id,
                                            urlAddress: e.urlAddress
                                        }
                                    }
                                    routerList.push(newObj)
                                } else {
                                    const path = e.urlAddress.replace(/\${dataV}/g, define.dataV).replace(/\${nccToken}/g, getToken())
                                    e.path = path
                                }
                            }
                        }
                    }
                    setData(menuList);
                    if (userInfo.roleIds && userInfo.roleIds.length > 0) { // 验证返回的roles是否是一个非空数组
                        commit('SET_ROLES', userInfo.roleIds)
                    } else {
                        commit('SET_ROLES', ['ROLE_DEFAULT'])
                    }
                    commit('SET_ID', userInfo.userId)
                    commit('SET_NAME', userInfo.userName)
                    commit('SET_AVATAR', avatar)
                    commit('SET_ADDRESS', userInfo.loginIPAddressName)
                    commit('SET_USERINFO', userInfo)
                    // 是否为市级领导
                    commit('SET_ISLADER', userInfo.organizeId == '580547494862128389')
                    const laderTypeList = ['587869689288328453', '613171998939415813', '582426909564994821']
                    commit('SET_LADERTYPE', laderTypeList.findIndex(v => v == userInfo.roleId))
                    commit('SET_MENULIST', menuList)
                    resolve(routerList)
                }).catch(error => {
                    reject(error)
                })
            })
        },
        // 退出系统
        LogOut({ commit, state }) {
            return new Promise((resolve, reject) => {
                 request({
                    url: `oauth/ClearLogin`,
                    method: "POST",
                }).then((res) => {
                    console.error(res);
                    logout().then(() => {
                        commit('SET_TOKEN', '')
                        commit('SET_ROLES', [])
                        removeToken()
                        Cookies.remove('Hm_lvt_e8002ef3d9e0d8274b5b74cc4a027d08')
                        window.localStorage.clear();
                        resolve()
                    }).catch(error => {
                        reject(error)
                    })
                });
               
            })
        },
        // 前端退出
        FedLogOut({ commit, state }) {
            return new Promise((resolve, reject) => {
                commit('SET_TOKEN', '')
                removeToken()
                resolve()
            })
        },
        resetToken({ commit }) {
            return new Promise(resolve => {
                commit('SET_TOKEN', '')
                commit('SET_MENULIST', [])
                commit('SET_ROLES', [])
                commit('SET_USERINFO', {})
                commit('SET_LOGIN_LOADING', false)
                removeToken()
                resolve()
            })
        }
    }
}
export default user