<template> <div> <p>说明:以下信息来自钉钉</p> <a-spin :spinning="spinning" tip="Loading..."> <s-table class="sTable fixPagination" ref="table" size="small" :rowKey="(record) => record.id" :columns="columns" :data="loadData" :scroll="{ y: 500 }" :showPagination="false" bordered> </s-table> </a-spin> </div> </template> <script> import { STable } from '@/components' import { getProcessInstance } from '@/api/expenseManagement' export default { name: 'AuditDetail', components: { STable }, props: { openModal: { type: Boolean, default: false }, itemSn: { type: [Number, String], default: '' }, businessType: { type: [Number, String], default: '' } }, data () { return { spinning: false, columns: [{ title: '序号', dataIndex: 'no', width: '8%', align: 'center' }, { title: '人员姓名', width: '12%', dataIndex: 'userName', align: 'center', customRender: function (text) { return text || '--' } }, { title: '人员类型', dataIndex: 'userType', width: '15%', align: 'center', customRender: function (text) { return text || '--' } }, { title: '状态', dataIndex: 'state', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }, { title: '审批意见', dataIndex: 'remark', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true }, { title: '附件', dataIndex: 'hasAttachments', width: '20%', align: 'center', customRender: function (text) { return text != '0' ? '请在钉钉中查看附件内容' : '--' } }, { title: '操作时间', dataIndex: 'date', width: '20%', align: 'center', customRender: function (text) { return text || '--' } }], // 加载数据方法 必须为 Promise 对象 loadData: parameter => { this.spinning = true delete parameter.tableId delete parameter.index return getProcessInstance({ businessType: this.businessType, businessSn: this.itemSn }).then(res => { let data if (res.status == 200) { data = res.data const no = 0 for (var i = 0; i < data.length; i++) { data[i].no = no + i + 1 } this.spinning = false return data } else { this.spinning = false this.$emit('loadError') return { list: [], count: 0 } } }) } } }, methods: { clearTable () { this.$refs.table.clearTable() } } } </script> <style> </style>