调整antdv 的table默认padding高度; 减少操作列的默认padding; 商户订单列表页增加退款金额的显示;

This commit is contained in:
terrfly 2021-11-18 11:11:30 +08:00
parent 6dfb18e03e
commit 04fd2bb1c2
5 changed files with 50 additions and 1 deletions

View File

@ -117,3 +117,16 @@ export default {
}
}
</script>
<style lang="less">
// antdv tablepadding
.ant-table-fixed{
tr{
th{
padding: 8px 16px !important;
}
td{
padding: 8px 16px !important;
}
}
}
</style>

View File

@ -41,3 +41,9 @@ export default {
}
}
</script>
<style lang="less" scoped>
// padding
button { padding: 8px !important;}
</style>

View File

@ -117,3 +117,16 @@ export default {
}
}
</script>
<style lang="less">
// antdv tablepadding
.ant-table-fixed{
tr{
th{
padding: 8px 16px !important;
}
td{
padding: 8px 16px !important;
}
}
}
</style>

View File

@ -40,3 +40,9 @@ export default {
}
}
</script>
<style lang="less" scoped>
// padding
button { padding: 8px !important;}
</style>

View File

@ -70,6 +70,7 @@
:scrollX="1000"
>
<template slot="amountSlot" slot-scope="{record}"><b>{{ record.amount/100 }}</b></template> <!-- 自定义插槽 -->
<template slot="refundAmountSlot" slot-scope="{record}"><b>{{ record.refundAmount/100 }}</b></template> <!-- 自定义插槽 -->
<template slot="stateSlot" slot-scope="{record}">
<a-tag
:key="record.state"
@ -364,6 +365,7 @@ import moment from 'moment'
// eslint-disable-next-line no-unused-vars
const tableColumns = [
{ key: 'amount', title: '支付金额', scopedSlots: { customRender: 'amountSlot' } },
{ key: 'refundAmount', title: '退款', scopedSlots: { customRender: 'refundAmountSlot' } },
{ key: 'mchFeeAmount', dataIndex: 'mchFeeAmount', title: '手续费', customRender: (text) => '¥' + (text / 100).toFixed(2) },
{ key: 'orderNo', title: '订单号', scopedSlots: { customRender: 'orderSlot' }, width: '260px' },
// { key: 'payOrderId', title: '', dataIndex: 'payOrderId' },
@ -372,7 +374,7 @@ const tableColumns = [
{ key: 'state', title: '支付状态', scopedSlots: { customRender: 'stateSlot' } },
{ key: 'divisionState', title: '分账状态', scopedSlots: { customRender: 'divisionStateSlot' } },
{ key: 'createdAt', dataIndex: 'createdAt', title: '创建日期' },
{ key: 'op', title: '操作', width: '100px', fixed: 'right', align: 'center', scopedSlots: { customRender: 'opSlot' } }
{ key: 'op', title: '操作', width: '120px', fixed: 'right', align: 'center', scopedSlots: { customRender: 'opSlot' } }
]
export default {
@ -444,6 +446,15 @@ export default {
}
</script>
<style lang="less" scoped>
///deep/ .ant-table-fixed{
// tr{
// th{
// padding: 0px 0px;
// }
// }
// }
.order-list {
-webkit-text-size-adjust:none;
font-size: 12px;