<!--<template>-->
<!--  <div v-loading="loading" >-->
<!--    <date-range-picker :start-date.sync="queryParams.payDateStart" :end-date.sync="queryParams.payDateEnd" @change="getList"/>-->
<!--    <single-line-chart :labels="labels" :chart-data="chartData" name="收入(元)" height="268px"/>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import SingleLineChart from '@/components/SingleLineChart/index.vue'-->
<!--import { BonusArrivalType } from '@/utils/constants'-->
<!--import { getLastDateStr } from '@/utils'-->
<!--import DateRangePicker from '@/components/DateRangePicker/index.vue'-->
<!--import { getBonusDailyAmount } from '@/api/system/dashboard'-->

<!--export default {-->
<!--  name: "UserDailyRechargeReport",-->
<!--  components: { DateRangePicker, SingleLineChart },-->
<!--  props: {-->
<!--    query: {-->
<!--      type: Object,-->
<!--      default: () => {-->
<!--        return {}-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  data() {-->
<!--    return {-->
<!--      loading: false,-->
<!--      list: [],-->
<!--      queryParams: {-->
<!--        payDateStart: getLastDateStr(30),-->
<!--        payDateEnd: getLastDateStr(0),-->
<!--        arrivalId: null,-->
<!--        arrivalTypes: BonusArrivalType.userList()-->
<!--      },-->
<!--    }-->
<!--  },-->
<!--  computed: {-->
<!--    labels() {-->
<!--      return this.list.map(item => item.key);-->
<!--    },-->
<!--    chartData() {-->
<!--      return this.list.map(item => item.sum == null ? 0 : item.sum.toFixed(2));-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--    this.queryParams = {-->
<!--      ...this.queryParams,-->
<!--      ...this.query-->
<!--    }-->
<!--    this.getList();-->
<!--  },-->
<!--  methods: {-->
<!--    getList() {-->
<!--      this.loading = true;-->
<!--      getBonusDailyAmount(this.queryParams).then(res => {-->
<!--        this.list = res.data;-->
<!--      }).finally(() => {-->
<!--        this.loading = false;-->
<!--      })-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->
