|
@@ -1,6 +1,19 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <component :is='componentName'></component>
|
|
|
+ <div class="height_100">
|
|
|
+ <el-container>
|
|
|
+ <el-aside width="200px">
|
|
|
+ <el-menu class="theme-dark" :default-active="activeMenu" @select="changeComponent">
|
|
|
+ <el-menu-item v-for="item in menuList" :key="item.name" :index="item.name" v-if="!item.show">
|
|
|
+ <i class="el-icon-film"></i>
|
|
|
+ <span slot="title">{{item.label}}</span>
|
|
|
+ </el-menu-item>
|
|
|
+ </el-menu>
|
|
|
+ </el-aside>
|
|
|
+ <el-main>
|
|
|
+ <component :is='componentName'></component>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -10,8 +23,20 @@ export default {
|
|
|
props: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ activeMenu:'Table',
|
|
|
componentName:'',
|
|
|
- menu:[],
|
|
|
+ menuList:[
|
|
|
+ {
|
|
|
+ label:'基本信息',
|
|
|
+ name:'Table',
|
|
|
+ path:'report/components/details/components/basicMessage.vue'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'任务清单',
|
|
|
+ name:'task',
|
|
|
+ path:'task/components/index.vue'
|
|
|
+ }
|
|
|
+ ],
|
|
|
comments:{}
|
|
|
};
|
|
|
},
|
|
@@ -23,20 +48,33 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
getMenu(){
|
|
|
- this.menu = [
|
|
|
- {
|
|
|
- name:'Table',
|
|
|
- path:'task/components/index.vue'
|
|
|
- },
|
|
|
- {
|
|
|
- name:'report',
|
|
|
- path:'report/components/index.vue'
|
|
|
- }
|
|
|
- ]
|
|
|
+ var menu = [
|
|
|
+ {
|
|
|
+ label:'标的专利特征拆分',
|
|
|
+ name:'splitPatent',
|
|
|
+ path:'task/components/index.vue'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '回避设计方案',
|
|
|
+ name:"avoid",
|
|
|
+ path:'report/avoid/components/avoidDirection.vue'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '回避设计结果',
|
|
|
+ name:"direction",
|
|
|
+ path:'report/avoid/components/avoidDirection.vue'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '报告文档',
|
|
|
+ name:"reportFile",
|
|
|
+ path:'report/components/reportFile/reportFileTable.vue'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ this.menuList.splice(1,0,...menu)
|
|
|
this.getComponents()
|
|
|
},
|
|
|
getComponents(){
|
|
|
- this.menu.forEach((item,index)=>{
|
|
|
+ this.menuList.forEach((item,index)=>{
|
|
|
import(`@/views/${item.path}`).then(res=>{
|
|
|
this.comments[item.name] = res.default
|
|
|
if(index == 0){
|
|
@@ -46,8 +84,10 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
changeComponent(name){
|
|
|
+ this.activeMenu = name
|
|
|
this.componentName = this.comments[name]
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
},
|
|
|
};
|
|
|
</script>
|