85 lines
1.5 KiB
Vue
85 lines
1.5 KiB
Vue
<!-- 流程中心 -->
|
|
<template>
|
|
<div class="processCenter">
|
|
<div class="main">
|
|
<div class="sub-container" :class="{ 'side-close': sideClose }">
|
|
<router-view></router-view>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'index',
|
|
data () {
|
|
return {
|
|
navList: [{
|
|
title: '流程中心',
|
|
path: '/processCenter'
|
|
}],
|
|
sideClose: false, // 边栏收展状态
|
|
tabs: [
|
|
{
|
|
title: '待办流程',
|
|
path: '/uncompletedProcess'
|
|
}
|
|
],
|
|
active: 'MyProcess'
|
|
}
|
|
},
|
|
methods: {
|
|
/**
|
|
* @description: 边栏收缩
|
|
* @author: chenxiaoxi
|
|
* @date: 2018-09-18 11:11:46
|
|
*/
|
|
toggleSideBar () {
|
|
this.sideClose = !this.sideClose
|
|
}
|
|
},
|
|
components: {
|
|
// ComHeader,
|
|
// SideBar,
|
|
// MyProcess
|
|
},
|
|
mounted () {
|
|
let navList = []
|
|
this.navList.map((nav) => {
|
|
this.$store.getters.getMenuList.map((menu) => {
|
|
if (nav.path === menu.href) {
|
|
navList.push(nav)
|
|
}
|
|
})
|
|
})
|
|
this.navList = navList
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.processCenter{
|
|
height: 100%;
|
|
.main{
|
|
height: 100%;
|
|
.sub-container{
|
|
height: 100%;
|
|
background-color: white;
|
|
}
|
|
}
|
|
.visible-options{
|
|
.search-select{
|
|
width: auto;
|
|
.ivu-select-dropdown{
|
|
max-width: none;
|
|
}
|
|
.search-input{
|
|
.ivu-input-wrapper{
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|