From ad312ce15ad656cedb1b7e0bc3cf65194b6b2974 Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Sun, 9 Feb 2025 09:48:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=99=BA=E8=81=AA=E8=AE=B0=E8=B4=A6?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=EF=BC=8C=E6=96=B0=E5=A2=9E=E7=BB=93=E7=AE=97?=
 =?UTF-8?q?=E5=8D=A1=E7=BB=9F=E8=AE=A1=E3=80=81POS=E6=9C=BA=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E5=8A=9F=E8=83=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/invest/statisticAnalysis.js           |  19 +-
 src/pages.json                                |  15 +-
 .../accounts/debitCardAnalysis/index.vue      | 516 ++++++++++++++++++
 .../statistic/accounts/posStatics/index.vue   | 516 ++++++++++++++++++
 src/pages/statistic/index.vue                 |   6 +-
 5 files changed, 1069 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/statistic/accounts/debitCardAnalysis/index.vue
 create mode 100644 src/pages/statistic/accounts/posStatics/index.vue

diff --git a/src/api/invest/statisticAnalysis.js b/src/api/invest/statisticAnalysis.js
index e541527..25d7f13 100644
--- a/src/api/invest/statisticAnalysis.js
+++ b/src/api/invest/statisticAnalysis.js
@@ -79,4 +79,21 @@ export function getDailyExpensesAnalysis(query) {
     method: 'get',
     params: query
   })
-}
\ No newline at end of file
+}
+
+
+export function getDebitCardAnalysis(query) {
+  return request({
+    url: '/invest/analysis/debitCardAnalysis',
+    method: 'get',
+    params: query
+  })
+}
+
+export function getPosStatics(query) {
+  return request({
+    url: '/invest/analysis/posStatics',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/pages.json b/src/pages.json
index 1aa70cb..b1f8207 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -79,7 +79,20 @@
       "style": {
         "navigationBarTitleText": "记账账户统计"
       }
-    },{
+    },
+    {
+      "path": "pages/statistic/accounts/debitCardAnalysis/index",
+      "style": {
+        "navigationBarTitleText": "结算卡统计"
+      }
+    } ,
+    {
+      "path": "pages/statistic/accounts/posStatics/index",
+      "style": {
+        "navigationBarTitleText": "POS机统计"
+      }
+    } ,
+    {
       "path": "pages/statistic/bill/creditRecordAnalysis/index",
       "style": {
         "navigationBarTitleText": "征信查询统计"
diff --git a/src/pages/statistic/accounts/debitCardAnalysis/index.vue b/src/pages/statistic/accounts/debitCardAnalysis/index.vue
new file mode 100644
index 0000000..7ae0d2a
--- /dev/null
+++ b/src/pages/statistic/accounts/debitCardAnalysis/index.vue
@@ -0,0 +1,516 @@
+<template>
+    <view class="container">
+        <div class="app-container" style="overflow: auto">
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">今日结算次数</div>
+          <div class="num">{{ debitCardAnalysis.todayCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">今日收款金额</div>
+          <div class="num">{{ debitCardAnalysis.todayAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近7日结算次数</div>
+          <div class="num">{{ debitCardAnalysis.sevenDayCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近7日收款金额</div>
+          <div class="num">{{ debitCardAnalysis.sevenDayAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近1月结算次数</div>
+          <div class="num">{{ debitCardAnalysis.oneMonthCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近1月收款金额</div>
+          <div class="num">{{ debitCardAnalysis.oneMonthAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近3月结算次数</div>
+          <div class="num">{{ debitCardAnalysis.threeMonthCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近3月收款金额</div>
+          <div class="num">{{ debitCardAnalysis.threeMonthAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6月结算次数</div>
+          <div class="num">{{ debitCardAnalysis.sixMonthCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6月收款金额</div>
+          <div class="num">{{ debitCardAnalysis.sixMonthAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近1年结算次数</div>
+          <div class="num">{{ debitCardAnalysis.oneYearCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近1年收款金额</div>
+          <div class="num">{{ debitCardAnalysis.oneYearAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近2年结算次数</div>
+          <div class="num">{{ debitCardAnalysis.twoYearCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近2年收款金额</div>
+          <div class="num">{{ debitCardAnalysis.twoYearAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近5年结算次数</div>
+          <div class="num">{{ debitCardAnalysis.fiveYearCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近5年收款金额</div>
+          <div class="num">{{ debitCardAnalysis.fiveYearAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="@/static/images/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">总结算次数</div>
+          <div class="num">{{ debitCardAnalysis.totalCount }}<span>次</span></div>
+        </div>
+      </div>
+      <div class="item" >
+        <img src="@/static/images/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">总收款金额</div>
+          <div class="num">{{ debitCardAnalysis.totalAmount }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+ 
+
+    <div></div>
+  </div>
+      <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+        <u-list-item v-for="(item, index) in listData" :key="index">
+          <view class="list-item">
+            <view class="item-header">
+              <u--text  lines="2" 
+                :text="item.nameCode" size="30rpx" color="#333333" ></u--text>
+            </view>
+            <view class="item-row">
+            <text class="row-label">今日结算次数：</text>
+            <text class="row-value">{{ item.todayCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">今日收款金额：</text>
+            <text class="row-value">{{ item.todayAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近7日结算次数：</text>
+            <text class="row-value">{{ item.sevenDayCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近7日收款金额：</text>
+            <text class="row-value">{{ item.sevenDayAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近1月结算次数：</text>
+            <text class="row-value">{{ item.oneMonthCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近1月收款金额：</text>
+            <text class="row-value">{{ item.oneMonthAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近3月结算次数：</text>
+            <text class="row-value">{{ item.threeMonthCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近3月收款金额：</text>
+            <text class="row-value">{{ item.threeMonthAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近6月结算次数：</text>
+            <text class="row-value">{{ item.sixMonthCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近6月收款金额：</text>
+            <text class="row-value">{{ item.sixMonthAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近1年结算次数：</text>
+            <text class="row-value">{{ item.oneYearCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近1年收款金额：</text>
+            <text class="row-value">{{ item.oneYearAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近2年结算次数：</text>
+            <text class="row-value">{{ item.twoYearCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近2年收款金额：</text>
+            <text class="row-value">{{ item.twoYearAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近5年结算次数：</text>
+            <text class="row-value">{{ item.fiveYearCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">近5年收款金额：</text>
+            <text class="row-value">{{ item.fiveYearAmount }} 元</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">总结算次数：</text>
+            <text class="row-value">{{ item.totalCount }} 次</text>
+          </view>
+          <view class="item-row">
+            <text class="row-label">总收款金额：</text>
+            <text class="row-value">{{ item.totalAmount }} 元</text>
+          </view>
+          </view>
+        </u-list-item>
+        <view>
+        </view>
+      </u-list>
+      <u-picker itemHeight="88" :show="settingPickShow" :columns="settingColumns" keyName="settingName"
+        @confirm="settingConfirm" @cancel="settingCancel"></u-picker>
+    </view>
+    <!-- 悬停按钮返回工作台-->
+      <suspend></suspend>
+      <refresh></refresh>
+  </template>
+  
+  <script setup>
+  import { getDebitCardAnalysis } from '@/api/invest/statisticAnalysis'
+  import { getDicts } from '@/api/system/dict/data.js'
+  import {onLoad,onShow} from "@dcloudio/uni-app";
+  import auth from "@/plugins/auth"; // 建议使用auth进行鉴权操作
+      // 计算属性与监听属性是在vue中而非uniap中 需要注意！！！
+  import {reactive ,toRefs,ref,computed }from "vue";
+  const listData = ref([])
+  const isShow = ref(false)
+  const settingPickShow = ref(false)
+  const settingColumns = ref([])
+
+  const debitCardAnalysis = ref({})
+  const data = reactive({
+    filterPanel: false,
+    queryParams: {
+    type: 1,
+    time: null,
+    dataType: null,
+    id: null
+     } 
+  })
+  const { filterPanel, queryParams} = toRefs(data)
+  const windowHeight = computed(() => {
+              uni.getSystemInfoSync().windowHeight - 50
+          })	
+  onLoad(() => {
+      getList()
+    });
+  
+   onShow(() => {
+      if (isShow.value) {
+      listData.value=[]
+        getList()
+        isShow.value = false
+      }
+    });
+
+  function getList() {
+        getDebitCardAnalysis({...queryParams.value }).then(res => {
+            debitCardAnalysis.value = { ...res.data }
+          listData.value = listData.value.concat(res.data.debitCardTableList)
+        }).catch(() => {
+        })
+      }
+  function settingConfirm(e) {
+        queryParams.value.settingId = e.value[0].settingId
+        queryParams.value.settingName = e.value[0].settingName
+        settingPickShow.value = false
+      }
+  function settingCancel() {
+        settingPickShow.value = false
+      }
+
+  </script>
+  
+  <style lang="scss" scoped>
+
+.app-container {
+  .header-con {
+    width: 100%;
+    height: 100px;
+    background-color: #ffffff;
+    margin-bottom: 5px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .item {
+      width: 50%;
+      height: 100%;
+      display: flex;
+      position: relative;
+      align-items: center;
+      margin: 5px 10px 5px 10px;
+      .title {
+        margin-left: 5px;
+        color: rgb(133, 133, 148);
+        margin-bottom: 5px;
+        font-size: 14px;
+      }
+      .num {
+        margin-left: 5px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    img {
+      height: 30px;
+      width: 30px;
+    }
+  }
+  .header-title {
+    width: 100%;
+    height: 30px;
+    background-color: #ffffff;
+    margin-bottom: 3px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 16px;
+  }
+}
+  .btnAdd {
+        width: 146rpx;
+        height: 56rpx;
+        line-height: 56rpx;
+        border-radius: 8rpx;
+        display:float;
+        text-align: center;
+      }
+  
+  .search-view {
+    padding: 12rpx 32rpx;
+    background-color: #ffffff;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: relative;
+  
+    .search-input {
+      background: #F5F5F5;
+      color: #333333;
+      margin-right: 36rpx;
+    }
+  
+    .filter-panel {
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 96rpx;
+      background-color: rgba(0, 0, 0, 0.5);
+  
+      .filter-panel-content {
+        background-color: #ffff;
+        padding: 0 30rpx 30rpx;
+  
+        .filter-title {
+          color: #000000;
+          font-size: 30rpx;
+          font-weight: 500;
+          padding: 30rpx 0;
+        }
+  
+        .state-list {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: flex-start;
+  
+          .state-item {
+            width: 210rpx;
+            height: 72rpx;
+            border: 1rpx solid rgba(0, 0, 0, 0.25);
+            border-radius: 72rpx;
+            text-align: center;
+            line-height: 72rpx;
+            margin: 0 20rpx 20rpx 0;
+            font-size: 28rpx;
+            color: #000000;
+          }
+  
+          .active {
+            background-color: rgba(222, 241, 255, 1);
+            border: 1rpx solid rgba(22, 119, 255, 1);
+          }
+        }
+      }
+  
+      .btn-box {
+        display: flex;
+        padding: 24rpx 30rpx;
+        background-color: #fff;
+        box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+      }
+    }
+  }
+  
+  .list-item {
+    margin: 0 24rpx 24rpx;
+    padding: 32rpx;
+    background-color: #fff;
+  
+    .item-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-bottom: 16rpx;
+  
+      .status {
+        .status-item {
+          width: 120rpx;
+          height: 44rpx;
+          text-align: center;
+          line-height: 44rpx;
+          border-radius: 4rpx;
+          font-size: 24rpx;
+        }
+  
+        .status1 {
+          background: #F0F0F0;
+          color: #8C8C8C;
+        }
+  
+        .status2 {
+          background: rgba(38, 129, 255, 0.2);
+          color: #2681FF;
+        }
+  
+        .status3 {
+          background: #F7F7F7;
+          color: #2681FF;
+        }
+  
+        .status4 {
+          background: rgba(255, 85, 51, 0.2);
+          color: #FF5533;
+        }
+  
+        .status5 {
+          background: #F7F7F7;
+          color: rgba(0, 0, 0, 0.85);
+        }
+  
+        .status7 {
+          background: rgba(255, 129, 51, 0.2);
+          color: #FF8133;
+        }
+  
+        .status8 {
+          background: rgba(65, 217, 165, 0.2);
+          color: #41D9A5;
+        }
+      }
+    }
+  
+    .item-row {
+      padding: 16rpx 0;
+  
+      .row-label {
+        color: rgba(0, 0, 0, 0.55);
+      }
+  
+      .row-value {
+        color: rgba(0, 0, 0, 0.85)
+      }
+    }
+  
+    .operate {
+      display: flex;
+      justify-content: flex-end;
+  
+      .btn {
+        width: 146rpx;
+        height: 56rpx;
+        line-height: 56rpx;
+        border-radius: 8rpx;
+        margin-left: 5rpx;
+        text-align: center;
+      }
+  
+      .circulation {
+        background: rgba(0, 0, 0, 0.04);
+        margin-right: 24rpx;
+        color: rgba(0, 0, 0, 0.85);
+      }
+  
+      .filling {
+        background: #2681FF;
+        border-radius: 8rpx;
+        color: #FFFFFF;
+      }
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/pages/statistic/accounts/posStatics/index.vue b/src/pages/statistic/accounts/posStatics/index.vue
new file mode 100644
index 0000000..606ed2e
--- /dev/null
+++ b/src/pages/statistic/accounts/posStatics/index.vue
@@ -0,0 +1,516 @@
+<template>
+  <view class="container">
+      <div class="app-container" style="overflow: auto">
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">今日交易次数</div>
+        <div class="num">{{ debitCardAnalysis.todayCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">今日刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.todayAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近7日交易次数</div>
+        <div class="num">{{ debitCardAnalysis.sevenDayCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近7日刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.sevenDayAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近1月交易次数</div>
+        <div class="num">{{ debitCardAnalysis.oneMonthCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近1月刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.oneMonthAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近3月交易次数</div>
+        <div class="num">{{ debitCardAnalysis.threeMonthCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近3月刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.threeMonthAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近6月交易次数</div>
+        <div class="num">{{ debitCardAnalysis.sixMonthCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近6月刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.sixMonthAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近1年交易次数</div>
+        <div class="num">{{ debitCardAnalysis.oneYearCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近1年刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.oneYearAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近2年交易次数</div>
+        <div class="num">{{ debitCardAnalysis.twoYearCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近2年刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.twoYearAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近5年交易次数</div>
+        <div class="num">{{ debitCardAnalysis.fiveYearCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">近5年刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.fiveYearAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+  <div class="header-con" ref="searchHeightRef">
+    <div class="item">
+      <img src="@/static/images/one.png" alt="" />
+      <div class="info-sum">
+        <div class="title">总交易次数</div>
+        <div class="num">{{ debitCardAnalysis.totalCount }}<span>次</span></div>
+      </div>
+    </div>
+    <div class="item" >
+      <img src="@/static/images/ticketSum.png" alt="" />
+      <div class="info-sum">
+        <div class="title">总刷卡金额</div>
+        <div class="num">{{ debitCardAnalysis.totalAmount }}<span>元</span></div>
+      </div>
+    </div>
+  </div>
+
+
+  <div></div>
+</div>
+    <u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
+      <u-list-item v-for="(item, index) in listData" :key="index">
+        <view class="list-item">
+          <view class="item-header">
+            <u--text  lines="2" 
+              :text="item.nameCode" size="30rpx" color="#333333" ></u--text>
+          </view>
+          <view class="item-row">
+          <text class="row-label">今日交易次数：</text>
+          <text class="row-value">{{ item.todayCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">今日刷卡金额：</text>
+          <text class="row-value">{{ item.todayAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近7日交易次数：</text>
+          <text class="row-value">{{ item.sevenDayCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近7日刷卡金额：</text>
+          <text class="row-value">{{ item.sevenDayAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近1月交易次数：</text>
+          <text class="row-value">{{ item.oneMonthCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近1月刷卡金额：</text>
+          <text class="row-value">{{ item.oneMonthAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近3月交易次数：</text>
+          <text class="row-value">{{ item.threeMonthCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近3月刷卡金额：</text>
+          <text class="row-value">{{ item.threeMonthAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近6月交易次数：</text>
+          <text class="row-value">{{ item.sixMonthCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近6月刷卡金额：</text>
+          <text class="row-value">{{ item.sixMonthAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近1年交易次数：</text>
+          <text class="row-value">{{ item.oneYearCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近1年刷卡金额：</text>
+          <text class="row-value">{{ item.oneYearAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近2年交易次数：</text>
+          <text class="row-value">{{ item.twoYearCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近2年刷卡金额：</text>
+          <text class="row-value">{{ item.twoYearAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近5年交易次数：</text>
+          <text class="row-value">{{ item.fiveYearCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">近5年刷卡金额：</text>
+          <text class="row-value">{{ item.fiveYearAmount }} 元</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">总交易次数：</text>
+          <text class="row-value">{{ item.totalCount }} 次</text>
+        </view>
+        <view class="item-row">
+          <text class="row-label">总刷卡金额：</text>
+          <text class="row-value">{{ item.totalAmount }} 元</text>
+        </view>
+        </view>
+      </u-list-item>
+      <view>
+      </view>
+    </u-list>
+    <u-picker itemHeight="88" :show="settingPickShow" :columns="settingColumns" keyName="settingName"
+      @confirm="settingConfirm" @cancel="settingCancel"></u-picker>
+  </view>
+  <!-- 悬停按钮返回工作台-->
+    <suspend></suspend>
+    <refresh></refresh>
+</template>
+
+<script setup>
+import { getPosStatics } from '@/api/invest/statisticAnalysis'
+import { getDicts } from '@/api/system/dict/data.js'
+import {onLoad,onShow} from "@dcloudio/uni-app";
+import auth from "@/plugins/auth"; // 建议使用auth进行鉴权操作
+    // 计算属性与监听属性是在vue中而非uniap中 需要注意！！！
+import {reactive ,toRefs,ref,computed }from "vue";
+const listData = ref([])
+const isShow = ref(false)
+const settingPickShow = ref(false)
+const settingColumns = ref([])
+
+const debitCardAnalysis = ref({})
+const data = reactive({
+  filterPanel: false,
+  queryParams: {
+  type: 1,
+  time: null,
+  dataType: null,
+  id: null
+   } 
+})
+const { filterPanel, queryParams} = toRefs(data)
+const windowHeight = computed(() => {
+            uni.getSystemInfoSync().windowHeight - 50
+        })	
+onLoad(() => {
+    getList()
+  });
+
+ onShow(() => {
+    if (isShow.value) {
+    listData.value=[]
+      getList()
+      isShow.value = false
+    }
+  });
+
+function getList() {
+      getPosStatics({...queryParams.value }).then(res => {
+          debitCardAnalysis.value = { ...res.data }
+        listData.value = listData.value.concat(res.data.posTableList)
+      }).catch(() => {
+      })
+    }
+function settingConfirm(e) {
+      queryParams.value.settingId = e.value[0].settingId
+      queryParams.value.settingName = e.value[0].settingName
+      settingPickShow.value = false
+    }
+function settingCancel() {
+      settingPickShow.value = false
+    }
+
+</script>
+
+<style lang="scss" scoped>
+
+.app-container {
+.header-con {
+  width: 100%;
+  height: 100px;
+  background-color: #ffffff;
+  margin-bottom: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .item {
+    width: 50%;
+    height: 100%;
+    display: flex;
+    position: relative;
+    align-items: center;
+    margin: 5px 10px 5px 10px;
+    .title {
+      margin-left: 5px;
+      color: rgb(133, 133, 148);
+      margin-bottom: 5px;
+      font-size: 14px;
+    }
+    .num {
+      margin-left: 5px;
+      font-weight: bold;
+      font-size: 14px;
+    }
+  }
+  img {
+    height: 30px;
+    width: 30px;
+  }
+}
+.header-title {
+  width: 100%;
+  height: 30px;
+  background-color: #ffffff;
+  margin-bottom: 3px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+}
+}
+.btnAdd {
+      width: 146rpx;
+      height: 56rpx;
+      line-height: 56rpx;
+      border-radius: 8rpx;
+      display:float;
+      text-align: center;
+    }
+
+.search-view {
+  padding: 12rpx 32rpx;
+  background-color: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+
+  .search-input {
+    background: #F5F5F5;
+    color: #333333;
+    margin-right: 36rpx;
+  }
+
+  .filter-panel {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 96rpx;
+    background-color: rgba(0, 0, 0, 0.5);
+
+    .filter-panel-content {
+      background-color: #ffff;
+      padding: 0 30rpx 30rpx;
+
+      .filter-title {
+        color: #000000;
+        font-size: 30rpx;
+        font-weight: 500;
+        padding: 30rpx 0;
+      }
+
+      .state-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+
+        .state-item {
+          width: 210rpx;
+          height: 72rpx;
+          border: 1rpx solid rgba(0, 0, 0, 0.25);
+          border-radius: 72rpx;
+          text-align: center;
+          line-height: 72rpx;
+          margin: 0 20rpx 20rpx 0;
+          font-size: 28rpx;
+          color: #000000;
+        }
+
+        .active {
+          background-color: rgba(222, 241, 255, 1);
+          border: 1rpx solid rgba(22, 119, 255, 1);
+        }
+      }
+    }
+
+    .btn-box {
+      display: flex;
+      padding: 24rpx 30rpx;
+      background-color: #fff;
+      box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
+    }
+  }
+}
+
+.list-item {
+  margin: 0 24rpx 24rpx;
+  padding: 32rpx;
+  background-color: #fff;
+
+  .item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: 16rpx;
+
+    .status {
+      .status-item {
+        width: 120rpx;
+        height: 44rpx;
+        text-align: center;
+        line-height: 44rpx;
+        border-radius: 4rpx;
+        font-size: 24rpx;
+      }
+
+      .status1 {
+        background: #F0F0F0;
+        color: #8C8C8C;
+      }
+
+      .status2 {
+        background: rgba(38, 129, 255, 0.2);
+        color: #2681FF;
+      }
+
+      .status3 {
+        background: #F7F7F7;
+        color: #2681FF;
+      }
+
+      .status4 {
+        background: rgba(255, 85, 51, 0.2);
+        color: #FF5533;
+      }
+
+      .status5 {
+        background: #F7F7F7;
+        color: rgba(0, 0, 0, 0.85);
+      }
+
+      .status7 {
+        background: rgba(255, 129, 51, 0.2);
+        color: #FF8133;
+      }
+
+      .status8 {
+        background: rgba(65, 217, 165, 0.2);
+        color: #41D9A5;
+      }
+    }
+  }
+
+  .item-row {
+    padding: 16rpx 0;
+
+    .row-label {
+      color: rgba(0, 0, 0, 0.55);
+    }
+
+    .row-value {
+      color: rgba(0, 0, 0, 0.85)
+    }
+  }
+
+  .operate {
+    display: flex;
+    justify-content: flex-end;
+
+    .btn {
+      width: 146rpx;
+      height: 56rpx;
+      line-height: 56rpx;
+      border-radius: 8rpx;
+      margin-left: 5rpx;
+      text-align: center;
+    }
+
+    .circulation {
+      background: rgba(0, 0, 0, 0.04);
+      margin-right: 24rpx;
+      color: rgba(0, 0, 0, 0.85);
+    }
+
+    .filling {
+      background: #2681FF;
+      border-radius: 8rpx;
+      color: #FFFFFF;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/statistic/index.vue b/src/pages/statistic/index.vue
index 1691826..9d9a90f 100644
--- a/src/pages/statistic/index.vue
+++ b/src/pages/statistic/index.vue
@@ -54,7 +54,9 @@
         { path: '/pages/statistic/accounts/investDealAnalysis/index', text: '投资收益统计', icon: 'arrow-down', permission: 'invest:investDealAnalysis:list'  },
         { path: '/pages/statistic/bill/onlineLendAnalysis/index', text: '贷款待还统计', icon: 'cloud-upload', permission: 'invest:onlineLendAnalysis:list'  },
         { path: '/pages/statistic/bill/creditInstallmentAnalysis/index', text: '信用卡分期待还', icon: 'map-filled', permission: 'invest:creditInstallment:list'  },
-        { path: '/pages/statistic/bill/creditRecordAnalysis/index', text: '征信查询统计', icon: 'search', permission: 'invest:creditRecordAnalysis:list'  }
+        { path: '/pages/statistic/bill/creditRecordAnalysis/index', text: '征信查询统计', icon: 'search', permission: 'invest:creditRecordAnalysis:list'  },
+        { path: '/pages/statistic/accounts/debitCardAnalysis/index', text: '结算卡统计', icon: 'shop-filled' , permission: 'invest:debitCardAnalysis:list' },
+        { path: '/pages/statistic/accounts/posStatics/index', text: 'POS机统计', icon: 'shop-filled' , permission: 'invest:posStatics:list' },
       ])
   const billGridList=ref([
         // { path: '/pages/page1/page1', text: '账户总览', icon: 'person-filled', permission: 'invest:accountAnalysis:list'  },
@@ -76,6 +78,8 @@
         { path: '/pages/statistic/accounts/investDealAnalysis/index', text: '投资收益统计', icon: 'arrow-down', permission: 'invest:investDealAnalysis:list'  },
         { path: '/pages/statistic/accounts/accountDealAnalysis/index', text: '账户收支统计', icon: 'person', permission: 'invest:accountDealAnalysis:list'  },
         { path: '/pages/statistic/accounts/dailyExpensesAnalysis/index', text: '日常支出统计', icon: 'wallet' , permission: 'invest:dailyExpensesAnalysis:list' },
+        { path: '/pages/statistic/accounts/debitCardAnalysis/index', text: '结算卡统计', icon: 'shop-filled' , permission: 'invest:debitCardAnalysis:list' },
+        { path: '/pages/statistic/accounts/posStatics/index', text: 'POS机统计', icon: 'shop-filled' , permission: 'invest:posStatics:list' },
       ])
 
 	function navigateTo(path) {