SmartCommunity/userCenter/src/main.js

/*
 * @Author: zouwenying
 * @Date: 2020-10-21 18:14:35
 * @LastEditTime: 2020-11-18 16:28:23
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue-manage-system-master\src\main.js
 */
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import Vuex from 'vuex';
import ElementUI from 'element-ui';
import commonComponents from './components/common';
import 'element-ui/lib/theme-chalk/index.css'; // 默认主题
import moment from 'moment';
moment.locale('zh-cn');
import './assets/css/icon.css';
import './assets/css/main.scss';
import './assets/css/element-variables.scss';
import '@utils/rem.js';
import directiveInit from '@utils/directives';
import http from '@utils/http.js';
import apiService from './api/index';
import store from './store/store.js';
import '@utils/utils.js';
import 'babel-polyfill';

Vue.prototype.$moment = moment;
Vue.config.productionTip = false;
Vue.use(Vuex);
Vue.use(commonComponents);
Vue.use(directiveInit);
Vue.use(ElementUI, {
    size: 'small'
});

Vue.prototype.$http = http;
Vue.prototype.$api = apiService(http);

let defaultPath = '';
Vue.prototype.routerLoad = {
    findOne(arr) {
        return arr.map(v => {
            if (v.children) {
                return this.findOne(v.children)
            } else {
                return {
                    path: "/" + v.linkPath,
                    name: v.name
                }
            }
        })
    },
    findMen(arr, indexPath) {
        let status = false;
        arr.map(v => {
            if (v.children) {
                this.findMen(v.children)
            } else {
                if (('/' + v.linkPath) === indexPath) {
                    status = true
                }
            }
        })
        return status
    },
    close() {
        let activeRout = localStorage.getItem('path');
        let tagsList = store.getters['getTagsList'];
        tagsList.forEach((item, index) => {
            if (item.path == activeRout) {
                tagsList.splice(index, 1);
                return true;
            }
        });
    },
    // 获取菜单
    loadMenus() {
        http.get('/user/findUserMenu', { appId: '1001' }).then(({ status, data, msg }) => {
            if (0 === status) {
                let routerArr = this.findOne(data[0].children);
                store.commit('setThisMenuList', data[0].children);
                if (routerArr[0].length) {
                    defaultPath = routerArr[0][0].path;
                } else {
                    defaultPath = routerArr[0].path;
                }
                if (localStorage.getItem('path') == '/') {
                    localStorage.setItem('path', defaultPath)
                }
                if (this.findMen(data[0].children, localStorage.getItem('path'))) {
                    router.push({ path: localStorage.getItem('path') })
                } else {
                    // this.close();
                    router.push({ path: defaultPath})
                    // router.replace({ path: '403' })
                }

            }
        });
    }
};
//使用钩子函数对路由进行权限跳转
router.beforeEach((to, from, next) => {
    if (to.path != '/404') {
        // 跳转时存储路由
        localStorage.setItem('path', to.fullPath)
    }
    next();
});
new Vue({
    router,
    store,
    render: h => h(App),
    created() {
        if (localStorage.getItem('SC_token')) {
            this.routerLoad.loadMenus();
        }
    }
}).$mount('#app');