完成客户收支表

package-business-analysis/pages/cus-rec-pay-report/cus-rec-pay-report.js

@@ -0,0 +1,81 @@
+/*******************************************************************************
+ * Copyright(c) 2022 dongke All rights reserved. / Confidential
+ * 类的信息：
+ *		1.程序名称：
+ *		2.客户收支表
+ * 编辑履历：
+ *		作者				日期					版本				修改内容
+ *		刘尧		        2024-06-05	            1.00		   	    
+ *******************************************************************************/
+const Constants = require('@/utils/Constants.js');
+const util = require('@/utils/util.js')
+const app = getApp()
+const mixins = require('@/mixins/index.js')
+
+Page({
+  mixins: [mixins],
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    placeholder: "请输入客户名称/电话/地址",
+    searchContent: [{
+      code: 'makeTime',
+      title: mixins.$t('currentMonth'),
+      searchType: Constants.searchType.date
+    }, {
+      code: 'staff',
+      title: mixins.$t('staffId'),
+      dropType: 'staff'
+    }, {
+      code: 'org',
+      title: mixins.$t('orgId'),
+      dropType: 'org'
+    }, {
+      code: 'recType',
+      title: mixins.$t('docClass'),
+      dropType: 'recType'
+    }],
+    cardDate: [],
+    otherSearchParams: {
+      documentTypes: [],
+      objectId: null,
+      staffId: null,
+      orgId: null
+    },
+    // 路由
+    routeObjName: 'report',
+  },
+  /**
+   * @desc : 查询
+   * @date : 2024/6/6 08:59
+   * @author : 刘尧
+   */
+  getData(params) {
+    return this.excute(this.data.service, this.data.service.getCusRecPayReportItem, params);
+  },
+    /**
+   * @desc : 处理接口返回数据
+   * @date : 2024/2/1 15:49
+   * @author : 姜永辉
+   */
+  handleSearchData(tableData) {
+    console.log('tableData', tableData);
+    this.setData({
+      cardDate: tableData
+    })
+  },
+  /**
+   * @desc : 设置查询参数
+   * @date : 2024年6月6日
+   * @author : 刘尧
+   */
+  setSearchParams(params) {
+    let otherSearchParams = this.data.otherSearchParams;
+    if (otherSearchParams) {
+      // 把其他查询条件拼到查询实体上去
+      params = Object.assign(params, otherSearchParams);
+    }
+    return params;
+  },
+})

package-business-analysis/pages/cus-rec-pay-report/cus-rec-pay-report.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "客户收支表"
+}

package-business-analysis/pages/cus-rec-pay-report/cus-rec-pay-report.wxml

@@ -0,0 +1,52 @@
+<!--package-business-analysis/pages/cus-rec-pay-report/cus-rec-pay-report.wxml-->
+<view>
+  <dk-dropdown-menu model:value="{{searchForm}}" menuList="{{searchContent}}" pullMenuList="{{pullMenuList}}"
+    bind:search="searchData" searchTextPlaceholder="{{placeholder}}"></dk-dropdown-menu>
+  <view class="content">
+    <view class="item-card" wx:for="{{cardDate}}" wx:for-index="index" wx:for-item="item">
+      <view class="card-title">
+        <view class="name-title">
+          <view class="name">{{item.cusName}}</view>
+          <view class="telephone">/{{item.cusPhone}}</view>
+        </view>
+        <view class="money-title">
+          <view class="money-title-content">
+            <view style="font-size: 20rpx;">
+              实际欠款
+            </view>
+            <view class="icon-view">
+              <van-icon size="15px" name="question-o" />
+              <!-- <van-icon size="15px" name="gold-coin-o" style="margin-left:10rpx;" /> -->
+            </view>
+            <!-- <view style="font-size: 28rpx;font-weight: 700;">
+              ￥{{item.arrears}}
+            </view> -->
+            <dk-cell left="0rpx" height="45rpx" contentRight="{{false}}" contentFontSize="14" contentColor="#FF7B1A"
+              contentFontWeight="bold" content="{{item.arrears}}"></dk-cell>
+          </view>
+        </view>
+      </view>
+      <view class="card-content">
+        <view class="content-item" wx:for="{{item.item}}" wx:for-index="index" wx:for-item="itemInfo">
+          <view class="top">
+            <view class="title">{{itemInfo.biznisNo}}</view>
+            <!-- <view class="money">￥{{itemInfo.outAmt || itemInfo.returnAmt}}</view> -->
+            <dk-cell left="0rpx" height="45rpx" contentRight="{{false}}" contentFontSize="14" contentColor="#FF7B1A"
+              contentFontWeight="bold" content="{{itemInfo.outAmt || itemInfo.returnAmt}}"></dk-cell>
+          </view>
+          <view class="under">
+            <view class="type">{{itemInfo.type}}</view>
+            <view class="data">{{itemInfo.accDate}}</view>
+          </view>
+        </view>
+        <view class="total">
+          <view class="total-title">合计</view>
+          <!-- <view class="total-money">￥{{item.totalMoney? item.totalMoney: 0}}</view> -->
+          <dk-cell left="0rpx" height="45rpx" contentRight="{{false}}" contentFontSize="17" contentColor="#FF7B1A"
+            contentFontWeight="bold" content="{{item.totalMoney? item.totalMoney: 0}}"></dk-cell>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view style="height: 200rpx;"></view>
+</view>

package-business-analysis/pages/cus-rec-pay-report/cus-rec-pay-report.wxss

@@ -0,0 +1,116 @@
+/* package-business-analysis/pages/cus-rec-pay-report/cus-rec-pay-report.wxss */
+
+.content{
+  padding: 0 16rpx;
+}
+
+.item-card{
+  border-radius: 16rpx;
+  margin-top: 32rpx;
+  background: linear-gradient(152.98deg, #FFF9EC 15.09%, #FFFFFF 45.02%);
+  box-shadow: 0px 10px 20px 0px #0000000D;
+  box-shadow: 0px -6px 20px 0px #0000000D;
+  padding: 32rpx 32rpx 40rpx 32rpx;
+}
+
+.name-title{
+  display: flex;
+  color: #1B365D;
+  font-weight: 600;
+  flex-direction: row;
+  font-size: 28rpx;
+  text-align: center;
+  justify-content: start;
+  align-content: center;
+}
+
+.name-title .name{
+  font-size: 34rpx;
+}
+
+.name-title .telephone{
+  align-self:flex-end;
+}
+
+.card-title{
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.money-title-content{
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+}
+
+.money-title-content .icon-view{ 
+  padding: 0 15rpx;
+  display: flex;
+  align-items: flex-end;
+}
+
+.card-content{
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  padding-top: 20rpx;
+}
+
+.content-item{
+  margin-top: 30rpx;
+}
+
+.top,.under,.total{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-content: center;
+  margin-top: 15rpx;
+}
+
+.content-item .top{
+  font-weight: 600;
+  font-size: 32rpx;
+}
+
+.content-item .top .money{
+  color: #A5814A;
+}
+
+.content-item .top .title{
+  color: #1B365D;
+}
+
+.content-item .under{
+  font-weight: 500;
+  font-size: 25rpx;
+}
+
+.content-item .under .data{
+  color: #95A8CB;
+}
+
+.content-item .under .type{
+  color: #0047FF;
+}
+
+.total{
+  margin-top: 55rpx;
+  font-weight: 600;
+  font-size: 32rpx;
+}
+
+.total .total-title{
+  color: #1B365D;
+}
+
+.total .total-money{
+  color: #A5814A;
+}