113 lines
2.7 KiB
Java
113 lines
2.7 KiB
Java
<template>
|
|
<div class="box">
|
|
<div class="box-text">
|
|
<div class="header-text">
|
|
{{$t('circulationHistory')}}
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%">
|
|
<a-table
|
|
ref="table"
|
|
:loading="loading"
|
|
:pagination="false"
|
|
:scroll="{x: true}"
|
|
:data-source="dataSource"
|
|
:columns="columns"
|
|
>
|
|
<span slot="reviewResult" slot-scope="text,result">
|
|
{{reviewResult[text]}}
|
|
</span>
|
|
</a-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getAction, postAction, downloadFile } from '@/api/manage'
|
|
import moment from 'moment'
|
|
import { Base64 } from 'js-base64'
|
|
|
|
export default {
|
|
name: 'circulationHistory',
|
|
data() {
|
|
return {
|
|
dataSource: [],
|
|
loading: false,
|
|
reviewResult: {
|
|
'launch':this.$t('Launch'),
|
|
'Compliance': this.$t('accord'),
|
|
'Non-Compliance': this.$t('nonConformity'),
|
|
'To be tracked': this.$t('Tracked'),
|
|
'NA': this.$t('notInvolved'),
|
|
'No rating': this.$t('toBeConfirmed')
|
|
},
|
|
columns: [
|
|
{
|
|
title: this.$t('result'),
|
|
dataIndex: 'reviewResult',
|
|
align: 'center',
|
|
scopedSlots: { customRender: 'reviewResult' }
|
|
},
|
|
{
|
|
title: this.$t('opinion'),
|
|
dataIndex: 'approvalOpinion',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: this.$t('operationNode'),
|
|
dataIndex: 'name',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: this.$t('Operator'),
|
|
dataIndex: 'assignee',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: this.$t('operationTime'),
|
|
dataIndex: 'operatorTime',
|
|
align: 'center',
|
|
customRender: function(t, r, index) {
|
|
return moment(t).format('YYYY-MM-DD HH:mm:ss')
|
|
}
|
|
}
|
|
],
|
|
downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download'
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getList()
|
|
},
|
|
methods: {
|
|
getList() {
|
|
let query = {
|
|
prcId: this.$route.query.actiProcInstId,
|
|
prcType: this.$route.query.flowType
|
|
}
|
|
getAction('/workFlow/queryProcessHistoryByPrcId', query).then((res) => {
|
|
this.dataSource = res
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.box {
|
|
padding: 0 24px 24px 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.box-text {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 60px;
|
|
line-height: 40px;
|
|
|
|
.header-text {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
color: #000F16;
|
|
}
|
|
}
|
|
</style> |