index.vue 871 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div class="white pa-3">
  3. <StatisticsCard :api="getCustomerClaimStatistics" :assignFn="assignFn"></StatisticsCard>
  4. </div>
  5. </template>
  6. <script>
  7. import StatisticsCard from '../components/StatisticsCard.vue'
  8. import { getCustomerClaimStatistics } from '@/api/salary'
  9. export default {
  10. name: 'claimStatistics',
  11. components: {
  12. StatisticsCard
  13. },
  14. data () {
  15. return {
  16. getCustomerClaimStatistics
  17. }
  18. },
  19. methods: {
  20. assignFn (data) {
  21. Object.assign(data.series[0], {
  22. label: {
  23. show: true,
  24. formatter: (v) => {
  25. return `${v.name}\n\n绩效金额:${v.value} 元`
  26. }
  27. },
  28. breadcrumb: {
  29. show: true,
  30. left: 'left',
  31. top: 'top'
  32. }
  33. })
  34. return {
  35. ...data
  36. }
  37. }
  38. }
  39. }
  40. </script>
  41. <style lang="scss" scoped>
  42. </style>