基本ok

package.json

@@ -10,6 +10,7 @@
     "build": "node build/build.js"
   },
   "dependencies": {
+    "axios": "^0.18.0",
     "element-ui": "^2.4.1",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1"

src/main.js

@@ -5,34 +5,10 @@ import App from './App'
 import router from './router'
 import './assets/css/base.css'
 import 'element-ui/lib/theme-chalk/index.css'
-import {
-  Menu,
-  Submenu,
-  MenuItem,
-  MenuItemGroup,
-  Checkbox,
-  CheckboxButton,
-  CheckboxGroup,
-  Switch,
-  Row,
-  Col,
-  MessageBox,
-  Message,
-} from 'element-ui'
+import ElementUI from 'element-ui';
 
 Vue.config.productionTip = false;
-Vue.use(Menu);
-Vue.use(Submenu);
-Vue.use(MenuItem);
-Vue.use(MenuItemGroup);
-Vue.use(Checkbox);
-Vue.use(CheckboxButton);
-Vue.use(CheckboxGroup);
-Vue.use(Switch);
-Vue.use(Row);
-Vue.use(Col);
-Vue.prototype.$confirm = MessageBox.confirm;
-Vue.prototype.$message = Message;
+Vue.use(ElementUI);
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

src/router/index.js

@@ -6,6 +6,16 @@ Vue.use(Router)
 export default new Router({
   routes: [
     {
+      path: '/',
+      redirect:'/login',
+    },
+    {
+      path: '/login',
+      component: function(resolve){
+        require(['../views/Login.vue'],resolve);
+      }
+    },
+    {
       path: '/monitor',
       redirect: '/monitor/home',
       component: function(resolve){

src/views/RobotDetails.vue

@@ -114,7 +114,7 @@
     },
     methods: {
       closeDetails() {
-        Bus.$emit('navClick')
+        Bus.$emit('hideDetails')
       }
     }
   }

src/views/overview.vue

@@ -314,6 +314,9 @@
         setTimeout(()=>{
           this.init();
         },0)
+      });
+      Bus.$on('hideDetails',()=>{
+        this.robotDetails = false;
       })
     },
     methods: {