SmartCommunity/operationSupport/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 { funcRouter } from './router/dynamicMuen';
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 '@utils/AmapSearch.js';
import directiveInit from '@utils/directives';
import directived from '@utils/directived';
import http from '@utils/http.js';
import apiService from './api/index';
import store from './store/store.js';
import '@utils/utils.js';
import 'babel-polyfill';
// 过滤
import filter from './utils/filters';
Object.keys(filter).forEach((key) => Vue.filter(key, filter[key]));
// 滚动条
import GeminiScrollbar from 'vue-gemini-scrollbar';

Vue.use(GeminiScrollbar);
// import VueAMap from 'vue-amap';

Vue.prototype.$moment = moment;
Vue.config.productionTip = false;
Vue.use(Vuex);
Vue.use(commonComponents);
Vue.use(directiveInit);
Vue.use(directived);
Vue.use(ElementUI, {
    size: 'small'
});
// Vue.use(VueAMap);
//
// // 初始化vue-amap
// VueAMap.initAMapApiLoader({
//     // 高德的key
//     key: 'def65c683e32ae89dd7f8982b433b7f8',
//     // 插件集合
//     plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
//     // 高德 sdk 版本，默认为 1.4.4
//     v: '1.4.4'
// });
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(arrList, arr, indexPath) {
        arr.map((v) => {
            if (v.children) {
                this.findMen(arrList, v.children, indexPath);
            } else {
                if ('/' + v.linkPath == indexPath) {
                    arrList.push(true)
                }
            }
        });

    },
    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('/sc-user-center/user/findUserMenu', { appId: '1002' }).then(({ status, data, msg }) => {
            if (0 === status) {
                store.commit('setMenuList', data[0].children);
                if (data[0].children[0].children == null) {
                    router.push({
                        path: '/' + data[0].children[0].linkPath
                    });
                } else {
                    router.push({
                        path: '/' + data[0].children[0].children[0].linkPath
                    });

                }
                store.commit('setThisDetai', data[0]);
            }
        });
    }
};
//使用钩子函数对路由进行权限跳转
router.beforeEach((to, from, next) => {
    if (localStorage.getItem("SC_token")) {
        let menuList = window.sessionStorage.getItem("SC_listMuen")
        JSON.parse
        let newAr = [];
        if (menuList == null || menuList == undefined) {
            http.get('/sc-user-center/user/findUserMenu', { appId: '1002' }).then(({ status, data, msg }) => {
                if (0 == status) {
                    let datas = data[0].children
                    window.sessionStorage.setItem('SC_listMuen', JSON.stringify(datas))
                    window.sessionStorage.setItem('setThisDetai', JSON.stringify(data[0]))
                    store.commit('setThisDetai', data[0]);
                    funcRouter(newAr, datas, router)
                    next({ ...to, replace: true })
                } else {
                    this.$message.error(msg);
                }
            })
        } else {
            if (router.options.routes[0].children.length == 0) {
                funcRouter(newAr, JSON.parse(menuList), router)
                next({ ...to, replace: true })
            } else {
                let thisAll = JSON.parse(menuList)[0];
                if (to.path == '/') {
                    if (!!thisAll.children) {
                        next({ path: `/${thisAll.children[0].linkPath}` })
                    } else {
                        next({ path: `/${thisAll.linkPath}` })
                    }
                } else {
                    next()
                }
            }
        }
    } else {
        next();
    }
});
// router.beforeEach((to, from, next) => {
//     if (to.path !== '/404') {
//         let newa = [];
//         console.log()
//         Vue.prototype.routerLoad.findMen(newa, store.getters.getMenuList, to.fullPath);
//         if (newa.length) {
//             next();
//         } else {
//             next({ path: '404' });
//         }
//         next();
//         // 跳转时存储路由
//         localStorage.setItem('path', to.fullPath);
//     } else {
//         next();
//     }
// });
new Vue({
    router,
    store,
    render: (h) => h(App),
    // created() {
    //     if (localStorage.getItem('SC_token')) {
    //         this.routerLoad.loadMenus();
    //     }
    // }
}).$mount('#app');
Vue.prototype.$http = http;
Vue.prototype.$api = apiService(http);