56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
<template>
|
|
<j-modal
|
|
:title="title"
|
|
:width="width"
|
|
:visible="visible"
|
|
:maskClosable="false"
|
|
@cancel="handleCancel">
|
|
|
|
<payment-table :data-source="dataSource" :need-row-selection="false" :loading="loading" disabled />
|
|
|
|
<template slot="footer">
|
|
<a-button @click="handleCancel">{{ $t('close') }}</a-button>
|
|
</template>
|
|
</j-modal>
|
|
</template>
|
|
|
|
<script>
|
|
import PaymentTable from '../tables/PaymentTable'
|
|
import { queryPaymentList } from '../../../../api/businessSupport'
|
|
|
|
export default {
|
|
name: 'PaymentTableModal',
|
|
components: { PaymentTable },
|
|
data () {
|
|
return {
|
|
title: this.$t('businessSupport.standardizationActivity.paymentInfo'),
|
|
width: 800,
|
|
visible: false,
|
|
loading: false,
|
|
dataSource: []
|
|
}
|
|
},
|
|
methods: {
|
|
open (id) {
|
|
this.visible = true
|
|
this.loading = true
|
|
queryPaymentList({ id }).then(res => {
|
|
if (res.success) {
|
|
this.dataSource = res.result || []
|
|
} else {
|
|
this.$message.warning(res.message)
|
|
}
|
|
}).finally(() => {
|
|
this.loading = false
|
|
})
|
|
},
|
|
handleCancel () {
|
|
this.visible = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
|
|
</style> |