fix: 格式化问题修复。

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
+            <span :class="['bs-chart-tab', { active: expenseActiveTab === 'week' }]" @click="switchExpenseTab('week')"> 近一周日常支出趋势 </span>
-              :class="['bs-chart-tab', { active: expenseActiveTab === 'week' }]"
+            <span :class="['bs-chart-tab', { active: expenseActiveTab === 'month' }]" @click="switchExpenseTab('month')"> 近一月日常支出趋势 </span>
-              @click="
-                expenseActiveTab = 'week'
-                initWeeklyExpenseChart()
-              "
-            >
-              近一周日常支出趋势
-            </span>
-            <span
-              :class="['bs-chart-tab', { active: expenseActiveTab === 'month' }]"
-              @click="
-                expenseActiveTab = 'month'
-                initWeeklyExpenseChart()
-              "
-            >
-              近一月日常支出趋势
-            </span>
           </div>
           <div class="bs-chart" id="weeklyExpenseChart"></div>
         </div>
         <div class="bs-chart-wrapper">
           <div class="bs-chart-tabs">
-            <span
+            <span :class="['bs-chart-tab', { active: investIncomeActiveTab === 'week' }]" @click="switchInvestIncomeTab('week')"> 近一周投资收益趋势 </span>
-              :class="['bs-chart-tab', { active: investIncomeActiveTab === 'week' }]"
+            <span :class="['bs-chart-tab', { active: investIncomeActiveTab === 'month' }]" @click="switchInvestIncomeTab('month')"> 近一月投资收益趋势 </span>
-              @click="
-                investIncomeActiveTab = 'week'
-                initWeeklyInvestIncomeChart()
-              "
-            >
-              近一周投资收益趋势
-            </span>
-            <span
-              :class="['bs-chart-tab', { active: investIncomeActiveTab === 'month' }]"
-              @click="
-                investIncomeActiveTab = 'month'
-                initWeeklyInvestIncomeChart()
-              "
-            >
-              近一月投资收益趋势
-            </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
+            <span :class="['bs-chart-tab', { active: balanceActiveTab === 'week' }]" @click="switchBalanceTab('week')"> 近一周账户收支统计 </span>
-              :class="['bs-chart-tab', { active: balanceActiveTab === 'week' }]"
+            <span :class="['bs-chart-tab', { active: balanceActiveTab === 'month' }]" @click="switchBalanceTab('month')"> 近一月账户收支统计 </span>
-              @click="
-                balanceActiveTab = 'week'
-                initBalanceChart()
-              "
-            >
-              近一周账户收支统计
-            </span>
-            <span
-              :class="['bs-chart-tab', { active: balanceActiveTab === 'month' }]"
-              @click="
-                balanceActiveTab = 'month'
-                initBalanceChart()
-              "
-            >
-              近一月账户收支统计
-            </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