127 lines
3.2 KiB
Java
127 lines
3.2 KiB
Java
<template>
|
|
<div id="processDetails">
|
|
<div class="flow-chart">
|
|
<div class="flow-header">
|
|
<div class="back" title="返回" @click="back">
|
|
<!-- <i class="el-icon-back"></i>-->
|
|
</div>
|
|
<!-- <span class="flow-chart-title">{{ $route.params.processNumber }} {{ $route.params.processTypeName }} 流程图</span>-->
|
|
</div>
|
|
<div class="flow-group" style="overflow: auto;text-align: center">
|
|
<img :src="processStep" class="process-img">
|
|
</div>
|
|
</div>
|
|
<div class="action-bar">
|
|
</div>
|
|
<regulatoryCirculationHistory :isTrue="isTrue"
|
|
v-if="$route.query.prcType == '5' || $route.query.prcType == '6'"/>
|
|
<taskCirculationHistory v-else-if="$route.query.prcType == '2' || $route.query.prcType == '3' || $route.query.prcType == '4'"/>
|
|
<circulationHistory v-else/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import circulationHistory from '../../components/circulationHistory'
|
|
import regulatoryCirculationHistory from '../../components/regulatoryCirculationHistory'
|
|
import taskCirculationHistory from '../../components/taskCirculationHistory'
|
|
import axios from 'axios'
|
|
import Vue from 'vue'
|
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
|
|
|
export default {
|
|
name: 'processDetails',
|
|
components: {
|
|
circulationHistory,
|
|
regulatoryCirculationHistory,
|
|
taskCirculationHistory
|
|
},
|
|
data() {
|
|
return {
|
|
processStep: null,
|
|
isTrue: false
|
|
}
|
|
},
|
|
created() {
|
|
document.title = this.$t('circulationHistory')
|
|
},
|
|
mounted() {
|
|
this.processNum()
|
|
if (this.$route.query.prcType == '6') {
|
|
this.isTrue = true
|
|
} else {
|
|
this.isTrue = false
|
|
}
|
|
},
|
|
methods: {
|
|
back() {
|
|
|
|
},
|
|
// 请求转换流程图
|
|
processNum() {
|
|
let params = {}
|
|
axios.request({
|
|
url: '/jero-boot/workFlow/getImg?_t=' + new Date().getTime(),
|
|
responseType: 'blob',
|
|
method: 'get',
|
|
headers: {
|
|
'X-Access-Token': Vue.ls.get(ACCESS_TOKEN)
|
|
},
|
|
params: {
|
|
prcNum: this.$route.query.prcNum
|
|
}
|
|
}).then(res => {
|
|
this.processStep = window.URL.createObjectURL(res.data)
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
//@import '~styles/mixins';
|
|
#processDetails {
|
|
height: 100%;
|
|
|
|
.flow-chart {
|
|
width: 100%;
|
|
height: 40%;
|
|
background: #F0F0F0;
|
|
border: 1px solid #CCCDCE;
|
|
border-bottom: none;
|
|
padding: 10px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
|
|
.flow-header {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
//.flex();
|
|
align-items: center;
|
|
position: absolute;
|
|
|
|
.flow-chart-title {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding: 0 20px;
|
|
//.ellipsis();
|
|
}
|
|
}
|
|
|
|
.flow-group {
|
|
width: 100%;
|
|
height: calc(~'100% - 30px');
|
|
|
|
.process-img {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.flow-list {
|
|
width: 100%;
|
|
height: calc(~'55% - 55px');
|
|
border: 1px solid #CCCDCE;
|
|
position: relative;
|
|
}
|
|
}
|
|
</style> |