作者 朱兆平

解决切换tab时页面数据需要重新加载的问题

... ... @@ -24,11 +24,9 @@ export const setUserRole = params => { return http.put(`${baseUrl}/roleset`,para
export const resetToken = params => { return http.put(`${baseUrl}/resetToken`,params)};
export const loginedUserInfo = () => {
console.log("获取用户信息:")
let session_user_info = sessionStorage.getItem('user');
if (session_user_info && jsutil.checkNull(session_user_info)){
let user = JSON.parse(sessionStorage.getItem('user'));
console.log("获取用户信息:"+sessionStorage.getItem('user'))
return user;
}else {
// Message({
... ... @@ -36,7 +34,15 @@ export const loginedUserInfo = () => {
// type:"error",
// });
return {
username:""
};
userId: 0,
username: '',
companyId: 0,
companyName: '',
realname: '',
userface: '',
companyInfo:{
departmentid:"00"
}
}
}
};
... ...
... ... @@ -91,16 +91,6 @@ var axois_init = {
sessionStorage.removeItem('user');
sessionStorage.removeItem('menu');
sessionStorage.removeItem('token');
this.$store.commit('set_user_menu', []);
this.$store.commit('set_user_info', {
userId: 0,
username: '',
companyId: 0,
companyName: '',
realname: '',
userface: '',
companyInfo:{}
});
axios.defaults.headers.common['Authorization'] = undefined;
next()
}else{
... ...
... ... @@ -18,7 +18,9 @@
<div>
<el-col :span="24" class="content-wrapper">
<transition name="fade" mode="out-in">
<keep-alive>
<router-view></router-view>
</keep-alive>
</transition>
</el-col>
</div>
... ...
... ... @@ -266,6 +266,23 @@
changePass:function(){
this.dialogFormVisible=true;
},
updateCache:function(){
resetToken().then( res =>{
let response = res.data;
if (response.code === '200'){
this.$notify({
title: '成功',
message: '缓存更新成功',
type: 'success'
});
}else{
this.$notify.error({
title: '失败',
message: '缓存更新失败'
});
}
})
},
},
computed: {
... ... @@ -276,13 +293,6 @@
this.checkUpdate();
var _this = this;
var user = loginuserInfo;
if (user) {
this.sysUserName = user.username || '';
this.sysUserId=user.userId||'';
this.sysUserAvatar = user.userface || '~img/faceDefault.jpg';
}
//操作路由,判断本地存储的用户栏目列表是否存在,如果存在则加载路由
var userRouters = sessionStorage.getItem('menu');
if (userRouters) {
... ...
... ... @@ -174,6 +174,16 @@
}
},
mounted:function () {
this.$store.commit('set_user_menu', []);
this.$store.commit('set_user_info', {
userId: 0,
username: '',
companyId: 0,
companyName: '',
realname: '',
userface: '',
companyInfo:{}
});
const _this = this
window.onresize = () => {
const windowWidth = document.body.clientWidth
... ...
... ... @@ -191,6 +191,7 @@
import { getList, remove, batchRemove, edit, add } from '../../api/perm_api';
import moment from 'moment'
export default {
name:'Perm'
data() {
return {
filters: {
... ... @@ -450,7 +451,7 @@
},
mounted() {
this.getTableList();
this.cascaderOptions = this.$router.options.routes;
// this.cascaderOptions = this.$router.options.routes;
}
}
... ...
... ... @@ -187,6 +187,7 @@
import { getList as permList } from '../../api/perm_api';
import moment from 'moment'
export default {
name:'Role',
data() {
return {
filters: {
... ...
... ... @@ -220,6 +220,7 @@
import { getList as getRoleList} from '../../api/role_api';
import moment from 'moment'
export default {
name:'User',
data() {
var validatePass = (rule, value, callback) => {
if (value === '') {
... ...
... ... @@ -99,7 +99,9 @@
<script>
import { selectFlightLists } from '../../api/mt1201'
import {mapActions, mapGetters} from 'vuex'
import Job from "@/views/hqpt/Job";
export default {
name:'Orig',
data() {
/*初始化值*/
return {
... ... @@ -129,7 +131,13 @@
},
/*查询列表请求*/
getFlightList:function() {
let params={currentPage:this.currentPage,pageSize:this.pageSize,flighttime:this.flighttime,carrier:this.carrier,departmentid:this.getUserInfoStore.companyInfo.departmentid};
let params={
currentPage:this.currentPage,
pageSize:this.pageSize,
flighttime:this.flighttime,
carrier:this.carrier,
departmentid:this.getUserInfoStore.companyInfo.departmentid
};
this.listLoading = true;
selectFlightLists(params).then(res=>{
let response=res.data.data;
... ...
... ... @@ -740,6 +740,7 @@
import {mapActions, mapGetters} from 'vuex'
import {loginedUserInfo} from "../../api/user";
export default {
name:'Origmaster',
data() {
/*初始数据*/
return {
... ...
... ... @@ -968,7 +968,7 @@
.toolbar{
height: 60px;
background-color: white;
line-height: 60px;
/*line-height: 60px;*/
vertical-align: middle;
border-radius: 5px 5px 5px 5px;
padding: 15px 0 0 20px;
... ...