调整antdv 的table默认padding高度; 减少操作列的默认padding; 商户订单列表页增加退款金额的显示;
This commit is contained in:
parent
6dfb18e03e
commit
04fd2bb1c2
|
|
@ -117,3 +117,16 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="less">
|
||||||
|
// 调整antdv 的table默认padding高度
|
||||||
|
.ant-table-fixed{
|
||||||
|
tr{
|
||||||
|
th{
|
||||||
|
padding: 8px 16px !important;
|
||||||
|
}
|
||||||
|
td{
|
||||||
|
padding: 8px 16px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -41,3 +41,9 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
|
||||||
|
//当前页面的按钮, 减少padding
|
||||||
|
button { padding: 8px !important;}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -117,3 +117,16 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="less">
|
||||||
|
// 调整antdv 的table默认padding高度
|
||||||
|
.ant-table-fixed{
|
||||||
|
tr{
|
||||||
|
th{
|
||||||
|
padding: 8px 16px !important;
|
||||||
|
}
|
||||||
|
td{
|
||||||
|
padding: 8px 16px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -40,3 +40,9 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
|
||||||
|
//当前页面的按钮, 减少padding
|
||||||
|
button { padding: 8px !important;}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -70,6 +70,7 @@
|
||||||
:scrollX="1000"
|
:scrollX="1000"
|
||||||
>
|
>
|
||||||
<template slot="amountSlot" slot-scope="{record}"><b>¥{{ record.amount/100 }}</b></template> <!-- 自定义插槽 -->
|
<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}">
|
<template slot="stateSlot" slot-scope="{record}">
|
||||||
<a-tag
|
<a-tag
|
||||||
:key="record.state"
|
:key="record.state"
|
||||||
|
|
@ -364,6 +365,7 @@ import moment from 'moment'
|
||||||
// eslint-disable-next-line no-unused-vars
|
// eslint-disable-next-line no-unused-vars
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ key: 'amount', title: '支付金额', scopedSlots: { customRender: 'amountSlot' } },
|
{ key: 'amount', title: '支付金额', scopedSlots: { customRender: 'amountSlot' } },
|
||||||
|
{ key: 'refundAmount', title: '退款', scopedSlots: { customRender: 'refundAmountSlot' } },
|
||||||
{ key: 'mchFeeAmount', dataIndex: 'mchFeeAmount', title: '手续费', customRender: (text) => '¥' + (text / 100).toFixed(2) },
|
{ key: 'mchFeeAmount', dataIndex: 'mchFeeAmount', title: '手续费', customRender: (text) => '¥' + (text / 100).toFixed(2) },
|
||||||
{ key: 'orderNo', title: '订单号', scopedSlots: { customRender: 'orderSlot' }, width: '260px' },
|
{ key: 'orderNo', title: '订单号', scopedSlots: { customRender: 'orderSlot' }, width: '260px' },
|
||||||
// { key: 'payOrderId', title: '支付订单号', dataIndex: 'payOrderId' },
|
// { key: 'payOrderId', title: '支付订单号', dataIndex: 'payOrderId' },
|
||||||
|
|
@ -372,7 +374,7 @@ const tableColumns = [
|
||||||
{ key: 'state', title: '支付状态', scopedSlots: { customRender: 'stateSlot' } },
|
{ key: 'state', title: '支付状态', scopedSlots: { customRender: 'stateSlot' } },
|
||||||
{ key: 'divisionState', title: '分账状态', scopedSlots: { customRender: 'divisionStateSlot' } },
|
{ key: 'divisionState', title: '分账状态', scopedSlots: { customRender: 'divisionStateSlot' } },
|
||||||
{ key: 'createdAt', dataIndex: 'createdAt', title: '创建日期' },
|
{ 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 {
|
export default {
|
||||||
|
|
@ -444,6 +446,15 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|
||||||
|
///deep/ .ant-table-fixed{
|
||||||
|
// tr{
|
||||||
|
// th{
|
||||||
|
// padding: 0px 0px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
.order-list {
|
.order-list {
|
||||||
-webkit-text-size-adjust:none;
|
-webkit-text-size-adjust:none;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue