60 lines
2.1 KiB
Vue
60 lines
2.1 KiB
Vue
<template>
|
|
<el-dialog v-model="visible" title="审批记录" :width="width" :height="height" append-to-body :close-on-click-modal="false">
|
|
<div v-loading="loading">
|
|
<div style="width: 100%;height: 300px;overflow-y: auto;">
|
|
<el-image :src="src" />
|
|
</div>
|
|
<div>
|
|
<el-table :data="historyList" style="width: 100%" border fit max-height="570">
|
|
<el-table-column label="流程审批历史记录" align="center">
|
|
<el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
|
|
<el-table-column prop="name" label="任务名称" align="center"></el-table-column>
|
|
<el-table-column prop="nickName" label="办理人" align="center"></el-table-column>
|
|
<el-table-column prop="status" label="状态" align="center"></el-table-column>
|
|
<el-table-column prop="comment" label="审批意见" align="center"></el-table-column>
|
|
<el-table-column prop="startTime" label="开始时间" align="center"></el-table-column>
|
|
<el-table-column prop="endTime" label="结束时间" align="center"></el-table-column>
|
|
<el-table-column prop="runDuration" label="运行时长" align="center"></el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</template>
|
|
<script>
|
|
import { getHistoryProcessImage,getHistoryRecord } from '@/api/workflow/processInstance';
|
|
export default {
|
|
props: {
|
|
width: {
|
|
type:String,
|
|
default:"70%"
|
|
},
|
|
height: {
|
|
type:String,
|
|
default:"100%"
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
loading:false,
|
|
src:"",
|
|
visible:false,
|
|
historyList:[],
|
|
graphicInfoVos:[]
|
|
};
|
|
},
|
|
methods: {
|
|
init(processInstanceId) {
|
|
this.visible = true
|
|
this.loading = true
|
|
this.src = getHistoryProcessImage(processInstanceId)
|
|
getHistoryRecord(processInstanceId).then(response => {
|
|
this.historyList = response.data.historyRecordList
|
|
this.graphicInfoVos = response.data.graphicInfoVos
|
|
this.loading = false
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|