woals 2024-08-20 656a8ba 240820 권민수 대시보드 진입 시 쿼리 사용 방식에서 vuex state이용 방식으로 변경 UNIX

Raw Open in browser Change history

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import { createStore } from 'vuex';
export default createStore({
    state: {
        token: null,
        userId: null,
        authcd: null,
        stdId: null,
        schdlId: null,
        bookId: null,
        unitId: null,
    },
    getters: {
        isLoggedIn(state) {
            return !!state.token; 
        },
        getUserInfo(state) {
            return {
                userId: state.userId,
                authcd: state.authcd,
            }; 
        },
        getStdId(state) {
            return state.stdId;
        },
        getSchdlId(state) {
            return state.schdlId;
        },
        getBookId(state) {
            return state.bookId;
        },
        getUnitId(state) {
            return state.unitId;
        },
    },
    mutations: {
        setToken(state, token) {
            state.token = token;
        },
        clearToken(state) {
            state.token = null;
            state.userId = null; 
            state.authcd = null;
            state.stdId = null;
            state.schdlId = null;
            state.bookId = null;
            state.unitId = null;
        },
        setUser(state, userId) {
            state.userId = userId; 
        },
        setAuthcd(state, authcd) {
            state.authcd = authcd; 
        },
        setStdId(state, stdId) {
            state.stdId = stdId;
        },
        setSchdlId(state, schdlId) {
            state.schdlId = schdlId;
        },
        setBookId(state, bookId) {
            state.bookId = bookId;
        },
        setUnitId(state, unitId) {
            state.unitId = unitId;
        }
    },
    actions: {
        login({ commit }, token) {
            commit('setToken', token); 
            localStorage.setItem('token', token);
        },
        logout({ commit }) {
            commit('clearToken');
            localStorage.removeItem('token');
        },
        updateStdId({ commit }, payload) {
            return new Promise((resolve) => {
                commit('setStdId', payload);
                resolve();
            });
        },
        updateSchdlId({ commit }, payload) {
            return new Promise((resolve) => {
                commit('setSchdlId', payload);
                resolve();
            });
        },
        updateBookId({ commit }, payload) {
            return new Promise((resolve) => {
                commit('setBookId', payload);
                resolve();
            });
        },
        updateUnitId({ commit }, payload) {
            return new Promise((resolve) => {
                commit('setUnitId', payload);
                resolve();
            });
        }
    }
});
X