|
@@ -5,68 +5,68 @@
|
|
|
<el-divider></el-divider>
|
|
|
<svg viewBox="0 0 1800 400" width="100%" height="100%">
|
|
|
<g transform=translate(0,0) class="svgG">
|
|
|
- <g @click="toFilePage('创新点梳理',1)">
|
|
|
- <rect width="200" height="120" :fill="getColor('创新点梳理')" > </rect>
|
|
|
+ <g @click="toDrawer('创新点梳理', 1)">
|
|
|
+ <rect width="200" height="120" :fill="getColor('创新点梳理')"> </rect>
|
|
|
<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>
|
|
|
+ <text :x="getNumber('创新点梳理') > 9 ? '140' : '145'" y="65" fill="#fff">{{ getNumber('创新点梳理') }}</text>
|
|
|
<line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
</g>
|
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
|
</g>
|
|
|
<g transform="translate(360,0)" class="svgG">
|
|
|
- <g @click="toFilePage('查新检索',2)">
|
|
|
- <rect width="200" height="120" :fill="getColor('查新检索')" > </rect>
|
|
|
+ <g @click="toDrawer('查新检索', 2)">
|
|
|
+ <rect width="200" height="120" :fill="getColor('查新检索')"> </rect>
|
|
|
<text x="30" y="65">查新检索</text>
|
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('查新检索')" />
|
|
|
- <text :x="getNumber('查新检索') >9? '140':'145'" y="65" fill="#fff">{{ getNumber('查新检索') }}</text>
|
|
|
+ <text :x="getNumber('查新检索') > 9 ? '140' : '145'" y="65" fill="#fff">{{ getNumber('查新检索') }}</text>
|
|
|
<line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
</g>
|
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
|
</g>
|
|
|
- <g transform="translate(720,0)" class="svgG" >
|
|
|
- <g @click="toFilePage('保护主题规划',3)">
|
|
|
- <rect width="200" height="120" :fill="getColor('保护主题规划')" > </rect>
|
|
|
- <text x="30" y="65">保护主题规划</text>
|
|
|
- <circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('保护主题规划')" />
|
|
|
- <text x="145" y="65" fill="#fff">{{ getNumber('保护主题规划') }}</text>
|
|
|
- <line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
+ <g transform="translate(720,0)" class="svgG">
|
|
|
+ <g @click="toDrawer('保护主题规划', 3)">
|
|
|
+ <rect width="200" height="120" :fill="getColor('保护主题规划')"> </rect>
|
|
|
+ <text x="30" y="65">保护主题规划</text>
|
|
|
+ <circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('保护主题规划')" />
|
|
|
+ <text x="145" y="65" fill="#fff">{{ getNumber('保护主题规划') }}</text>
|
|
|
+ <line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
</g>
|
|
|
-
|
|
|
+
|
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
|
</g>
|
|
|
- <g transform="translate(1080,0)" class="svgG" >
|
|
|
- <g @click="toFilePage('独权撰写',4)">
|
|
|
- <rect width="200" height="120" :fill="getColor('独权撰写')" > </rect>
|
|
|
+ <g transform="translate(1080,0)" class="svgG">
|
|
|
+ <g @click="toDrawer('独权撰写', 4)">
|
|
|
+ <rect width="200" height="120" :fill="getColor('独权撰写')"> </rect>
|
|
|
<text x="30" y="65">独权撰写</text>
|
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('独权撰写')" />
|
|
|
<text x="145" y="65" fill="#fff">{{ getNumber('独权撰写') }}</text>
|
|
|
<line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
</g>
|
|
|
-
|
|
|
+
|
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
|
</g>
|
|
|
- <g transform="translate(1440,0)" class="svgG" >
|
|
|
- <g @click="toFilePage('从权撰写',5)">
|
|
|
- <rect width="200" height="120" :fill="getColor('从权撰写')" > </rect>
|
|
|
+ <g transform="translate(1440,0)" class="svgG">
|
|
|
+ <g @click="toDrawer('从权撰写', 5)">
|
|
|
+ <rect width="200" height="120" :fill="getColor('从权撰写')"> </rect>
|
|
|
<text x="30" y="65">从权撰写</text>
|
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('从权撰写')" />
|
|
|
<text x="145" y="65" fill="#fff">{{ getNumber('从权撰写') }}</text>
|
|
|
- <line x1="100" y1="120" x2="100" y2="190" stroke='#333'></line>
|
|
|
+ <line x1="100" y1="120" x2="100" y2="190" stroke='#333'></line>
|
|
|
</g>
|
|
|
<polygon points="95,190,100,200,105,190"></polygon>
|
|
|
</g>
|
|
|
<!-- <g transform="translate(1080,200)" class="svgG">
|
|
|
- <rect width="200" height="120" :fill="getColor('从权撰写')" @click="toFilePage('从权撰写')"> </rect>
|
|
|
+ <rect width="200" height="120" :fill="getColor('从权撰写')" @click="toDrawer('从权撰写')"> </rect>
|
|
|
<text x="30" y="65">从权撰写</text>
|
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('从权撰写')" />
|
|
|
<text x="145" y="65" fill="#fff">{{ getNumber('从权撰写') }}</text>
|
|
|
<line x1="0" y1="60" x2="-150" y2="60" stroke='#333'></line>
|
|
|
<polygon points="-150,55,-160,60,-150,65"></polygon>
|
|
|
</g> -->
|
|
|
- <g transform="translate(1440,200)" class="svgG" >
|
|
|
- <g @click="toFilePage('申请文件定稿',6)">
|
|
|
- <rect width="200" height="120" :fill="getColor('申请文件定稿')" > </rect>
|
|
|
+ <g transform="translate(1440,200)" class="svgG">
|
|
|
+ <g @click="toDrawer('申请文件定稿', 6)">
|
|
|
+ <rect width="200" height="120" :fill="getColor('申请文件定稿')"> </rect>
|
|
|
<text x="30" y="65">申请文件定稿</text>
|
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('申请文件定稿')" />
|
|
|
<text x="145" y="65" fill="#fff">{{ getNumber('申请文件定稿') }}</text>
|
|
@@ -74,29 +74,27 @@
|
|
|
</g>
|
|
|
<polygon points="-150,55,-160,60,-150,65"></polygon>
|
|
|
</g>
|
|
|
- <g transform="translate(1080,200)" class="svgG" @click="toFilePage('说明书规划撰写',7)">
|
|
|
- <rect width="200" height="120" :fill="getColor('说明书规划撰写')" > </rect>
|
|
|
+ <g transform="translate(1080,200)" class="svgG" @click="toDrawer('说明书规划撰写', 7)">
|
|
|
+ <rect width="200" height="120" :fill="getColor('说明书规划撰写')"> </rect>
|
|
|
<text x="15" y="65" xml:space='preserve'>说明书规划撰写
|
|
|
</text>
|
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('说明书规划撰写')" />
|
|
|
<text x="145" y="65" fill="#fff">{{ getNumber('说明书规划撰写') }}</text>
|
|
|
</g>
|
|
|
-
|
|
|
</svg>
|
|
|
|
|
|
-
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {optionsData} from '../../mixins/index2'
|
|
|
+import { optionsData } from '../../mixins/index2'
|
|
|
export default {
|
|
|
- mixins:[optionsData],
|
|
|
- props:['id'],
|
|
|
+ mixins: [optionsData],
|
|
|
+ props: ['id'],
|
|
|
data() {
|
|
|
return {
|
|
|
numObj: {
|
|
|
- '创新点梳理':{},
|
|
|
+ '创新点梳理': 2,
|
|
|
'查新检索': 0,
|
|
|
'保护主题规划': 0,
|
|
|
'独权撰写': 0,
|
|
@@ -114,7 +112,7 @@ export default {
|
|
|
// 获取流程节点及相对应的文件
|
|
|
getFileNumber() {
|
|
|
let params = {
|
|
|
- id:this.id,
|
|
|
+ id: this.id,
|
|
|
}
|
|
|
this.$api.query(params).then(response => {
|
|
|
if (response.code == 200) {
|
|
@@ -130,14 +128,20 @@ export default {
|
|
|
},
|
|
|
// 获取背景颜色
|
|
|
getColor(str) {
|
|
|
- return this.getNumber(str)>0?'#5ed325':'pink'
|
|
|
+ return this.getNumber(str) > 0 ? '#5ed325' : 'pink'
|
|
|
+ },
|
|
|
+ toDrawer(str, id) {
|
|
|
+ let obj = {
|
|
|
+ pathName: str,
|
|
|
+ pathId: id
|
|
|
+ }
|
|
|
+ this.$emit('on-drawer',obj)
|
|
|
},
|
|
|
// 跳转文件列表界面
|
|
|
- toFilePage(str,id) {
|
|
|
- // console.log(str, id);
|
|
|
+ toFilePage(str, id) {
|
|
|
let obj = {
|
|
|
pathName: str,
|
|
|
- pathId:id
|
|
|
+ pathId: id
|
|
|
}
|
|
|
this.$emit('grandson',obj)
|
|
|
},
|
|
@@ -153,8 +157,8 @@ export default {
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
-.projectPath{
|
|
|
- .svgG{
|
|
|
+.projectPath {
|
|
|
+ .svgG {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
}
|