111 lines
2.4 KiB
Java
111 lines
2.4 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="margin-top: 30px;overflow: auto;">
|
|
<img :src="processStep" class="process-img">
|
|
</div>
|
|
</div>
|
|
<div class="action-bar">
|
|
</div>
|
|
<circulationHistory/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import circulationHistory from '../../components/circulationHistory'
|
|
import axios from 'axios'
|
|
import Vue from 'vue'
|
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
|
|
|
export default {
|
|
name: 'processDetails',
|
|
components: {
|
|
circulationHistory
|
|
},
|
|
data() {
|
|
return {
|
|
processStep: null
|
|
}
|
|
},
|
|
mounted() {
|
|
this.processNum()
|
|
},
|
|
methods: {
|
|
back() {
|
|
|
|
},
|
|
// 请求转换流程图
|
|
processNum() {
|
|
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: 45%;
|
|
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 {
|
|
//width: 100%;
|
|
//height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.flow-list {
|
|
width: 100%;
|
|
height: calc(~'55% - 55px');
|
|
border: 1px solid #CCCDCE;
|
|
position: relative;
|
|
}
|
|
}
|
|
</style> |