<!--
 * @Description: create
 * @Version: 1.0
 * @Autor: XuTongZhang
 * @Date: 2020-06-09 15:30:15
 * @LastEditors: XuTongZhang
 * @LastEditTime: 2020-08-17 17:16:42
-->
<template>
  <div class="appPage">
    <template v-if="$route.name!=='login'">
    <v-nav @keyPath="keyPath" class="leftNav"></v-nav>
    <div class="view">
      <v-above></v-above>
      <div class="view-info">
        <v-bread :path="path" :nav="nav"></v-bread>
        <router-view />
      </div>
    </div>
    </template>
    <router-view v-else />
  </div>
</template>
<script>
export default {
  data () {
    return {
      path: '',
      nav: []
    }
  },
  mounted () {
  },
  methods: {
    keyPath (val, route) {
      this.path = val
      this.nav = route
    }
  },
  watch: {
    $route (to, from) {
      if (from.name === 'login') {
        this.$router.go(0)
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.view{
  padding-left:210px;
}

</style>

<style lang="scss">
.el-dialog__body {
  .el-form {
    .el-input__inner, .el-textarea__inner {
      width: 400px!important;
      padding-right: 60px!important;
    }
    .el-input, .el-textarea {
      width: 400px!important;
    }
  }
}
video {
  max-height: 50vh;
}
</style>
