<template>
|
<basic-container>
|
<el-form ref="form" :model="form" label-width="80px">
|
<el-row type="flex" class="row-bg" justify="end">
|
<el-form-item>
|
<el-button @click="handleCancel">关闭</el-button>
|
</el-form-item>
|
</el-row>
|
<!--审批信息-->
|
<el-card shadow="hover">
|
<div slot="header">
|
<span>审批信息</span>
|
</div>
|
<avue-form :option="option" v-model="form"/>
|
</el-card>
|
<!--流程信息-->
|
<el-card shadow="hover">
|
<div slot="header">
|
<span>流程信息</span>
|
</div>
|
<el-row type="flex" class="row-bg">
|
<el-timeline>
|
<el-timeline-item :key="flow.id" :timestamp="flow.createTime" v-for="flow in flowList" placement="top">
|
<el-card shadow="hover">
|
<p>{{flow.assigneeName}} 在 [{{flow.createTime}}] 开始处理 [{{flow.historyActivityName}}] 环节</p>
|
<p v-if="flow.historyActivityDurationTime!==''">任务历时 [{{flow.historyActivityDurationTime}}]</p>
|
<p v-if="flow.comment!==''">反馈意见: [{{flow.comment}}]</p>
|
<p v-if="flow.endTime!==''">结束时间: [{{flow.endTime}}]</p>
|
</el-card>
|
</el-timeline-item>
|
</el-timeline>
|
</el-row>
|
</el-card>
|
<!--流程跟踪-->
|
<el-card shadow="hover">
|
<div slot="header">
|
<span>流程跟踪</span>
|
</div>
|
<el-row class="row-bg">
|
<flow-design :is-display="true" :process-instance-id="processInstanceId"></flow-design>
|
</el-row>
|
</el-card>
|
</el-form>
|
</basic-container>
|
</template>
|
|
<script>
|
import {historyFlowList} from "@/api/work/process";
|
import {applicationDetail} from "@/api/application/application";
|
import option from "@/const/application/application";
|
|
export default {
|
name: "detail",
|
data() {
|
return {
|
businessId: '',
|
processInstanceId: '',
|
src: '',
|
flowList: [],
|
form: {
|
flow:{
|
assigneeName:'',
|
},
|
},
|
option:option
|
}
|
},
|
created() {
|
this.init();
|
},
|
beforeDestroy() {
|
this.controlOption('close')
|
},
|
methods: {
|
init() {
|
this.processInstanceId = this.$route.params.processInstanceId;
|
this.businessId = this.$route.params.businessId;
|
|
//控制option
|
this.controlOption('open')
|
|
historyFlowList(this.processInstanceId).then(res => {
|
const data = res.data;
|
if (data.success) {
|
this.flowList = data.data;
|
}
|
})
|
applicationDetail(this.businessId).then(res => {
|
const data = res.data;
|
if (data.success) {
|
this.form = data.data;
|
this.initForm()
|
}
|
})
|
},
|
handleCancel() {
|
this.$router.$avueRouter.closeTag();
|
this.$router.push({path: `/work/start`});
|
},
|
//给form表单中的字段赋值
|
initForm(){
|
let basic = this.form.basicInfoEntity
|
let basicId = basic.id
|
let plan = this.form.planEntity
|
let planId = plan.id
|
let scheme = this.form.schemeEntity
|
let schemeId = scheme.id
|
let car= this.form.carEntity
|
let catId = car.id
|
let goods = this.form.goodsEntity
|
let goodsId = goods.id
|
this.form.passTime = [basic.startPassTime,basic.endPassTime]
|
let form = this.form
|
//保留原form中的字段
|
let common = Object.assign({},form)
|
|
form = Object.assign(form,basic)
|
form = Object.assign(form,plan)
|
form = Object.assign(form,scheme)
|
form = Object.assign(form,car)
|
form = Object.assign(form,goods)
|
|
//覆盖回原form
|
form = Object.assign(form,common)
|
|
this.form.basicInfoEntity.id = basicId
|
this.form.planEntity.id = planId
|
this.form.schemeEntity.id = schemeId
|
this.form.carEntity.id =catId
|
this.form.goodsEntity.id = goodsId
|
},
|
controlOption(arg){
|
// const suggestion = this.findObject(this.option.column,"suggestion")
|
// const comment = this.findObject(this.option.column,"comment")
|
if (arg == 'open'){
|
this.option.detail = true
|
if (!this.form.suggestion){
|
// suggestion.display = false
|
}
|
// comment.display = false
|
|
}else if (arg == 'close'){
|
this.option.detail = false
|
// suggestion.display = true
|
// comment.display = true
|
}
|
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
