/* * @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);