|
@@ -18,7 +18,13 @@
|
|
回款交易详情<span style="font-size: 14px;line-height: 22px;">(共<span class="num-active"> 0 </span>条)</span>
|
|
回款交易详情<span style="font-size: 14px;line-height: 22px;">(共<span class="num-active"> 0 </span>条)</span>
|
|
</template>
|
|
</template>
|
|
<div class="payment-info-content">
|
|
<div class="payment-info-content">
|
|
- <el-table
|
|
|
|
|
|
+ <TableCard
|
|
|
|
+ class="payment-info-content-table"
|
|
|
|
+ :table-data="paymentDetailList"
|
|
|
|
+ :columns="paymentDetailColumns"
|
|
|
|
+ width="1108px"
|
|
|
|
+ ></TableCard>
|
|
|
|
+ <!-- <el-table
|
|
class="payment-info-content-table"
|
|
class="payment-info-content-table"
|
|
border
|
|
border
|
|
:data="paymentDetailList"
|
|
:data="paymentDetailList"
|
|
@@ -73,12 +79,25 @@
|
|
label="操作人"
|
|
label="操作人"
|
|
width="90">
|
|
width="90">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- </el-table>
|
|
|
|
|
|
+ </el-table> -->
|
|
</div>
|
|
</div>
|
|
</InfoCard>
|
|
</InfoCard>
|
|
<InfoCard title="用户自助下单对公转账">
|
|
<InfoCard title="用户自助下单对公转账">
|
|
<div class="payment-info-content">
|
|
<div class="payment-info-content">
|
|
- <el-table
|
|
|
|
|
|
+ <TableCard
|
|
|
|
+ class="payment-info-content-table"
|
|
|
|
+ :table-data="transerList"
|
|
|
|
+ :columns="transerColumns"
|
|
|
|
+ width="1108px"
|
|
|
|
+ >
|
|
|
|
+ <template v-slot:payVoucher="{ row }">
|
|
|
|
+ <span class="column-cell">{{ row.row.payVoucher }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ <template v-slot:action="{ row }">
|
|
|
|
+ <span class="column-cell">{{ row.row.action }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </TableCard>
|
|
|
|
+ <!-- <el-table
|
|
class="payment-info-content-table"
|
|
class="payment-info-content-table"
|
|
border
|
|
border
|
|
:data="transerList"
|
|
:data="transerList"
|
|
@@ -115,7 +134,7 @@
|
|
<span class="column-cell">{{ scope.row.action }}</span>
|
|
<span class="column-cell">{{ scope.row.action }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- </el-table>
|
|
|
|
|
|
+ </el-table> -->
|
|
</div>
|
|
</div>
|
|
</InfoCard>
|
|
</InfoCard>
|
|
</div>
|
|
</div>
|
|
@@ -123,10 +142,12 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import InfoCard from '../../ui/InfoCard.vue';
|
|
import InfoCard from '../../ui/InfoCard.vue';
|
|
|
|
+import TableCard from '../../ui/TableCard.vue';
|
|
export default {
|
|
export default {
|
|
name: 'PaymentInfo',
|
|
name: 'PaymentInfo',
|
|
components: {
|
|
components: {
|
|
- InfoCard
|
|
|
|
|
|
+ InfoCard,
|
|
|
|
+ TableCard
|
|
},
|
|
},
|
|
props: {
|
|
props: {
|
|
orderDetail: {
|
|
orderDetail: {
|
|
@@ -138,6 +159,58 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ paymentDetailColumns: [
|
|
|
|
+ {
|
|
|
|
+ label: '回款时间',
|
|
|
|
+ prop: 'paytime',
|
|
|
|
+ width: '112'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '回款金额',
|
|
|
|
+ prop: 'paymoney',
|
|
|
|
+ width: '112'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '支付方式',
|
|
|
|
+ prop: 'paytype',
|
|
|
|
+ width: '90'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '手续费',
|
|
|
|
+ prop: 'commission',
|
|
|
|
+ width: '90'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '回款银行',
|
|
|
|
+ prop: 'bank',
|
|
|
|
+ width: '150'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '支付单号/银行流水号',
|
|
|
|
+ prop: 'orderNumber',
|
|
|
|
+ width: '150'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '支付户名',
|
|
|
|
+ prop: 'payAccountName',
|
|
|
|
+ width: '90'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '流水金额',
|
|
|
|
+ prop: 'flowamount',
|
|
|
|
+ width: '112'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '操作时间',
|
|
|
|
+ prop: 'actionTime',
|
|
|
|
+ width: '112'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '操作人',
|
|
|
|
+ prop: 'operator',
|
|
|
|
+ width: '90'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
paymentDetailList: [
|
|
paymentDetailList: [
|
|
{
|
|
{
|
|
paytime: '2023-12-31 13:21:32',
|
|
paytime: '2023-12-31 13:21:32',
|
|
@@ -152,6 +225,32 @@ export default {
|
|
operator: '张三'
|
|
operator: '张三'
|
|
}
|
|
}
|
|
],
|
|
],
|
|
|
|
+ transerColumns: [
|
|
|
|
+ {
|
|
|
|
+ label: '提交时间',
|
|
|
|
+ prop: 'submitTime',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '支付凭证',
|
|
|
|
+ prop: 'payVoucher',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '审核状态',
|
|
|
|
+ prop: 'processStatus',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '审核时间',
|
|
|
|
+ prop: 'processTime',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '操作人',
|
|
|
|
+ prop: 'operator',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: '操作',
|
|
|
|
+ prop: 'action'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
transerList: [
|
|
transerList: [
|
|
{
|
|
{
|
|
submitTime: '2023-12-31 13:21:32',
|
|
submitTime: '2023-12-31 13:21:32',
|
|
@@ -161,10 +260,13 @@ export default {
|
|
operator: '张三',
|
|
operator: '张三',
|
|
action: '审核',
|
|
action: '审核',
|
|
}
|
|
}
|
|
-
|
|
|
|
- ]
|
|
|
|
|
|
+ ],
|
|
|
|
+ returnRes: {}
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ mounted() {
|
|
|
|
+ this.returnRes = this.orderDetail?.returnRes || {};
|
|
|
|
+ },
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|