<template>
	<view class="">
    <HeadData  :money-data="moneyData"></HeadData>
    <stat_finance_chart :money-data="moneyData"></stat_finance_chart>
<!--		<StatLoanChart :genre="1" :leftText="'放款汇总占比'"></StatLoanChart>-->
<!--		<StatLoanChart :genre="2" :leftText="'回款汇总占比'"></StatLoanChart>-->
		<StatRanking is_group :leftText="'汇总明细'"></StatRanking>
		<view class="sys-background-fff r-30">
			<StatCapital :leftColor="0" :rightColor="1" :leftText="'任务资金汇总'">
			</StatCapital>
			<view class="view_line"></view>
			<StatRanking :is_margin_top="false" :is_type="2" :leftText="'个人业绩排行'"></StatRanking>
		</view>
		<StatSituation :type="1"></StatSituation>
	</view>
</template>

<script>
	import StatLoanChart from "../module/stat_loan_chart.vue"
	import StatRanking from "../module/stat_ranking.vue"
	import StatCapital from "../module/stat_capital.vue"
	import StatSituation from "../module/stat_situation.vue"
  import HeadData from "@/pages/statistics/module/head_data.vue";
  import {getSysCashier} from "@/api/statistics";
  import Stat_finance_chart from "@/pages/statistics/module/stat_finance_chart.vue";

	export default {
    props:{
      'dateTypeObj':{
        default:()=>{
          return {
            dateType:4,
            selectDate:'2023-02-25',
            money_type:1,
            censusUserType:0,
            product_id:5,
          }
        }
      }
    },
		components: {
      Stat_finance_chart,
      HeadData,
			StatLoanChart,
			StatRanking,
			StatCapital,
			StatSituation
		},
    watch:{
      'dateTypeObj':function () {
        this.initData()
      }
    },
    mounted() {
      this.initData()
    },
		data() {
      return {
        moneyData:{
          out_money: 0,
          out_num: 0,
          put_money: 0,
          put_num: 0,
        }
      };
		},
    methods: {
      initData(){
        if(this.dateTypeObj.censusUserType>0){
          this.getSysCashier()
        }
      },
      getSysCashier(){
        getSysCashier(this.dateTypeObj).then((res)=>{
          if(res.code===1){
            this.moneyData=res.data
          }
        })
      }
    },
	}
</script>

<style>
</style>