添加socket及修改归口中的其他value
This commit is contained in:
@ -1,10 +1,11 @@
|
||||
import { login, logout, getInfo } from '@/api/login'
|
||||
import { getToken, setToken, removeToken } from '@/utils/auth'
|
||||
import { login, logout, getInfo } from '@/api/login';
|
||||
import { getToken, setToken, removeToken } from '@/utils/auth';
|
||||
|
||||
const user = {
|
||||
state: {
|
||||
token: getToken(),
|
||||
name: '',
|
||||
userId: '',
|
||||
avatar: '',
|
||||
roles: [],
|
||||
permissions: []
|
||||
@ -12,84 +13,98 @@ const user = {
|
||||
|
||||
mutations: {
|
||||
SET_TOKEN: (state, token) => {
|
||||
state.token = token
|
||||
state.token = token;
|
||||
},
|
||||
SET_NAME: (state, name) => {
|
||||
state.name = name
|
||||
state.name = name;
|
||||
},
|
||||
SET_USER_ID: (state, userId) => {
|
||||
state.userId = userId;
|
||||
localStorage.setItem('userId', userId);
|
||||
},
|
||||
SET_AVATAR: (state, avatar) => {
|
||||
state.avatar = avatar
|
||||
state.avatar = avatar;
|
||||
},
|
||||
SET_ROLES: (state, roles) => {
|
||||
state.roles = roles
|
||||
state.roles = roles;
|
||||
},
|
||||
SET_PERMISSIONS: (state, permissions) => {
|
||||
state.permissions = permissions
|
||||
state.permissions = permissions;
|
||||
}
|
||||
},
|
||||
|
||||
actions: {
|
||||
// 登录
|
||||
Login({ commit }, userInfo) {
|
||||
const username = userInfo.username.trim()
|
||||
const password = userInfo.password
|
||||
const code = userInfo.code
|
||||
const username = userInfo.username.trim();
|
||||
const password = userInfo.password;
|
||||
const code = userInfo.code;
|
||||
return new Promise((resolve, reject) => {
|
||||
login(username, password, code).then(res => {
|
||||
setToken(res.data.token)
|
||||
commit('SET_TOKEN', res.data.token)
|
||||
resolve()
|
||||
}).catch(error => {
|
||||
reject(error)
|
||||
})
|
||||
})
|
||||
login(username, password, code)
|
||||
.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(state.token).then(res => {
|
||||
const user = res.data
|
||||
const avatar = !res.data.icon ? require("@/assets/image/profile.jpg") : process.env.VUE_APP_BASE_API + user.icon;
|
||||
if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
|
||||
commit('SET_ROLES', res.roles)
|
||||
// commit('SET_PERMISSIONS', res.permissions)
|
||||
} else {
|
||||
commit('SET_ROLES', ['ROLE_DEFAULT'])
|
||||
}
|
||||
commit('SET_NAME', user.userName)
|
||||
commit('SET_AVATAR', avatar)
|
||||
resolve(res)
|
||||
}).catch(error => {
|
||||
reject(error)
|
||||
})
|
||||
})
|
||||
getInfo(state.token)
|
||||
.then(res => {
|
||||
const user = res.data;
|
||||
const avatar = !res.data.icon
|
||||
? require('@/assets/image/profile.jpg')
|
||||
: process.env.VUE_APP_BASE_API + user.icon;
|
||||
if (res.roles && res.roles.length > 0) {
|
||||
// 验证返回的roles是否是一个非空数组
|
||||
commit('SET_ROLES', res.roles);
|
||||
// commit('SET_PERMISSIONS', res.permissions)
|
||||
} else {
|
||||
commit('SET_ROLES', ['ROLE_DEFAULT']);
|
||||
}
|
||||
commit('SET_NAME', user.userName);
|
||||
commit('SET_USER_ID', user.userId);
|
||||
commit('SET_AVATAR', avatar);
|
||||
resolve(res);
|
||||
})
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
// 退出系统
|
||||
LogOut({ commit, state }) {
|
||||
return new Promise((resolve, reject) => {
|
||||
logout(state.token).then(() => {
|
||||
commit('SET_TOKEN', '')
|
||||
commit('SET_ROLES', [])
|
||||
commit('SET_PERMISSIONS', [])
|
||||
removeToken()
|
||||
resolve()
|
||||
}).catch(error => {
|
||||
reject(error)
|
||||
})
|
||||
})
|
||||
logout(state.token)
|
||||
.then(() => {
|
||||
commit('SET_TOKEN', '');
|
||||
commit('SET_ROLES', []);
|
||||
commit('SET_PERMISSIONS', []);
|
||||
removeToken();
|
||||
resolve();
|
||||
})
|
||||
.catch(error => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
// 前端 登出
|
||||
FedLogOut({ commit }) {
|
||||
return new Promise(resolve => {
|
||||
commit('SET_TOKEN', '')
|
||||
removeToken()
|
||||
resolve()
|
||||
})
|
||||
commit('SET_TOKEN', '');
|
||||
removeToken();
|
||||
resolve();
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export default user
|
||||
export default user;
|
||||
|
@ -80,7 +80,7 @@ export default {
|
||||
label: '发改'
|
||||
},
|
||||
{
|
||||
value: 'qita',
|
||||
value: 'OTHER',
|
||||
label: '其他'
|
||||
}
|
||||
],
|
||||
|
@ -108,7 +108,7 @@ export default {
|
||||
label: '发改'
|
||||
},
|
||||
{
|
||||
value: 'qita',
|
||||
value: 'OTHER',
|
||||
label: '其他'
|
||||
}
|
||||
]
|
||||
|
@ -110,7 +110,7 @@ export default {
|
||||
label: '发改'
|
||||
},
|
||||
{
|
||||
value: 'qita',
|
||||
value: 'OTHER',
|
||||
label: '其他'
|
||||
}
|
||||
],
|
||||
|
@ -270,7 +270,7 @@ export default {
|
||||
label: '发改'
|
||||
},
|
||||
{
|
||||
value: 'qita',
|
||||
value: 'OTHER',
|
||||
label: '其他'
|
||||
}
|
||||
],
|
||||
|
@ -1,5 +1,58 @@
|
||||
<template>
|
||||
<div>
|
||||
Service
|
||||
<button @click="send">发消息</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
path: 'ws://192.168.0.125:1919/webStock/' + this.$store.state.user.userId,
|
||||
socket: ''
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
// 初始化
|
||||
this.init();
|
||||
},
|
||||
methods: {
|
||||
init: function() {
|
||||
if (typeof WebSocket === 'undefined') {
|
||||
alert('您的浏览器不支持socket');
|
||||
} else {
|
||||
// 实例化socket
|
||||
this.socket = new WebSocket(this.path);
|
||||
console.log(this.socket);
|
||||
// 监听socket连接
|
||||
this.socket.onopen = this.open;
|
||||
// 监听socket错误信息
|
||||
this.socket.onerror = this.error;
|
||||
// 监听socket消息
|
||||
this.socket.onmessage = this.getMessage;
|
||||
}
|
||||
},
|
||||
open: function() {
|
||||
console.log('socket连接成功');
|
||||
},
|
||||
error: function() {
|
||||
console.log('连接错误');
|
||||
},
|
||||
getMessage: function(msg) {
|
||||
console.log(msg.data);
|
||||
},
|
||||
send: function(params) {
|
||||
this.socket.send(params);
|
||||
},
|
||||
close: function() {
|
||||
console.log('socket已经关闭');
|
||||
}
|
||||
},
|
||||
destroyed() {
|
||||
// 销毁监听
|
||||
this.socket.onclose = this.close;
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
|
@ -114,7 +114,7 @@ export default {
|
||||
label: '发改'
|
||||
},
|
||||
{
|
||||
value: 'qita',
|
||||
value: 'OTHER',
|
||||
label: '其他'
|
||||
}
|
||||
]
|
||||
|
Reference in New Issue
Block a user