From b3a2b475b5aec0a7d6dea520877fac4cf7c53c17 Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Tue, 29 Apr 2025 13:02:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BC=80=E5=8D=A1=E8=AE=B0=E5=BD=95bug?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../accounts/openCardStatics/index.vue        | 75 +++++++++++--------
 1 file changed, 45 insertions(+), 30 deletions(-)

diff --git a/src/pages/statistic/accounts/openCardStatics/index.vue b/src/pages/statistic/accounts/openCardStatics/index.vue
index a434e01..ebe37aa 100644
--- a/src/pages/statistic/accounts/openCardStatics/index.vue
+++ b/src/pages/statistic/accounts/openCardStatics/index.vue
@@ -59,44 +59,44 @@
       </u-sticky>
         <div class="app-container" style="overflow: auto">
         
-    <div class="header-con" v-show ="accountsList.length>0" ref="searchHeightRef">
-      <div class="item"  v-show ="accountsList.length>0">
+    <div class="header-con" v-show ="oneCount>0" ref="searchHeightRef">
+      <div class="item"  v-show ="oneCount>0">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">{{ getNameAndCounts(0).name  }}</div>
-          <div class="num">{{ getNameAndCounts(0).count }}<span>张</span></div>
+          <div class="title">{{ oneName  }}</div>
+          <div class="num">{{ oneCount }}<span>张</span></div>
         </div>
       </div>
-      <div class="item"  v-show ="accountsList.length>1">
+      <div class="item" v-show ="twoCount>0">
         <img src="@/static/images/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">{{  getNameAndCounts(1).name  }}</div>
-          <div class="num">{{  getNameAndCounts(1).count }}<span>张</span></div>
+          <div class="title">{{  twoName  }}</div>
+          <div class="num">{{  twoCount }}<span>张</span></div>
         </div>
       </div>
     </div>
-    <div class="header-con" v-show ="accountsList.length>2" ref="searchHeightRef">
-      <div class="item"  v-show ="accountsList.length>2">
+    <div class="header-con" v-show ="threeCount>0" ref="searchHeightRef">
+      <div class="item"  v-show ="threeCount>0">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">{{getNameAndCounts(2).name  }}</div>
-          <div class="num">{{ getNameAndCounts(2).count }}<span>张</span></div>
+          <div class="title">{{threeName }}</div>
+          <div class="num">{{ threeCount }}<span>张</span></div>
         </div>
       </div>
-      <div class="item"   v-show ="accountsList.length>3">
+      <div class="item"   v-show ="fourCount>0">
         <img src="@/static/images/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">{{ getNameAndCounts(3).name  }}</div>
-          <div class="num">{{ getNameAndCounts(3).count }}<span>张</span></div>
+          <div class="title">{{ fourName  }}</div>
+          <div class="num">{{ fourCount }}<span>张</span></div>
         </div>
       </div>
     </div>
-    <div class="header-con" v-show ="accountsList.length>4" ref="searchHeightRef">
-      <div class="item" v-show ="accountsList.length>4">
+    <div class="header-con" v-show ="fiveCount>0" ref="searchHeightRef">
+      <div class="item" v-show ="fiveCount>0">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">{{ getNameAndCounts(4).name  }}</div>
-          <div class="num">{{ getNameAndCounts(4).count }}<span>张</span></div>
+          <div class="title">{{ fiveName  }}</div>
+          <div class="num">{{ fiveCount }}<span>张</span></div>
         </div>
       </div>
     </div>
@@ -139,6 +139,16 @@
   const isShow = ref(false)
   const accountsList = ref([])
   const timeShow= ref(false)
+  const oneName= ref("")
+  const oneCount= ref(0)
+  const twoName= ref("")
+  const twoCount= ref(0)
+  const threeName= ref("")
+  const threeCount= ref(0)
+  const fourName= ref("")
+  const fourCount= ref(0)
+  const fiveName= ref("")
+  const fiveCount= ref(0)
   const time =ref( Number(new Date()))
   const  flag= ref(true)
   const account = ref({
@@ -190,18 +200,6 @@
   }
 }
 
-function getNameAndCounts(i) {
-  
-  if (accountsList.value != null&&accountsList.value != '') 
-  { 
-    if(accountsList.value.length>i){
-      return accountsList.value[i]
-    }
-  }
-  else{
-    return {name:"",count:""}
-  }
-}
 
 function  openOrCloseDate(data) {
       timeShow.value = !timeShow.value
@@ -237,6 +235,23 @@ function searchSubmit() {
             account.value = { ...res.data }
           listData.value = listData.value.concat(res.data.tableDebitList)
           accountsList.value =  accountsList.value.concat(res.data.accountsList)
+          if(accountsList.value.length>0){
+           oneName.value= accountsList.value[0].name
+           oneCount.value= accountsList.value[0].count
+          }
+          if(accountsList.value.length>1){
+           twoName.value= accountsList.value[1].name
+           twoCount.value= accountsList.value[1].count
+          }
+          if(accountsList.value.length>2){
+           threeName.value= accountsList.value[2].name
+           threeCount.value= accountsList.value[2].count
+          }
+          if(accountsList.value.length>=3){
+           fourName.value= accountsList.value[3].name
+           fourCount.value= accountsList.value[3].count
+          }
+          
         }).catch(() => {
         })
       }