no message

pages/statistics/components/general_stat.vue

@@ -5,11 +5,11 @@
 <!--		<StatLoanChart :genre="1" :leftText="'放款汇总占比'"></StatLoanChart>-->
 <!--		<StatLoanChart :genre="2" :leftText="'回款汇总占比'"></StatLoanChart>-->
     <stat-finance :date-type-obj="dateTypeObj"></stat-finance>
-		<StatRanking is_group :leftText="'汇总明细'"></StatRanking>
+<!--		<StatRanking is_group :leftText="'汇总明细'"></StatRanking>-->
 		<view class="sys-background-fff r-30">
-			<StatCapital :leftColor="0" :rightColor="1" :leftText="'任务资金汇总'"></StatCapital>
+			<StatCapital :leftColor="0" :rightColor="1" :leftText="'任务资金汇总'" :tabulate-data="sysPassageData"></StatCapital>
 			<view class="view_line"></view>
-      <StatCapital :leftColor="0" :rightColor="1" :leftText="'在途资金汇总'"></StatCapital>
+      <StatCapital :leftColor="1" :rightColor="2" :leftText="'在途资金汇总'" :tabulate-data="sysCapitalMoney"></StatCapital>
 <!--			<StatRanking :is_margin_top="false" :is_type="2" :leftText="'个人业绩排行'"></StatRanking>-->
 		</view>
 <!--		<StatSituation :type="1"></StatSituation>-->
@@ -22,7 +22,7 @@
 	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} from "@/api/statistics";
+  import {getSysCashier,getSysPassage,getCapitalMoney} 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'
@@ -66,7 +66,24 @@
           put_money: 0,
           put_num: 0,
         },
-        sysPassageObj:{},
+        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: ""}]
+        },
         sendMd5:''
       };
 		},
@@ -82,6 +99,7 @@
             this.sendMd5=sendMd5
             this.getSysCashier()
             this.getSysPassage()
+            this.getCapitalMoney()
           }
         }
       },
@@ -92,19 +110,33 @@
           }
         })
       },
-      //管理员-在途资金汇总
+      //管理员-任务资金汇总
       getSysPassage(){
         getSysPassage(this.dateTypeObj).then((res)=>{
           if(res.code === 1){
-            // let ret = {series:[{data:res.data.list}]}
-            // this.$refs.chartsPieView.show = true
-            // this.$refs.chartsPieView.chartData2 = JSON.parse(JSON.stringify(ret));
-            this.sysPassageObj = res.data
+            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(){

pages/statistics/module/head_filter.vue

@@ -133,9 +133,11 @@
         }
       },
       setCensusUserType(index){
-        this.dateTypeObj.censusUserType=this.userStatusList[index].id
-        this.newUserTypeName=this.userStatusList[index].name
-        this.endPopup()
+        if(this.userStatusList[index]!==undefined){
+          this.dateTypeObj.censusUserType=this.userStatusList[index].id
+          this.newUserTypeName=this.userStatusList[index].name
+          this.endPopup()
+        }
       },
       setDateType(index){
         this.dateTypeObj.dateType=this.dateData[index].id

pages/statistics/module/stat_capital.vue

@@ -6,29 +6,29 @@
 			<view class="capital_item">
 				<view class="row-c flex">
 					<view class="wh-14 r-100 m-r10" :style="{background:bgColor[leftColor]}"></view>
-					<text class="size-24 text-color-576">消金类产品4笔</text>
+					<text class="size-24 text-color-576">{{tabulateData.list[0].name}}{{tabulateData.consume_num}}笔</text>
 				</view>
 				<view class="sys-weight-600 m-l20 m-tb10">
-					<text class="size-32 text-color-081">50</text>
+					<text class="size-32 text-color-081">{{tabulateData.consume_money}}</text>
 					<text class="size-28 text-color-081">万</text>
 				</view>
 				<text class="size-28 text-color-00B sys-weight-600 m-l20"
-					:style="{color:bgColor[leftColor]}">29.4%</text>
+					:style="{color:bgColor[leftColor]}">{{tabulateData.consume_ratio}}%</text>
 			</view>
 			<view class="chart_item column-c m-lr20">
-				<CircleChart :bgColor="'#2B7DFA'"></CircleChart>
+				<CircleChart :bgColor="'#2B7DFA'" ref="tabulateObj"></CircleChart>
 			</view>
 			<view class="capital_item">
 				<view class="row-c flex">
 					<view class="wh-14 r-100 m-r10" :style="{background:bgColor[rightColor]}"></view>
-					<text class="size-24 text-color-576">消金类产品4笔</text>
+					<text class="size-24 text-color-576">{{tabulateData.list[1].name}}{{tabulateData.pledge_num}}笔</text>
 				</view>
 				<view class="sys-weight-600 m-l20 m-tb10">
-					<text class="size-32 text-color-081">50</text>
+					<text class="size-32 text-color-081">{{tabulateData.pledge_money}}</text>
 					<text class="size-28 text-color-081">万</text>
 				</view>
 				<text class="size-28 text-color-00B sys-weight-600 m-l20"
-					:style="{color:bgColor[rightColor]}">29.4%</text>
+					:style="{color:bgColor[rightColor]}">{{tabulateData.pledge_ratio}}%</text>
 			</view>
 		</view>
 	</view>
@@ -66,14 +66,36 @@
 				default: 0
 			},
       tabulateData:{
-        default: {}
+        default: ()=>{
+          return {
+            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: ""}]
+          }
+        }
       }
 		},
 		data() {
 			return {
 				bgColor: ['#00BF8A', '#2B7DFA', '#ED9A2C']
 			};
-		}
+		},
+    watch:{
+      'tabulateData':function () {
+        this.initData()
+      }
+    },
+    methods: {
+      initData(){
+        if((this.tabulateData.consume_ratio*1+this.tabulateData.pledge_ratio*1)>0){
+          this.$refs.tabulateObj.setServerData(this.tabulateData.consume_ratio)
+        }
+      },
+    },
 	}
 </script>