add mock，未完待续

Author: zhongzhenlong

.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["es2015", "stage-2"],
+  "presets": ["stage-2"],
   "plugins": ["transform-runtime","transform-vue-jsx",["component", [
     {
       "libraryName": "element-ui",
@@ -9,7 +9,7 @@
   "comments": false,
   "env": {
     "test": {
-      "presets": ["es2015", "stage-2"],
+      "presets": ["stage-2"],
       "plugins": [ "istanbul" ]
     }
   }

package.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "animate.css": "3.5.2",
     "axios": "^0.16.2",
-    "babel-polyfill": "^6.23.0",
+    "babel-polyfill": "^6.26.0",
     "echarts": "^3.5.1",
     "element-ui": "^1.4.3",
     "eventsource-polyfill": "^0.9.6",
@@ -39,7 +39,6 @@
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-runtime": "^6.22.0",
     "babel-plugin-transform-vue-jsx": "^3.5.0",
-    "babel-polyfill": "^6.26.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-latest": "^6.22.0",
     "babel-preset-stage-2": "^6.24.1",

src/axios.js

@@ -1,31 +1,38 @@
-/**
- * Created by lanux on 2017/3/9.
- */
 import axios from "axios";
-
-// 适配vue-resource
+import auth from "./auth";
+import {getBaseUrl} from "./common/utils"
 
 const instance = axios.create();
-instance.interceptors.request.use(config => {
-//Serialize.decode(config);
-  return config;
-});
-instance.interceptors.response.use(response => {
-  return response.data;
-}, err => {
-  if (err.response) {
-    axios.post('/v1/error', err.response);
-    return Promise.reject(err.response.data);
-  }
-  return Promise.reject({code: 1024, message: err.message});
-});
 
+instance.interceptors.response.use(
+  response => {
+    if (response.data && response.data.code) {
+      if (response.data.code === '2001') {
+        auth.logout()
+      }
+    }
+    return response;
+  },
+  error => {
+    if (error.response) {
+      //全局ajax错误信息提示
+      Element.MessageBox({type:"error",message:error.response.data,title:"温馨提示"});
+    }
+    return Promise.reject(error);
+  });
 
 function plugin(Vue)
 {
   if (plugin.installed) {
     return;
   }
+  // instance.defaults.baseURL = 'https://www.baidu.com';
+  instance.defaults.baseURL = getBaseUrl(window.location.href);
+  instance.defaults.headers.common['authUid'] = auth.getUid();
+  instance.defaults.headers.common['authSid'] = auth.getSid();
+
+  Vue.prototype.$http = instance
+  Vue.axios = instance
   Vue.http = instance;
 }
 

src/common/utils.js

@@ -1,19 +1,32 @@
 import pathToRegexp from "path-to-regexp";
 
+export const getSessionKey = (key, defaultValue) => {
+  const item = window.sessionStorage.getItem(key);
+  if (item == undefined && defaultValue != undefined) {
+    return defaultValue
+  }
+  return item;
+}
+
+export const getBaseUrl = (url) => {
+  var reg = /^((\w+):\/\/([^\/:]*)(?::(\d+))?)(.*)/;
+  reg.exec(url);
+  return RegExp.$1;
+}
+
 export const keyMirror = (obj) => {
   let key
   let mirrored = {}
   if (obj && typeof obj === 'object') {
     for (key in obj) {
       if ({}.hasOwnProperty.call(obj, key)) {
-        mirrored[key] = key
+        mirrored[ key ] = key
       }
     }
   }
   return mirrored
 }
 
-
 /**
  * 数组格式转树状结构
  * @param   {array}     array
@@ -27,36 +40,33 @@ export const arrayToTree = (array, id = 'id', pid = 'pid', children = 'children'
   let result = []
   let hash = {}
   data.forEach((item, index) => {
-    hash[data[index][id]] = data[index]
+    hash[ data[ index ][ id ] ] = data[ index ]
   })
 
   data.forEach((item) => {
-    let hashVP = hash[item[pid]]
+    let hashVP = hash[ item[ pid ] ]
     if (hashVP) {
-      !hashVP[children] && (hashVP[children] = [])
-      hashVP[children].push(item)
+      !hashVP[ children ] && (hashVP[ children ] = [])
+      hashVP[ children ].push(item)
     } else {
       result.push(item)
     }
   })
   return result
 }
 
-
-
-
-export function getCurrentMenu(location,arrayMenu){
-  if(!!arrayMenu) {
+export function getCurrentMenu (location, arrayMenu) {
+  if (!!arrayMenu) {
     let current = []
-    for(let i=0; i<arrayMenu.length; i++){
-      const e = arrayMenu[i];
-      const child = getCurrentMenu(location,e.children);
-      if (!!child && child.length>0) {
-        child.push({...e,children:null});
+    for (let i = 0; i < arrayMenu.length; i++) {
+      const e = arrayMenu[ i ];
+      const child = getCurrentMenu(location, e.children);
+      if (!!child && child.length > 0) {
+        child.push({ ...e, children: null });
         return child;
       }
-      if (e.href && pathToRegexp(e.href).exec(location)){
-        current.push({...e,children:null});
+      if (e.href && pathToRegexp(e.href).exec(location)) {
+        current.push({ ...e, children: null });
         return current;
       }
     }

src/components/sideMenu.vue

@@ -14,7 +14,6 @@
     </el-scrollbar>
     <div class="sidebar" v-else>
       <el-menu :default-active="onRoutes"
-               :default-openeds="onRouteKeys"
                class="el-menu-vertical-demo"
                theme="light" router :collapse="sidebar.collapsed&&!device.isMobile" @select="handleSelect">
         <template v-for="item in menuList">
@@ -27,7 +26,7 @@
 <script>
   import subMenu from "./subMenu.vue"
   import {mapGetters, mapActions, mapMutations} from 'vuex'
-  import * as types from "../store/mutation-types"
+  import types from "../store/mutation-types"
 
 
   export default {

src/main.js

@@ -1,44 +1,21 @@
-// The Vue build version to load with the `import` command
-// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import 'babel-polyfill'
 import 'eventsource-polyfill'
 import Vue from "vue";
 import frame from "./frame.vue";
-import VueRouter from "vue-router";
-import routeConfig from "./router";
-import {sync} from "vuex-router-sync";
+import router from "./router";
 import store from "./store";
-import axios from "axios";
+import axios from "./axios";
 import filters from "./filters";
 import VueProgressBar from "vue-progressbar";
-import types from "./store/mutation-types";
-import auth from "./auth";
 import Element from "element-ui";
 // import 'element-ui/lib/theme-default/index.css';
 import "./css/theme/index.css";
 import ImpPanel from "./components/panel.vue";
 
+Vue.use(axios);
 
 Vue.use(Element);
 
-function getBaseUrl(url) {
-  var reg = /^((\w+):\/\/([^\/:]*)(?::(\d+))?)(.*)/;
-  reg.exec(url);
-  return RegExp.$1;
-}
-
-// axios.defaults.baseURL = 'https://www.baidu.com';
-axios.defaults.baseURL = getBaseUrl(window.location.href);
-axios.defaults.headers.common['authUid'] = auth.getUid();
-axios.defaults.headers.common['authSid'] = auth.getSid();
-
-Vue.prototype.$http = axios
-Vue.axios = axios
-
-
-//加载路由中间件
-Vue.use(VueRouter)
-
 Vue.component(ImpPanel.name, ImpPanel);
 
 Vue.use(VueProgressBar, {
@@ -54,47 +31,6 @@ Vue.use(VueProgressBar, {
   inverse: false
 })
 
-//定义路由
-const router = new VueRouter({
-  routes: routeConfig,
-  //mode: 'history'
-})
-
-sync(store, router)
-
-const {state} = store
-
-router.beforeEach((route, redirect, next) => {
-  if (state.device.isMobile && state.sidebar.opened) {
-    store.commit(types.TOGGLE_SIDEBAR, false)
-  }
-  if (!auth.loggedIn() && route.path !== '/login') {
-    next({
-      path: '/login',
-      query: {redirect: route.fullPath}
-    })
-  } else {
-    next()
-  }
-})
-
-axios.interceptors.response.use(
-  response => {
-    if (response.data && response.data.code) {
-      if (response.data.code === '2001') {
-        auth.logout()
-      }
-    }
-    return response;
-  },
-  error => {
-    if (error.response) {
-      //全局ajax错误信息提示
-      Element.MessageBox({type:"error",message:error.response.data,title:"温馨提示"});
-    }
-    return Promise.reject(error);
-  });
-
 
 Object.keys(filters).forEach(key => {
   Vue.filter(key, filters[key])

src/router/index.js

@@ -1,35 +1,36 @@
-import dashboard from "../pages/dashboard.vue";
-import NotFoundView from "../components/404.vue";
-import menuList from "../pages/sys/menu.vue";
-import role from "../pages/sys/role.vue";
-import resource from "../pages/sys/resource.vue";
-import login from "../pages/login.vue";
-import app from "../App.vue";
-import sysUser from "../pages/sys/user.vue";
-import userAdd from "../pages/sys/userAdd.vue";
-import resetPwd from "../pages/resetPwd.vue";
-// Routes
-const routes = [
-  {path: '/login', component: login},
-  {
-    path: '/test', component: app, children: [
-    {path: '*', component: NotFoundView}
-  ]
-  },
-  {
-    path: '', component: app, children: [
-    {path: '/resetPwd', component: resetPwd},
-    {path: '/index', component: dashboard},
-    {path: '/sys/menuList', component: menuList},
-    {path: '/sys/roleList', component: role},
-    {path: '/sys/userList', component: sysUser},
-    {path: '/sys/userAdd', component: userAdd},
-    {path: '/sys/resource', component: resource}
-  ]
-  },
-  {path: '*', component: NotFoundView}
-]
+import Vue from "vue";
+import VueRouter from "vue-router";
+import routeConfig from "./routes";
+import {sync} from "vuex-router-sync";
+import store from "../store";
+import types from "../store/mutation-types";
+import auth from "../auth";
 
+//加载路由中间件
+Vue.use(VueRouter)
 
-export default routes
+//定义路由
+const router = new VueRouter({
+  routes: routeConfig,
+  //mode: 'history'
+})
 
+sync(store, router)
+
+const {state} = store
+
+router.beforeEach((route, redirect, next) => {
+  if (state.device.isMobile && state.sidebar.opened) {
+    store.commit(types.TOGGLE_SIDEBAR, false)
+  }
+  if (!auth.loggedIn() && route.path !== '/login') {
+    next({
+      path: '/login',
+      query: {redirect: route.fullPath}
+    })
+  } else {
+    next()
+  }
+})
+
+export default router

src/router/routes.js

@@ -0,0 +1,35 @@
+import dashboard from "../pages/dashboard.vue";
+import NotFoundView from "../components/404.vue";
+import menuList from "../pages/sys/menu.vue";
+import role from "../pages/sys/role.vue";
+import resource from "../pages/sys/resource.vue";
+import login from "../pages/login.vue";
+import app from "../App.vue";
+import sysUser from "../pages/sys/user.vue";
+import userAdd from "../pages/sys/userAdd.vue";
+import resetPwd from "../pages/resetPwd.vue";
+// Routes
+const routes = [
+  {path: '/login', component: login},
+  {
+    path: '/test', component: app, children: [
+    {path: '*', component: NotFoundView}
+  ]
+  },
+  {
+    path: '', component: app, children: [
+    {path: '/resetPwd', component: resetPwd},
+    {path: '/index', component: dashboard},
+    {path: '/sys/menuList', component: menuList},
+    {path: '/sys/roleList', component: role},
+    {path: '/sys/userList', component: sysUser},
+    {path: '/sys/userAdd', component: userAdd},
+    {path: '/sys/resource', component: resource}
+  ]
+  },
+  {path: '*', component: NotFoundView}
+]
+
+
+export default routes
+