| | |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="4" class="mb-10"> |
|---|
| | | <el-card> |
|---|
| | | <div class="statistic-title">优惠券金额</div> |
|---|
| | | <div class="statistic-num">{{ statistic.memberCouponAmount }}</div> |
|---|
| | | </el-card> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="4" class="mb-10"> |
|---|
| | | <el-card> |
|---|
| | | <div class="statistic-title">利润合计</div> |
|---|
| | | <div class="statistic-num">{{ statistic.profitAmount }}</div> |
|---|
| | | </el-card> |
|---|
| | |
|---|
| | | }, |
|---|
| | | { label: '质检退款', prop: 'deductAmount', minWidth: 150 }, |
|---|
| | | { label: '售后退款', prop: 'salesAmount', minWidth: 150 }, |
|---|
| | | { label: '优惠券金额', prop: 'memberCouponAmount', minWidth: 150 }, |
|---|
| | | { label: '利润合计', prop: 'profitAmount', minWidth: 150 }, |
|---|
| | | { |
|---|
| | | label: '账单日期', |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .statistic-title { |
|---|
| | | text-align: center; |
|---|
| | | font-size: 20px; |
|---|
| | | color: $main-title-color; |
|---|
| | | font-weight: bold; |
|---|
| | | margin-bottom: 6px; |
|---|
| | | } |
|---|
| | | .statistic-num { |
|---|
| | | text-align: center; |
|---|
| | | font-size: 16px; |
|---|
| | | color: $primary-color; |
|---|
| | | } |
|---|
| | | ::v-deep { |
|---|
| | | .el-card__body { |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | @import '@/assets/statistic/index.scss'; |
|---|
| | | </style> |
|---|
