no message

pages/statistics/components/general_stat.vue

@@ -4,6 +4,7 @@
     <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="'任务资金汇总'">
@@ -23,6 +24,7 @@
   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";
+  import StatFinance from "@/pages/statistics/module/stat_finance.vue";
 
 	export default {
     props:{
@@ -39,6 +41,7 @@
       }
     },
 		components: {
+      StatFinance,
       Stat_finance_chart,
       HeadData,
 			StatLoanChart,

pages/statistics/module/stat_finance.vue

@@ -10,38 +10,97 @@
 		</view>
 		<view class="">
 			<view class="sys-from-background-color row-justify-sb center m-b16 r-20 p-20 finance_item"
-				v-for="(item,index) in 3" :key="index">
+				v-for="(item,index) in dataList" :key="index">
 				<view class="row-c">
 					<image class="wh-60" src="/static/img/index/index-avatar.png" mode=""></image>
 					<view class="column m-l16">
-						<text class="size-28 text-color-12 sys-weight-400">张三</text>
-						<text class="size-24 text-color-8F9 sys-weight-400">2024.12.14 12:45</text>
+						<text class="size-28 text-color-12 sys-weight-400">{{item.name}}</text>
+						<text class="size-24 text-color-8F9 sys-weight-400">{{item.created_at}}</text>
 					</view>
 				</view>
-				<text class="size-28 text-color-12 sys-weight-600">200万</text>
+				<text class="size-28 text-color-12 sys-weight-600">{{item.money}}万</text>
 			</view>
+      <en-blank v-if="totalNum<=0"></en-blank>
 		</view>
 	</view>
 </template>
 
 <script>
 	import StatisticsTitle from "./statistics_title.vue";
+  import {getSysMoneyList} from "@/api/statistics";
+  import EnBlank from "@/components/en-utils/en-blank/en-blank.vue";
 
 	export default {
-		name: 'peak_chart',
+		name: 'stat-finance',
+    props:{
+      'dateTypeObj':{
+        default:()=>{
+          return {
+            dateType:4,
+            selectDate:'2023-02-25',
+            money_type:1,
+            censusUserType:0,
+            product_id:5,
+          }
+        }
+      },
+      'pageType':{
+        default:1
+      }
+    },
 		components: {
+      EnBlank,
 			StatisticsTitle
 		},
+    watch:{
+      'dateTypeObj':function () {
+        console.log('this.dateTypeObj')
+        console.log(this.dateTypeObj)
+        if(this.dateTypeObj.censusUserType>0){
+          this.startList()
+        }
+      }
+    },
 		data() {
 			return {
 				current: 0,
-				list: ['放款', '回款']
+				list: ['放款', '回款'],
+        dataList:[],
+        totalNum:0,
+        page:1
 			};
 		},
 		methods: {
+      onHandle(e){
+        console.log(e)
+      },
 			onChange(e) {
 				this.current = e
-			}
+			},
+      startList(){
+        this.dataList=[]
+        this.page=1
+        this.getSysMoneyList()
+      },
+      getSysMoneyList(){
+        let fromData = {
+          dateType:this.dateTypeObj.dateType,
+          selectDate:this.dateTypeObj.selectDate,
+          pageNum:this.pageType===1?5:15,
+          page:this.page,
+          moneyType:this.current+1,
+        }
+        getSysMoneyList(fromData).then((res)=>{
+          if(res.code === 1){
+            this.dataList = res.data.items
+            this.totalNum = res.data.totalNum
+          }else{
+            this.dataList = []
+            this.totalNum = 0
+          }
+          ++this.page
+        })
+      },
 		}
 	}
 </script>