|
@@ -6,10 +6,19 @@
|
|
<svg viewBox="0 0 1800 400" width="100%" height="100%">
|
|
<svg viewBox="0 0 1800 400" width="100%" height="100%">
|
|
<g transform=translate(0,0) class="svgG">
|
|
<g transform=translate(0,0) class="svgG">
|
|
<g @click="toDrawer('创新点梳理', 1)">
|
|
<g @click="toDrawer('创新点梳理', 1)">
|
|
- <rect width="200" height="120" :fill="getColor('创新点梳理')"> </rect>
|
|
|
|
|
|
+ <rect width="200" height="120" :fill="getColor('创新点梳理',1)"> </rect>
|
|
<text x="30" y="65">创新点梳理</text>
|
|
<text x="30" y="65">创新点梳理</text>
|
|
- <circle cx="150" cy="60" r="16" stroke-width="1" stroke="#fff" :fill="getColor('创新点梳理')" />
|
|
|
|
- <text :x="getNumber('创新点梳理') > 9 ? '140' : '145'" y="65" fill="#fff">{{ getNumber('创新点梳理') }}</text>
|
|
|
|
|
|
+ </g>
|
|
|
|
+ <g @click="toFilePage('创新点梳理', 1,'任务')">
|
|
|
|
+ <text x="120" y="45">任务:</text>
|
|
|
|
+ <circle cx="180" cy="40" r="16" stroke-width="1" stroke="#fff" :fill="getColor('创新点梳理',1)" />
|
|
|
|
+ <text :x="getNumber('创新点梳理',1) > 9 ? '170' : '175'" y="45" fill="#fff">{{ getNumber('创新点梳理',1, '任务') }}</text>
|
|
|
|
+ <line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
|
+ </g>
|
|
|
|
+ <g @click="toFilePage('创新点梳理', 1,'文件')">
|
|
|
|
+ <text x="120" y="85">文件:</text>
|
|
|
|
+ <circle cx="180" cy="80" r="16" stroke-width="1" stroke="#fff" :fill="getColor('创新点梳理',1)" />
|
|
|
|
+ <text :x="getNumber('创新点梳理',1) > 9 ? '170' : '175'" y="85" fill="#fff">{{ getNumber('创新点梳理',1 , '文件') }}</text>
|
|
<line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
<line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
</g>
|
|
</g>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
@@ -93,7 +102,16 @@ export default {
|
|
props: ['id'],
|
|
props: ['id'],
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- numObj: {
|
|
|
|
|
|
+ numFileObj: {
|
|
|
|
+ '创新点梳理': 2,
|
|
|
|
+ '查新检索': 0,
|
|
|
|
+ '保护主题规划': 0,
|
|
|
|
+ '独权撰写': 0,
|
|
|
|
+ '从权撰写': 0,
|
|
|
|
+ '申请文件定稿': 0,
|
|
|
|
+ '说明书规划撰写': 0,
|
|
|
|
+ },
|
|
|
|
+ numTaskObj: {
|
|
'创新点梳理': 2,
|
|
'创新点梳理': 2,
|
|
'查新检索': 0,
|
|
'查新检索': 0,
|
|
'保护主题规划': 0,
|
|
'保护主题规划': 0,
|
|
@@ -123,13 +141,18 @@ export default {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
// 获取文件数量
|
|
// 获取文件数量
|
|
- getNumber(str) {
|
|
|
|
- return this.numObj[str]
|
|
|
|
|
|
+ getNumber(str, id, type) {
|
|
|
|
+ if (type == '任务') {
|
|
|
|
+ return this.numTaskObj[str]
|
|
|
|
+ } else {
|
|
|
|
+ return this.numFileObj[str]
|
|
|
|
+ }
|
|
},
|
|
},
|
|
// 获取背景颜色
|
|
// 获取背景颜色
|
|
getColor(str) {
|
|
getColor(str) {
|
|
return this.getNumber(str) > 0 ? '#5ed325' : 'pink'
|
|
return this.getNumber(str) > 0 ? '#5ed325' : 'pink'
|
|
},
|
|
},
|
|
|
|
+ // 打开抽屉弹窗
|
|
toDrawer(str, id) {
|
|
toDrawer(str, id) {
|
|
let obj = {
|
|
let obj = {
|
|
pathName: str,
|
|
pathName: str,
|
|
@@ -138,10 +161,11 @@ export default {
|
|
this.$emit('on-drawer',obj)
|
|
this.$emit('on-drawer',obj)
|
|
},
|
|
},
|
|
// 跳转文件列表界面
|
|
// 跳转文件列表界面
|
|
- toFilePage(str, id) {
|
|
|
|
|
|
+ toFilePage(str, id , type) {
|
|
let obj = {
|
|
let obj = {
|
|
pathName: str,
|
|
pathName: str,
|
|
- pathId: id
|
|
|
|
|
|
+ pathId: id,
|
|
|
|
+ type:type
|
|
}
|
|
}
|
|
this.$emit('grandson',obj)
|
|
this.$emit('grandson',obj)
|
|
},
|
|
},
|