assess-app/pages/statistics/components/general_stat.vue

<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>-->
    <stat-finance :date-type-obj="dateTypeObj"></stat-finance>
<!--		<StatRanking is_group :leftText="'汇总明细'"></StatRanking>-->
		<view class="sys-background-fff r-30">
			<StatCapital :leftColor="0" :rightColor="1" :leftText="'任务资金汇总'" :tabulate-data="sysPassageData"></StatCapital>
			<view class="view_line"></view>
      <StatCapital :leftColor="1" :rightColor="2" :leftText="'在途资金汇总'" :tabulate-data="sysCapitalMoney"></StatCapital>
<!--			<StatRanking :is_margin_top="false" :is_type="2" :leftText="'个人业绩排行'"></StatRanking>-->
		</view>
    <stat-industry></stat-industry>
    <stat-age-chart></stat-age-chart>
<!--		<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,getSysPassage,getCapitalMoney,getSysIndustry} from "@/api/statistics";
  import Stat_finance_chart from "@/pages/statistics/module/stat_finance_chart.vue";
  import StatFinance from "@/pages/statistics/module/stat_finance.vue";
  import md5 from 'js-md5'
  import StatIndustry from "@/pages/statistics/module/stat_industry.vue";
  import StatAgeChart from "@/pages/statistics/module/stat_age_chart.vue";

	export default {
    props:{
      'dateTypeObj':{
        default:()=>{
          return {
            dateType:4,
            selectDate:'2023-02-25',
            money_type:1,
            censusUserType:0,
            product_id:5,
          }
        }
      }
    },
		components: {
      StatAgeChart,
      StatIndustry,
      StatFinance,
      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,
        },
        sysPassageData:{
          consume_money: 0,
          consume_num: "0",
          consume_ratio: 0,
          pledge_money: 0,
          pledge_num: "0",
          pledge_ratio: 0,
          list:[{name: "", ratio: 0, value: 0, labelText: ""},{name: "", ratio: 0, value: 0, labelText: ""}]
        },
        sysCapitalMoney:{
          consume_money: 0,
          consume_num: "0",
          consume_ratio: 0,
          pledge_money: 0,
          pledge_num: "0",
          pledge_ratio: 0,
          list:[{name: "", ratio: 0, value: 0, labelText: ""},{name: "", ratio: 0, value: 0, labelText: ""}]
        },
        industryList:{},
        sendMd5:''
      };
		},
    methods: {
      setSendMd5(){
        let str=JSON.stringify(this.dateTypeObj)
        return md5(str)
      },
      initData(){
        if(this.dateTypeObj.censusUserType>0){
          let sendMd5=this.setSendMd5()
          if(sendMd5 !== this.sendMd5){
            this.sendMd5=sendMd5
            this.getSysCashier()
            this.getSysPassage()
            this.getCapitalMoney()
            this.getSysIndustry()
          }
        }
      },
      getSysCashier(){
        getSysCashier(this.dateTypeObj).then((res)=>{
          if(res.code===1){
            this.moneyData=res.data
          }
        })
      },
      //管理员-任务资金汇总
      getSysPassage(){
        getSysPassage(this.dateTypeObj).then((res)=>{
          if(res.code === 1){
            this.sysPassageData = res.data
          }else{
            // this.$refs.chartsPieView.setNoList()
          }
        })
      },
      //管理员-在途资金汇总
      getCapitalMoney(){
        getCapitalMoney(this.selectData).then((res)=>{
          if(res.code===1  && res.data.items.length>0){
            let totalMoney=res.data.items[0].value+res.data.items[1].value
            this.sysCapitalMoney.consume_money=res.data.items[0].value
            this.sysCapitalMoney.consume_num=res.data.items[0].total_num
            this.sysCapitalMoney.consume_ratio=(res.data.items[0].value/totalMoney*100).toFixed(2)
            this.sysCapitalMoney.pledge_money=res.data.items[1].value
            this.sysCapitalMoney.pledge_num=res.data.items[1].total_num
            this.sysCapitalMoney.pledge_ratio=(res.data.items[1].value/totalMoney*100).toFixed(2)
            this.sysCapitalMoney.list[0]={name: res.data.items[0].name, ratio: this.sysCapitalMoney.consume_ratio, value:  this.sysCapitalMoney.consume_money, labelText: ""}
            this.sysCapitalMoney.list[1]={name: res.data.items[1].name, ratio: this.sysCapitalMoney.pledge_ratio, value:  this.sysCapitalMoney.pledge_money, labelText: ""}
            console.log(this.sysCapitalMoney)
          }
        })
      },

      // //管理员-行业统计
      getSysIndustry(){
        getSysIndustry(this.selectData).then((res)=>{
          if(res.code === 1){
            this.industryList=res.data
            // let ret = {
            //   series:[{data:res.data.roseData}]
            // }
            // this.$refs.chartsRose.show = true
            // this.$refs.chartsRose.chartData2 = JSON.parse(JSON.stringify(ret))
          }else{
            // this.$refs.chartsRose.setNoList()
          }
        })
      },

      //管理员-年龄区域统计
      getSysAge(){
        getSysAge(this.selectData).then((res)=>{
          if(res.code === 1){
            let ret = {
              categories:res.data.titles,
              series:[
                {
                  name: "男",
                  index: 1,
                  type: "column",
                  data: res.data.oneMoney,
                },
                {
                  name: "女",
                  index: 1,
                  type: "column",
                  data: res.data.twoMoney,
                },
                {
                  name: "单数(男)",
                  type: "line",
                  style: "curve",
                  color: "#1890ff",
                  disableLegend: true,
                  data: res.data.oneNum,
                },
                {
                  name: "单数(女)",
                  type: "line",
                  color: "#2fc25b",
                  data: res.data.twoNum,
                },
              ]
            }
            this.$refs.chartsAdminThree.show = true
            this.$refs.chartsAdminThree.chartData4 = JSON.parse(JSON.stringify(ret));
          }else{
            this.$refs.chartsAdminThree.setNoList()
          }
        })
      },
    },
	}
</script>

<style>
</style>