From dac4df1580b559def0c88ec8f51e52d2f6726afc Mon Sep 17 00:00:00 2001
From: yuzongping <835949940@qq.com>
Date: Fri, 6 Jun 2025 15:04:04 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E9=87=91=E6=94=AF=E5=87=BA=E5=88=86?=
 =?UTF-8?q?=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../capital/comps/left/bottom/1/index.html      | 10 +++++++++-
 src/views/capital/comps/left/bottom/1/index.js  | 11 +++++++++++
 .../capital/comps/left/bottom/1/index.scss      | 17 +++++++++++++++++
 .../capital/comps/left/middle/1/index.html      | 16 ++++++++--------
 4 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/src/views/capital/comps/left/bottom/1/index.html b/src/views/capital/comps/left/bottom/1/index.html
index 31da72e..86b7673 100644
--- a/src/views/capital/comps/left/bottom/1/index.html
+++ b/src/views/capital/comps/left/bottom/1/index.html
@@ -1,3 +1,11 @@
 <Pannel title="资金支出分析" height="340">
-  
+  <div class="full">
+    <div class="top">
+      <PannelTabs @change="tabChange" ></PannelTabs>
+    </div>
+    <div class="buttom">
+      <LineCharts v-if="tabIndex === '1'" id="otherline"></LineCharts>
+      <PieCharts v-if="tabIndex === '2'" id="otherpie"></PieCharts>
+    </div>
+  </div>
 </Pannel>
\ No newline at end of file
diff --git a/src/views/capital/comps/left/bottom/1/index.js b/src/views/capital/comps/left/bottom/1/index.js
index d3863a7..f436a1c 100644
--- a/src/views/capital/comps/left/bottom/1/index.js
+++ b/src/views/capital/comps/left/bottom/1/index.js
@@ -1,11 +1,18 @@
 import Pannel from '@/components/pannel/index.vue';
+import PannelTabs from '@/components/pannel-tabs/index.vue';
+import LineCharts from '@/components/charts/line/index.vue';
+import PieCharts from '@/components/charts/pie/index.vue';
 
 export default {
   components: {
+    LineCharts,
+    PieCharts,
+    PannelTabs,
     Pannel
   },
   data () {
     return {
+      tabIndex: '1'
     };
   },
   created () {
@@ -13,5 +20,9 @@ export default {
   mounted () {
   },
   methods: {
+    tabChange (info) {
+      console.log(info);
+      this.tabIndex = info.id
+    }
   }
 };
diff --git a/src/views/capital/comps/left/bottom/1/index.scss b/src/views/capital/comps/left/bottom/1/index.scss
index e69de29..938adcd 100644
--- a/src/views/capital/comps/left/bottom/1/index.scss
+++ b/src/views/capital/comps/left/bottom/1/index.scss
@@ -0,0 +1,17 @@
+.full {
+  display: flex;
+  flex-direction: column;
+
+  .top {
+    height: 50px !important;
+    width: 100%;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: flex-end;
+  }
+
+  .buttom {
+    flex: 1;
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/capital/comps/left/middle/1/index.html b/src/views/capital/comps/left/middle/1/index.html
index f15faf2..a914aa5 100644
--- a/src/views/capital/comps/left/middle/1/index.html
+++ b/src/views/capital/comps/left/middle/1/index.html
@@ -1,11 +1,11 @@
 <Pannel title="资金收入分析" height="340">
-    <div class="full">
-      <div class="top">
-        <PannelTabs @change="tabChange"></PannelTabs>
-      </div>
-      <div class="buttom">
-        <LineCharts v-if="tabIndex === '1'"></LineCharts>
-        <PieCharts v-if="tabIndex === '2'"></PieCharts>
-      </div>
+  <div class="full">
+    <div class="top">
+      <PannelTabs @change="tabChange"></PannelTabs>
     </div>
+    <div class="buttom">
+      <LineCharts v-if="tabIndex === '1'"></LineCharts>
+      <PieCharts v-if="tabIndex === '2'"></PieCharts>
+    </div>
+  </div>
 </Pannel>
\ No newline at end of file