<template>
    <div class="content-wrap">
      <el-row>

        <!-- <BreadCrumb></BreadCrumb> -->
        <div class="project-title"> 项目管理 </div>
      </el-row>
      <el-row >
        <el-col :span="4" id="nav">
          <MenuList></MenuList>
        </el-col>
        <el-col :span="20" id="main">
          <BreadCrumb></BreadCrumb>
          <router-view></router-view>
        </el-col>
      </el-row>
    </div>
</template>

<script>
  import MenuList from "@/page/Layout/menuList/menuList"
  import BreadCrumb from "@/components/common/breadcrumb"
  // import Applications from "@/components/common/applications"
    export default {
        name: "layout",
      components: {
        MenuList,
        BreadCrumb,
        // Applications
      },
      data() {
        return {
          id: this.$route.params.id,
          dat: {
            name: 'admin',
            password: 'admin',
            clientHeight: document.documentElement.clientHeight
          }
        }
      },
      computed: {
        wrapHeight() {
          return { height: this.clientHeight - 173 + "px" };
        }
      },
      methods: {
        update() {
          var clientHeight =
            document.documentElement.clientHeight ||
            document.body.clientHeight ||
            document.body.offsetHeight;
            var height = clientHeight - 173
            this.$nextTick(()=>{
              document.querySelector('#nav').style.height = height + 'px'
              document.querySelector('#main').style.height = height + 'px'
            })
        }
      },
    }
</script>

<style scoped>
.content-wrap {
  width: 1200px;
  margin: 0 auto;
}
.project-title {
  color: #fff;
  background: #0357AB;
  line-height: 40px;
  height: 40px;
 padding-left: 10px;
  font-size: 14px;
}

</style>
