<template>
  <div class="white pa-3">
    <StatisticsCard :api="getCustomerClaimStatistics" :assignFn="assignFn"></StatisticsCard>
  </div>
</template>

<script>
import StatisticsCard from '../components/StatisticsCard.vue'
import { getCustomerClaimStatistics } from '@/api/salary'
export default {
  name: 'claimStatistics',
  components: {
    StatisticsCard
  },
  data () {
    return {
      getCustomerClaimStatistics
    }
  },
  methods: {
    assignFn (data) {
      Object.assign(data.series[0], {
        label: {
          show: true,
          formatter: (v) => {
            return `${v.name}\n\n绩效金额：${v.value} 元`
          }
        },
        breadcrumb: {
          show: true,
          left: 'left',
          top: 'top'
        }
      })
      return {
        ...data
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
