auditDetail.vue 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <template>
  2. <div>
  3. <p>说明:以下信息来自钉钉</p>
  4. <a-spin :spinning="spinning" tip="Loading...">
  5. <div style="margin-bottom:10px;" v-for="item in list" :key="item.businessSn">
  6. <div style="margin-bottom:10px;font-weight:bold;">提审时间:{{ item.createDate }}</div>
  7. <a-table
  8. class="sTable fixPagination"
  9. ref="table"
  10. size="small"
  11. :rowKey="(record) => record.businessSn"
  12. :columns="columns"
  13. :dataSource="item.opinionList"
  14. :scroll="{ y: 500 }"
  15. :pagination="false"
  16. bordered>
  17. </a-table>
  18. </div>
  19. </a-spin>
  20. </div>
  21. </template>
  22. <script>
  23. import { STable } from '@/components'
  24. import { getProcessInstance } from '@/api/expenseManagement'
  25. export default {
  26. name: 'AuditDetail',
  27. components: { STable },
  28. props: {
  29. openModal: {
  30. type: Boolean,
  31. default: false
  32. },
  33. itemSn: {
  34. type: [Number, String],
  35. default: ''
  36. },
  37. businessType: {
  38. type: [Number, String],
  39. default: ''
  40. }
  41. },
  42. data () {
  43. return {
  44. spinning: false,
  45. columns: [{ title: '序号', dataIndex: 'no', width: '8%', align: 'center' },
  46. { title: '人员姓名', width: '12%', dataIndex: 'approvalName', align: 'center', customRender: function (text) { return text || '--' } },
  47. { title: '人员类型', dataIndex: 'processTaskType', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
  48. { title: '状态', dataIndex: 'approvalStateDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
  49. { title: '审批意见', dataIndex: 'approvalOpinion', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
  50. { title: '附件', dataIndex: 'attachmentNames', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
  51. { title: '操作时间', dataIndex: 'approvalTime', width: '20%', align: 'center', customRender: function (text) { return text || '--' } }],
  52. list: []
  53. }
  54. },
  55. methods: {
  56. clearTable () {
  57. this.list = []
  58. },
  59. refresh () {
  60. this.getData()
  61. },
  62. getData () {
  63. this.spinning = true
  64. getProcessInstance({ businessType: this.businessType, businessSn: this.itemSn }).then(res => {
  65. if (res.status == 200) {
  66. this.list = res.data
  67. this.list.map(item => {
  68. item.opinionList.map((a, index) => a.no = index + 1)
  69. })
  70. }
  71. this.spinning = false
  72. })
  73. }
  74. }
  75. }
  76. </script>
  77. <style>
  78. </style>