115 lines
2.6 KiB
Java
115 lines
2.6 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="approvalResult" slot-scope="text,result">
|
|
{{approvalResult[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,
|
|
approvalResult: {
|
|
0: this.$t('accept'),
|
|
1: this.$t('disagree'),
|
|
2: this.$t('terminationProcess'),
|
|
3: this.$t('inquiry')
|
|
},
|
|
columns: [
|
|
{
|
|
title: this.$t('OperationNode'),
|
|
dataIndex: 'name',
|
|
align: 'center',
|
|
width:'20%',
|
|
},
|
|
{
|
|
title: this.$t('Operator'),
|
|
dataIndex: 'assignee',
|
|
align: 'center',
|
|
width:'20%',
|
|
},
|
|
{
|
|
title: this.$t('result'),
|
|
dataIndex: 'approvalResult',
|
|
align: 'center',
|
|
width:'20%',
|
|
scopedSlots: { customRender: 'approvalResult' }
|
|
},
|
|
{
|
|
title: this.$t('opinion'),
|
|
dataIndex: 'approvalOpinion',
|
|
align: 'center',
|
|
width:'20%',
|
|
},
|
|
{
|
|
title: this.$t('OperationTime'),
|
|
dataIndex: 'createTime',
|
|
align: 'center',
|
|
width:'20%',
|
|
customRender: function(t, r, index) {
|
|
return moment(t).format('YYYY-MM-DD HH:mm:ss')
|
|
}
|
|
}
|
|
],
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getList()
|
|
},
|
|
methods: {
|
|
getList() {
|
|
let query = {
|
|
prcNum: this.$route.query.prcNum,
|
|
prcType:this.$route.query.prcType,
|
|
}
|
|
getAction('/workFlow/get_list_by_instance', 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: 18px;
|
|
font-weight: 400;
|
|
color: #000F16;
|
|
}
|
|
}
|
|
</style> |