first commit

chenyc

2024-08-19 843c9c20b6334f6665403d501891c1df3e5354a7

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import { defineStore } from 'pinia';
import Cookies from 'js-cookie';
import { Session } from '/@/utils/storage';
 
/**
 * 用户信息
 * @methods setUserInfos 设置用户信息
 */
export const useUserInfo = defineStore('userInfo', {
    state: (): UserInfosState => ({
        userInfos: {
            userName: '',
            photo: '',
            time: 0,
            roles: [],
            authBtnList: [],
        },
    }),
    actions: {
        async setUserInfos() {
            // 存储用户信息到浏览器缓存
            if (Session.get('userInfo')) {
                this.userInfos = Session.get('userInfo');
            } else {
                const userInfos = <UserInfos>await this.getApiUserInfo();
                this.userInfos = userInfos;
            }
        },
        // 模拟接口数据
        // https://gitee.com/lyt-top/vue-next-admin/issues/I5F1HP
        async getApiUserInfo() {
            return new Promise((resolve) => {
                setTimeout(() => {
                    // 模拟数据，请求接口时，记得删除多余代码及对应依赖的引入
                    const userName = Cookies.get('userName');
                    // 模拟数据
                    let defaultRoles: Array<string> = [];
                    let defaultAuthBtnList: Array<string> = [];
                    // admin 页面权限标识，对应路由 meta.roles，用于控制路由的显示/隐藏
                    let adminRoles: Array<string> = ['admin'];
                    // admin 按钮权限标识
                    let adminAuthBtnList: Array<string> = ['btn.add', 'btn.del', 'btn.edit', 'btn.link'];
                    // test 页面权限标识，对应路由 meta.roles，用于控制路由的显示/隐藏
                    let testRoles: Array<string> = ['common'];
                    // test 按钮权限标识
                    let testAuthBtnList: Array<string> = ['btn.add', 'btn.link'];
                    // 不同用户模拟不同的用户权限
                    if (userName === 'admin') {
                        defaultRoles = adminRoles;
                        defaultAuthBtnList = adminAuthBtnList;
                    } else {
                        defaultRoles = testRoles;
                        defaultAuthBtnList = testAuthBtnList;
                    }
                    // 用户信息模拟数据
                    const userInfos = {
                        userName: userName,
                        photo:
                            userName === 'admin'
                                ? 'https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500'
                                : 'https://img2.baidu.com/it/u=2370931438,70387529&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
                        time: new Date().getTime(),
                        roles: defaultRoles,
                        authBtnList: defaultAuthBtnList,
                    };
                    Session.set('userInfo', userInfos);
                    resolve(userInfos);
                }, 0);
            });
        },
    },
});