修复子节点显示错误

web_src/src/App.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="app">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'app',
+  data(){
+    return {
+      isLogin: false,
+      userInfo: { //保存用户信息
+        nick: null,
+        ulevel: null,
+        uid: null,
+        portrait: null
+      }
+    }
+  },
+  created() {
+    if(!this.$cookies.get("session")){
+      //如果没有登录状态则跳转到登录页
+      this.$router.push('/login');
+    }
+  },
+  //监听路由检查登录
+  watch:{
+    "$route" : 'checkLogin'
+  },
+  mounted(){
+    //组件开始挂载时获取用户信息
+    // this.getUserInfo();
+  },
+  methods: {
+    //请求用户的一些信息
+    getUserInfo(){
+      var userinfo = this.$cookies.get("session");
+    },
+    checkLogin(){
+      //检查是否存在session
+      //cookie操作方法在源码里有或者参考网上的即可
+      if(!this.$cookies.get("session")){
+        //如果没有登录状态则跳转到登录页
+        this.$router.push('/login');
+      }
+    },
+    getCookie: function (cname) {
+      var name = cname + "=";
+      var ca = document.cookie.split(';');
+      for (var i = 0; i < ca.length; i++) {
+        var c = ca[i];
+        while (c.charAt(0) == ' ') c = c.substring(1);
+        if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
+      }
+      return "";
+    }
+  },
+  components: {}
+};
+</script>
+
+<style>
+html,
+body,
+#app {
+  margin: 0 0;
+  background-color: #e9eef3;
+  height: 100%;
+}
+.el-header,
+.el-footer {
+  /* background-color: #b3c0d1; */
+  color: #333;
+  text-align: center;
+  line-height: 60px;
+}
+.el-main {
+  background-color: #e9eef3;
+  color: #333;
+  text-align: center;
+  padding-top: 0px !important;
+}
+</style>

web_src/src/router/index.js

@@ -0,0 +1,39 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+
+import control from '../components/control.vue'
+import videoList from '../components/videoList.vue'
+import channelList from '../components/channelList.vue'
+import login from '../components/Login.vue'
+
+const originalPush = VueRouter.prototype.push
+VueRouter.prototype.push = function push(location) {
+  return originalPush.call(this, location).catch(err => err)
+}
+
+Vue.use(VueRouter)
+
+
+export default new VueRouter({
+  mode:'hash',
+  routes: [
+    {
+      path: '/',
+      component: control,
+    },
+    {
+      path: '/videoList',
+      component: videoList,
+    },
+    {
+      path: '/login',
+      name: '登录',
+      component: login,
+    },
+    {
+      path: '/channelList/:deviceId/:parentChannelId/:count/:page',
+      name: 'channelList',
+      component: channelList,
+    },
+  ]
+})