image.png
commit('SET_NAME', user.userName)
image.png
state: {
token: getToken(),
name: '',
roles: [],
permissions: [],
baseData: {},
userInfo: {},////VUEX YY 3
},
mutations: {
SET_TOKEN: (state, token) => {
state.token = token
},
SET_NAME: (state, name) => {
state.name = name
},
SET_ROLES: (state, roles) => {
state.roles = roles
},
SET_PERMISSIONS: (state, permissions) => {
state.permissions = permissions
},
SET_BASE_DATA: (state, baseData) => {
state.baseData = baseData
},
//VUEX YY 2
SET_USER_INFO: (state, userInfo) => {
state.userInfo = userInfo
},
},
image.png
const getters = {
size: state => state.app.size,
device: state => state.app.device,
dict: state => state.dict.dict,
token: state => state.user.token,
name: state => state.user.name,
introduction: state => state.user.introduction,
roles: state => state.user.roles,
title: state => state.settings.title,
sidebarRouters: state => state.permission.sidebarRouters,
defaultRoutes: state => state.permission.defaultRoutes,
headerConfig: state => state.production.headerConfig,
productOrderList: state => state.production.productOrderList,
showMenu: state => state.production.showMenu,
menuList: state => state.production.menuList,
productRejects: state => state.production.productRejects,
qualityOrderList: state => state.quality.qualityOrderList,
qualityBatchList: state => state.quality.qualityBatchList,
shkList: state => state.user.baseData.shkList,
mesBomDtls: state => state.production.mesBomDtls,
msysItem: state => state.production.msysItem,
userInfo: state => state.user.userInfo, //VUEX YY 4
};
export default getters;
image.png
import { mapGetters } from 'vuex'; //VUEX YY 5
export default {
name: 'homePage',
computed: {
...mapGetters(['defaultRoutes', 'userInfo']), //VUEX YY 6
},
components: {
[Icon.name]: Icon,
[Form.name]: Form,
[Field.name]: Field,
[Button.name]: Button,
[Row.name]: Row,
[Col.name]: Col,
[Dialog.name]: Dialog,
},
data() {
return {
scanImg: scan,
};
},
mounted() {
// 截取日期字符串
this.userInfo.updateDt = this.userInfo.updateDt.slice(0, 10);
},
