|
@@ -3,12 +3,12 @@
|
|
|
<el-container>
|
|
|
<el-aside :width="width">
|
|
|
<div class="point" @click="getCollapse">
|
|
|
- {{isCollapse?'收起':'展开'}}
|
|
|
+ {{ isCollapse ? '收起' : '展开' }}
|
|
|
</div>
|
|
|
<el-menu class="theme-dark" :default-active="activeMenu" @select="changeComponent" :collapse="!isCollapse">
|
|
|
<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>
|
|
|
+ <span slot="title">{{ item.label }}</span>
|
|
|
</el-menu-item>
|
|
|
</el-menu>
|
|
|
</el-aside>
|
|
@@ -16,7 +16,7 @@
|
|
|
<component :is='componentName' :projectId="projectId" :patentNo="patentNo" :reportType="reportType"></component>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -27,23 +27,23 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- activeMenu:'Table',
|
|
|
- componentName:'',
|
|
|
- menuList:[
|
|
|
- {
|
|
|
- label:'基本信息',
|
|
|
- name:'Table',
|
|
|
- path:'report/components/details/components/basicMessage.vue'
|
|
|
- },
|
|
|
- {
|
|
|
- label:'任务清单',
|
|
|
- name:'task',
|
|
|
- path:'task/components/index.vue'
|
|
|
- }
|
|
|
- ],
|
|
|
- comments:{},
|
|
|
- isCollapse:true,
|
|
|
- width:'200px'
|
|
|
+ activeMenu: 'Table',
|
|
|
+ componentName: '',
|
|
|
+ menuList: [
|
|
|
+ {
|
|
|
+ label: '基本信息',
|
|
|
+ name: 'Table',
|
|
|
+ path: 'report/components/details/components/basicMessage.vue'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '任务清单',
|
|
|
+ name: 'task',
|
|
|
+ path: 'task/components/index.vue'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ comments: {},
|
|
|
+ isCollapse: true,
|
|
|
+ width: '200px'
|
|
|
};
|
|
|
},
|
|
|
watch: {},
|
|
@@ -54,112 +54,122 @@ export default {
|
|
|
patentNo() {
|
|
|
return this.$route.query.patentNo
|
|
|
},
|
|
|
- reportType(){
|
|
|
+ reportType() {
|
|
|
return this.$route.query.reportType
|
|
|
- }
|
|
|
+ },
|
|
|
+ status() {//报告状态3为完成
|
|
|
+ return this.$route.query.status
|
|
|
+ },
|
|
|
},
|
|
|
- created() {},
|
|
|
+ created() { },
|
|
|
mounted() {
|
|
|
this.getMenu()
|
|
|
},
|
|
|
methods: {
|
|
|
- getCollapse(){
|
|
|
+ getCollapse() {
|
|
|
this.isCollapse = !this.isCollapse
|
|
|
- this.width = this.isCollapse?'200px':'64px'
|
|
|
+ this.width = this.isCollapse ? '200px' : '64px'
|
|
|
},
|
|
|
- getMenu(){
|
|
|
+ getMenu() {
|
|
|
var menus = [
|
|
|
{
|
|
|
- label:'标的专利特征拆分',
|
|
|
- name:'splitPatent',
|
|
|
- path:'report/components/details/components/splitDetails.vue',
|
|
|
- reportType:[0,1,2,5]
|
|
|
+ label: '标的专利特征拆分',
|
|
|
+ name: 'splitPatent',
|
|
|
+ path: 'report/components/details/components/splitDetails.vue',
|
|
|
+ reportType: [0, 1, 2, 5]
|
|
|
},
|
|
|
{
|
|
|
- label:'标的产品信息',
|
|
|
- name:'informationEntry',
|
|
|
- path:'report/tort/components/informationEntry/indexMenu.vue',
|
|
|
- reportType:[3,4]
|
|
|
+ label: '标的产品信息',
|
|
|
+ name: 'informationEntry',
|
|
|
+ path: 'report/tort/components/informationEntry/indexMenu.vue',
|
|
|
+ reportType: [3, 4]
|
|
|
},
|
|
|
{
|
|
|
- label:'专利与产品关联比对',
|
|
|
- name:'productMessage',
|
|
|
- path:'report/tort/components/tortContrast.vue',
|
|
|
- reportType:[4]
|
|
|
+ label: '专利与产品关联比对',
|
|
|
+ name: 'productMessage',
|
|
|
+ path: 'report/tort/components/tortContrast.vue',
|
|
|
+ reportType: [4]
|
|
|
},
|
|
|
{
|
|
|
- label:'对比文件',
|
|
|
- name:'productMessage',
|
|
|
- path:'report/components/patentList/components/index.vue',
|
|
|
- reportType:[3]
|
|
|
+ label: '对比文件',
|
|
|
+ name: 'productMessage',
|
|
|
+ path: 'report/components/patentList/components/index.vue',
|
|
|
+ reportType: [3]
|
|
|
},
|
|
|
{
|
|
|
- label:'对比结果',
|
|
|
- name:'productResult',
|
|
|
- path:'report/components/productResult/productResult.vue',
|
|
|
- reportType:[3,4]
|
|
|
+ label: '对比结果',
|
|
|
+ name: 'productResult',
|
|
|
+ path: 'report/components/productResult/productResult.vue',
|
|
|
+ reportType: [3, 4]
|
|
|
},
|
|
|
- {
|
|
|
- label: '回避设计方案',
|
|
|
- name:"avoid",
|
|
|
- path:'report/avoid/components/avoidDirection.vue',
|
|
|
- reportType:[5]
|
|
|
- },
|
|
|
- {
|
|
|
- label: '回避设计结果',
|
|
|
- name:"direction",
|
|
|
- path:'report/avoid/components/direction.vue',
|
|
|
- reportType:[5]
|
|
|
+ {
|
|
|
+ label: '回避设计方案',
|
|
|
+ name: "avoid",
|
|
|
+ path: 'report/avoid/components/avoidDirection.vue',
|
|
|
+ reportType: [5]
|
|
|
},
|
|
|
- {
|
|
|
- label: '报告文档',
|
|
|
- name:"reportFile",
|
|
|
- path:'report/components/reportFile/reportFileTable.vue',
|
|
|
- reportType:[0,1,2,3,4,5]
|
|
|
+ {
|
|
|
+ label: '回避设计结果',
|
|
|
+ name: "direction",
|
|
|
+ path: 'report/avoid/components/direction.vue',
|
|
|
+ reportType: [5]
|
|
|
},
|
|
|
- {
|
|
|
- label: '后续事项',
|
|
|
- name:"remarryMatter",
|
|
|
- path:'report/components/matter/remarryMatter.vue',
|
|
|
- reportType:[0,1,2,3,4,5]
|
|
|
+ {
|
|
|
+ label: '报告文档',
|
|
|
+ name: "reportFile",
|
|
|
+ path: 'report/components/reportFile/reportFileTable.vue',
|
|
|
+ reportType: [0, 1, 2, 3, 4, 5]
|
|
|
},
|
|
|
+
|
|
|
]
|
|
|
- var menu = menus.filter(item=>{
|
|
|
- return item.reportType.indexOf(Number(this.reportType))!=-1
|
|
|
+ if (this.status == 3) {
|
|
|
+ let arr = [
|
|
|
+ {
|
|
|
+ label: '后续事项',
|
|
|
+ name: "remarryMatter",
|
|
|
+ path: 'report/components/matter/remarryMatter.vue',
|
|
|
+ reportType: [0, 1, 2, 3, 4, 5]
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ menus = menus.concat(arr)
|
|
|
+ }
|
|
|
+ var menu = menus.filter(item => {
|
|
|
+ return item.reportType.indexOf(Number(this.reportType)) != -1
|
|
|
})
|
|
|
this.menuList.splice(1, 0, ...menu)
|
|
|
- this.getComponents()
|
|
|
+ this.getComponents()
|
|
|
},
|
|
|
- getComponents(){
|
|
|
- this.menuList.forEach((item,index)=>{
|
|
|
- import(`@/views/${item.path}`).then(res=>{
|
|
|
+ getComponents() {
|
|
|
+ this.menuList.forEach((item, index) => {
|
|
|
+ import(`@/views/${item.path}`).then(res => {
|
|
|
this.comments[item.name] = res.default
|
|
|
- if(index == 0){
|
|
|
+ if (index == 0) {
|
|
|
this.componentName = this.comments[item.name]
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- changeComponent(name){
|
|
|
+ changeComponent(name) {
|
|
|
this.activeMenu = name
|
|
|
- this.componentName = this.comments[name]
|
|
|
+ this.componentName = this.comments[name]
|
|
|
},
|
|
|
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.point{
|
|
|
+.point {
|
|
|
line-height: 40px;
|
|
|
- text-align: center;
|
|
|
- border-bottom: 1px solid #e6e6e6;
|
|
|
- /* color: var(--color); */
|
|
|
- font-family: var(--fm);
|
|
|
- color: var(--color2);
|
|
|
- cursor: pointer;
|
|
|
- width: 100%;
|
|
|
- &:hover{
|
|
|
- background: #ecf5ff
|
|
|
- }
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #e6e6e6;
|
|
|
+ /* color: var(--color); */
|
|
|
+ font-family: var(--fm);
|
|
|
+ color: var(--color2);
|
|
|
+ cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: #ecf5ff
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|