|
@@ -5,43 +5,55 @@
|
|
<el-divider></el-divider>
|
|
<el-divider></el-divider>
|
|
<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">
|
|
- <rect width="200" height="120" :fill="getColor('创新点流程')" @click="toFilePage('创新点流程')"> </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>
|
|
|
|
- <line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
|
|
|
+ <g @click="toFilePage('创新点流程')">
|
|
|
|
+ <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>
|
|
|
|
+ <line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
|
+ </g>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(360,0)" class="svgG">
|
|
<g transform="translate(360,0)" class="svgG">
|
|
- <rect width="200" height="120" :fill="getColor('查新检索')" @click="toFilePage('查新检索')"> </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>
|
|
|
|
- <line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
|
|
|
+ <g @click="toFilePage('查新检索')">
|
|
|
|
+ <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>
|
|
|
|
+ <line x1="200" y1="60" x2="350" y2="60" stroke='#333'></line>
|
|
|
|
+ </g>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
</g>
|
|
</g>
|
|
- <g transform="translate(720,0)" class="svgG">
|
|
|
|
- <rect width="200" height="120" :fill="getColor('保护主题规划')" @click="toFilePage('保护主题规划')"> </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="toFilePage('保护主题规划')">
|
|
|
|
+ <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>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
</g>
|
|
</g>
|
|
- <g transform="translate(1080,0)" class="svgG">
|
|
|
|
- <rect width="200" height="120" :fill="getColor('独权撰写')" @click="toFilePage('独权撰写')"> </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(1080,0)" class="svgG" >
|
|
|
|
+ <g @click="toFilePage('独权撰写')">
|
|
|
|
+ <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>
|
|
<polygon points="350,55,360,60,350,65"></polygon>
|
|
</g>
|
|
</g>
|
|
- <g transform="translate(1440,0)" class="svgG">
|
|
|
|
- <rect width="200" height="120" :fill="getColor('从权撰写')" @click="toFilePage('从权撰写')"> </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>
|
|
|
|
|
|
+ <g transform="translate(1440,0)" class="svgG" >
|
|
|
|
+ <g @click="toFilePage('从权撰写')">
|
|
|
|
+ <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>
|
|
|
|
+ </g>
|
|
<polygon points="95,190,100,200,105,190"></polygon>
|
|
<polygon points="95,190,100,200,105,190"></polygon>
|
|
</g>
|
|
</g>
|
|
<!-- <g transform="translate(1080,200)" class="svgG">
|
|
<!-- <g transform="translate(1080,200)" class="svgG">
|
|
@@ -52,16 +64,18 @@
|
|
<line x1="0" y1="60" x2="-150" y2="60" stroke='#333'></line>
|
|
<line x1="0" y1="60" x2="-150" y2="60" stroke='#333'></line>
|
|
<polygon points="-150,55,-160,60,-150,65"></polygon>
|
|
<polygon points="-150,55,-160,60,-150,65"></polygon>
|
|
</g> -->
|
|
</g> -->
|
|
- <g transform="translate(1440,200)" class="svgG">
|
|
|
|
- <rect width="200" height="120" :fill="getColor('申请文件定稿')" @click="toFilePage('申请文件定稿')"> </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>
|
|
|
|
|
|
+ <g transform="translate(1440,200)" class="svgG" >
|
|
|
|
+ <g @click="toFilePage('申请文件定稿')">
|
|
|
|
+ <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="0" y1="60" x2="-150" y2="60" stroke='#333'></line>
|
|
|
|
+ </g>
|
|
<polygon points="-150,55,-160,60,-150,65"></polygon>
|
|
<polygon points="-150,55,-160,60,-150,65"></polygon>
|
|
</g>
|
|
</g>
|
|
- <g transform="translate(1080,200)" class="svgG">
|
|
|
|
- <rect width="200" height="120" :fill="getColor('说明书规划撰写')" @click="toFilePage('说明书规划撰写')"> </rect>
|
|
|
|
|
|
+ <g transform="translate(1080,200)" class="svgG" @click="toFilePage('说明书规划撰写')">
|
|
|
|
+ <rect width="200" height="120" :fill="getColor('说明书规划撰写')" > </rect>
|
|
<text x="15" y="65" xml:space='preserve'>说明书规划撰写
|
|
<text x="15" y="65" xml:space='preserve'>说明书规划撰写
|
|
</text>
|
|
</text>
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('说明书规划撰写')" />
|
|
<circle cx="150" cy="60" r="15" stroke-width="1" stroke="#fff" :fill="getColor('说明书规划撰写')" />
|
|
@@ -76,6 +90,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
export default {
|
|
export default {
|
|
|
|
+ props:['id'],
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
numObj: {
|
|
numObj: {
|
|
@@ -94,6 +109,19 @@ export default {
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 获取流程节点及相对应的文件
|
|
|
|
+ getFileNumber() {
|
|
|
|
+ let params = {
|
|
|
|
+ id:this.id,
|
|
|
|
+ }
|
|
|
|
+ this.$api.query(params).then(response => {
|
|
|
|
+ if (response.code == 200) {
|
|
|
|
+ this.numObj = response.data
|
|
|
|
+ }
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ this.numObj = {}
|
|
|
|
+ })
|
|
|
|
+ },
|
|
// 获取文件数量
|
|
// 获取文件数量
|
|
getNumber(str) {
|
|
getNumber(str) {
|
|
return this.numObj[str]
|
|
return this.numObj[str]
|