From e5a8b1db3c1bffc1fc14a780168b81dbe8a07854 Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Fri, 20 Feb 2026 02:42:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=BC=E5=BC=8F=E5=8C=96=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E4=BF=AE=E5=A4=8D=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/invest/accountBigScreen/index.vue | 76 ++++++---------------
 1 file changed, 22 insertions(+), 54 deletions(-)

diff --git a/src/views/invest/accountBigScreen/index.vue b/src/views/invest/accountBigScreen/index.vue
index c4350ec..1f9ae75 100644
--- a/src/views/invest/accountBigScreen/index.vue
+++ b/src/views/invest/accountBigScreen/index.vue
@@ -259,47 +259,15 @@
       <div class="bs-row bs-row-weekly">
         <div class="bs-chart-wrapper">
           <div class="bs-chart-tabs">
-            <span
-              :class="['bs-chart-tab', { active: expenseActiveTab === 'week' }]"
-              @click="
-                expenseActiveTab = 'week'
-                initWeeklyExpenseChart()
-              "
-            >
-              近一周日常支出趋势
-            </span>
-            <span
-              :class="['bs-chart-tab', { active: expenseActiveTab === 'month' }]"
-              @click="
-                expenseActiveTab = 'month'
-                initWeeklyExpenseChart()
-              "
-            >
-              近一月日常支出趋势
-            </span>
+            <span :class="['bs-chart-tab', { active: expenseActiveTab === 'week' }]" @click="switchExpenseTab('week')"> 近一周日常支出趋势 </span>
+            <span :class="['bs-chart-tab', { active: expenseActiveTab === 'month' }]" @click="switchExpenseTab('month')"> 近一月日常支出趋势 </span>
           </div>
           <div class="bs-chart" id="weeklyExpenseChart"></div>
         </div>
         <div class="bs-chart-wrapper">
           <div class="bs-chart-tabs">
-            <span
-              :class="['bs-chart-tab', { active: investIncomeActiveTab === 'week' }]"
-              @click="
-                investIncomeActiveTab = 'week'
-                initWeeklyInvestIncomeChart()
-              "
-            >
-              近一周投资收益趋势
-            </span>
-            <span
-              :class="['bs-chart-tab', { active: investIncomeActiveTab === 'month' }]"
-              @click="
-                investIncomeActiveTab = 'month'
-                initWeeklyInvestIncomeChart()
-              "
-            >
-              近一月投资收益趋势
-            </span>
+            <span :class="['bs-chart-tab', { active: investIncomeActiveTab === 'week' }]" @click="switchInvestIncomeTab('week')"> 近一周投资收益趋势 </span>
+            <span :class="['bs-chart-tab', { active: investIncomeActiveTab === 'month' }]" @click="switchInvestIncomeTab('month')"> 近一月投资收益趋势 </span>
           </div>
           <div class="bs-chart" id="weeklyInvestIncomeChart"></div>
         </div>
@@ -309,24 +277,8 @@
       <div class="bs-row bs-row-credit">
         <div class="bs-chart-wrapper">
           <div class="bs-chart-tabs">
-            <span
-              :class="['bs-chart-tab', { active: balanceActiveTab === 'week' }]"
-              @click="
-                balanceActiveTab = 'week'
-                initBalanceChart()
-              "
-            >
-              近一周账户收支统计
-            </span>
-            <span
-              :class="['bs-chart-tab', { active: balanceActiveTab === 'month' }]"
-              @click="
-                balanceActiveTab = 'month'
-                initBalanceChart()
-              "
-            >
-              近一月账户收支统计
-            </span>
+            <span :class="['bs-chart-tab', { active: balanceActiveTab === 'week' }]" @click="switchBalanceTab('week')"> 近一周账户收支统计 </span>
+            <span :class="['bs-chart-tab', { active: balanceActiveTab === 'month' }]" @click="switchBalanceTab('month')"> 近一月账户收支统计 </span>
           </div>
           <div class="bs-chart" id="balanceChart"></div>
         </div>
@@ -528,6 +480,22 @@ let openCardChart = null
 let netAssetTrendChart = null
 let posCardChart = null
 
+// 切换Tab的方法
+const switchExpenseTab = (tab) => {
+  expenseActiveTab.value = tab
+  initWeeklyExpenseChart()
+}
+
+const switchInvestIncomeTab = (tab) => {
+  investIncomeActiveTab.value = tab
+  initWeeklyInvestIncomeChart()
+}
+
+const switchBalanceTab = (tab) => {
+  balanceActiveTab.value = tab
+  initBalanceChart()
+}
+
 const initAssetStructureChart = () => {
   const el = document.getElementById('assetStructureChart')
   if (!el) return