| | |
| | | <div class="table_list"> |
| | | <div class="actions"> |
| | | <div> |
| | | <el-statistic title="本页付款合计" |
| | | :value="totalPaymentAmount" |
| | | :precision="2" |
| | | prefix="¥" /> |
| | | <div class="total-payment"> |
| | | <span class="total-label">本页付款合计:</span> |
| | | <span class="total-value">¥{{ formatMoney(totalPaymentAmount) }}</span> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <el-button @click="handleExport" |
| | |
| | | |
| | | const formatMoney = value => { |
| | | if (value === undefined || value === null) return "0.00"; |
| | | return Number(value) |
| | | .toFixed(2) |
| | | .replace(/\B(?=(\d{3})+(?!\d))/g, ","); |
| | | const parts = Number(value).toFixed(4).split("."); |
| | | parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); |
| | | return parts.join("."); |
| | | }; |
| | | |
| | | const getPaymentMethodLabel = value => { |
| | |
| | | color: #f56c6c; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .total-payment { |
| | | .total-label { |
| | | font-size: 14px; |
| | | color: #606266; |
| | | } |
| | | .total-value { |
| | | font-size: 18px; |
| | | font-weight: bold; |
| | | color: #f56c6c; |
| | | } |
| | | } |
| | | </style> |