<template>
|
<div>
|
<el-container style="height: 820px">
|
<el-aside width="200px">
|
<ul>
|
<li v-for="(item,index) in menuList" @click="change(index)">{{item.title}}</li>
|
</ul>
|
</el-aside>
|
<el-container>
|
<el-header>Header</el-header>
|
<el-main>
|
<project-info v-show="show===0"></project-info>
|
<developer-info v-show="show===1"></developer-info>
|
<project-quality v-show="show===2"></project-quality>
|
<shilian-safe v-show="show===3"></shilian-safe>
|
<approve-opinion v-show="show===4"></approve-opinion>
|
<project-change-infos v-show="show===5"></project-change-infos>
|
<project-flow-record-info-list v-show="show===6"></project-flow-record-info-list>
|
<project-reg v-show="show===7"></project-reg>
|
</el-main>
|
</el-container>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
import ProjectInfo from './ProjectInfo'
|
import DeveloperInfo from './DeveloperInfo'
|
import ProjectQuality from './ProjectQuality'
|
import ShilianSafe from './ProjectProtection'
|
import ApproveOpinion from './ApproveOpinion'
|
import ProjectChangeInfos from './ProjectChangeInfos'
|
import ProjectFlowRecordInfoList from './ProjectFlowRecordInfoList'
|
import ProjectReg from './ProjectReg'
|
export default {
|
components: { ShilianSafe, ProjectQuality, ProjectInfo, DeveloperInfo, ApproveOpinion, ProjectChangeInfos, ProjectFlowRecordInfoList, ProjectReg },
|
data: function () {
|
return {
|
show: 0,
|
menuList: [
|
{
|
title: '项目信息'
|
},
|
{
|
title: '开发商信息'
|
},
|
{
|
title: '项目素质'
|
},
|
{
|
title: '鹏友保障'
|
},
|
{
|
title: '历史审批意见'
|
},
|
{
|
title: '维护记录'
|
},
|
{
|
title: '流程流转记录'
|
},
|
{
|
title: '项目申请信息'
|
}
|
]
|
}
|
},
|
methods: {
|
change (index) {
|
this.show = index
|
}
|
}
|
}
|
</script>
|
|
<style scoped></style>
|
