opms_wechat/frontend_mobile/store/index.js

/*
 * @Author: liuzhenlin 461480418@qq.ocm
 * @Date: 2023-01-19 16:03:20
 * @LastEditors: liuzhenlin
 * @LastEditTime: 2023-01-20 10:23:22
 * @Description: file content
 * @FilePath: \crm\store\index.js
 */
import Vue from 'vue'
import Vuex from 'vuex'
import userApi from '../api/system/user'
import to from 'await-to-js'
Vue.use(Vuex)
const store = new Vuex.Store({
    state: {
        token: '', //用户token
        userId: '',
        username: '',
        nickName: '',
        avatar: '',
        followPageDetail: {}, //跟进页面的客户/项目信息
    },
    getters: {
        followPageDetail: (state) => state.followPageDetail,
        userId: (state) => state.userId,
        token: (state) => state.token,
        username: (state) => state.username,
        nickName: (state) => state.nickName,
        avatar: (state) => state.avatar,
    },
    //mutations定义同步操作的方法
    mutations: {
        /**
         * @description 设置token
         * @param {*} state
         * @param {*} token
         */
        setDetails(state, info) {
            state.followPageDetail = info
        },
        /**
         * @description 设置token
         * @param {*} state
         * @param {*} token
         */
        setToken(state, token) {
            state.token = token
            uni.setStorageSync('opms_token', token)
        },
        /**
         * @description 设置用户id
         * @param {*} state
         * @param {*} userId
         */
        setUserId(state, userId) {
            state.userId = userId
        },
        /**
         * @description 设置用户名字
         * @param {*} state
         * @param {*} username
         */
        setUsername(state, username) {
            state.username = username
        },
        /**
         * @description
         * @param {*} state
         * @param {*} nickName
         */
        setNickName(state, nickName) {
            state.nickName = nickName
        },
        /**
         * @description 设置用头像
         * @param {*} state
         * @param {*} avatar
         */
        setAvatar(state, avatar) {
            state.avatar = avatar
        },
    },
    actions: {
        /**
         * @description 登录
         * @param {*} { commit }
         * @param {*} userInfo
         */
        async login({ commit, dispatch }, userInfo) {
            const [err, res] = await to(userApi.login(userInfo))
            if (err) return
            uni.showToast({
                title: '登录成功',
                icon: 'none',
                complete: async() => {
                    commit('setToken', res.data.token)
                    uni.reLaunch({
                        url: '/pages/home/index',
                    })
                    await dispatch('getUserInfo')
                },
            })
        },
        /**
         * @description 获取用户信息接口
         * @param {*} { commit, dispatch, state }
         * @returns
         */
        async getUserInfo({ commit }) {
            const [err, res] = await to(userApi.getUserInfo())
            if (err) return
            const { id, userName, nickName, avatar } = res.data.entity
            if (id) commit('setUserId', id)
            if (userName) commit('setUsername', userName)
            if (nickName) commit('setNickName', nickName)
            if (avatar) commit('setAvatar', avatar)
        },
        /**
         * @description 退出登录
         * @param {*} { dispatch }
         */
        async logout({ dispatch }) {
            await userApi.logout()
            await dispatch('resetAll')
        },
        /**
         * @description 重置token、roles、permission、router、tabsBar等
         * @param {*} { commit, dispatch }
         */
        async resetAll({ commit }) {
            commit('setUsername', '游客')
            commit('setAvatar', 'https://i.gtimg.cn/club/item/face/img/2/15922_100.gif')
            commit('setToken', '')
            uni.removeStorageSync('opms_token')
        },
    },
})
export default store