<template>
|
<div class="apply-info">
|
<CommTable title="流程流转记录" :isAutoIndex="true" :list="list" :header="tableHeader"></CommTable>
|
</div>
|
</template>
|
<script>
|
// 流程流转记录
|
import CommTable from '@/components/CommTable'
|
import queryFlowTaskInfo from '@/controller/queryFlowTaskInfo'
|
import queryFlowTaskInfoCommom from '@/controller/queryFlowTaskInfoCommom'
|
|
export default {
|
components: {
|
CommTable
|
},
|
data() {
|
return {
|
tableHeader: [],
|
model: null,
|
list: []
|
}
|
},
|
created() {
|
this.init()
|
},
|
methods: {
|
init() {
|
const { query } = this.$route
|
this.query = query
|
// 建议使用isCommon字段来区分，pageId在此区分容易混乱
|
const { pageId, isCommon } = query
|
const isComm = ['30', '35'].includes(pageId) || Number(isCommon) === 1
|
const model = isComm ? queryFlowTaskInfoCommom() : queryFlowTaskInfo()
|
this.model = model
|
this.tableHeader = model.getTableList()
|
isComm ? this.getListTable() : this.getList()
|
},
|
// 第五次迭代流程流转记录
|
async getList() {
|
const { model, query } = this
|
const { transLogSerialno } = query
|
const { list } = await model.request({
|
transLogSerialno
|
})
|
this.list = list
|
},
|
// 第六次迭代流程流转记录
|
async getListTable() {
|
const { model, query } = this
|
const { objectNo, objectType, phaseNo } = query
|
const { list } = await model.request({
|
objectNo,
|
objectType,
|
phaseNo
|
})
|
this.list = list
|
}
|
},
|
watch: {
|
$route() {
|
const { transLogSerialno, pageId, objectNo } = this.$route.query
|
if (pageId === '30') {
|
if (objectNo) {
|
this.init()
|
}
|
} else {
|
if (transLogSerialno) {
|
this.init()
|
}
|
}
|
}
|
}
|
}
|
</script>
|
<style lang="postcss" scoped>
|
.apply-info {
|
}
|
</style>
|
