result.vue 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <template>
  2. <a-modal
  3. v-model:open="open"
  4. title="查看回执"
  5. centered
  6. width="90%"
  7. >
  8. <div class="result-detail">
  9. <a-page-header
  10. >
  11. <template #tags>
  12. <a-tag :color="formData.status == 3 ? 'green' : 'red'">{{ $TOOL.dictTypeData('djzt', formData.status) }}</a-tag>
  13. <a-tooltip :title="resultList[resultList.length - 1]?.result">
  14. <InfoCircleOutlined />
  15. </a-tooltip>
  16. </template>
  17. </a-page-header>
  18. <a-table
  19. style="margin-top: 10px"
  20. bordered
  21. :dataSource="resultList"
  22. :columns="[
  23. {title: '单据类型',dataIndex: 'applyType',key: 'applyType'},
  24. {title: '审核状态',dataIndex: 'status',key: 'status'},
  25. {title: '申请人',dataIndex: 'applicant',key: 'applicant'},
  26. {title: '审核人',dataIndex: 'applyMan',key: 'applyMan'},
  27. {title: '审核时间',dataIndex: 'checkTime',key: 'checkTime'},
  28. {title: '审核结果回执',dataIndex: 'result',key: 'result'},
  29. ]"
  30. :pagination="false"
  31. >
  32. </a-table>
  33. </div>
  34. <template #footer></template>
  35. </a-modal>
  36. </template>
  37. <script setup name="enterpriseDetail">
  38. import tool from '@/utils/tool'
  39. import {cloneDeep} from 'lodash-es'
  40. // 抽屉状态
  41. const open = ref(false)
  42. const emit = defineEmits({successful: null})
  43. const formRef = ref()
  44. // 表单数据
  45. const formData = ref({})
  46. const resultList = ref([])
  47. import qyImg from '@/views/yqyc/zero/enterprise-qualification/qy.png'
  48. import qySecondlineHzdTzApi from "@/api/yqyc/qySecondLineHzdTzApi";
  49. // 打开抽屉
  50. const onOpen = (record, view = false) => {
  51. open.value = true
  52. if (record) {
  53. formData.value = Object.assign({}, record)
  54. qySecondlineHzdTzApi.qysecondlinehfdlistGetListByHfdId({id: record.id}).then(res => {
  55. resultList.value = res
  56. })
  57. }
  58. }
  59. // 关闭抽屉
  60. const onClose = () => {
  61. formRef.value.resetFields()
  62. formData.value = {}
  63. open.value = false
  64. }
  65. // 抛出函数
  66. defineExpose({
  67. onOpen
  68. })
  69. </script>
  70. <style lang="less" scoped>
  71. .goods-detail {
  72. max-height: 800px;
  73. overflow-y: auto;
  74. }
  75. </style>