资金往来不规范预警排名

src/views/capital/comps/right/bottom/2/index.html

@@ -1,4 +1,11 @@
 
-<Pannel>
-  
+<Pannel title="资金往来不规范预警排名" height="305">
+  <div class="full">
+    <div class="top">
+      <PannelTabs :data="pannelTabsData" @change="tabChange"></PannelTabs>
+    </div>
+    <div class="buttom">
+      <ScrollTable :headers="headers" :bodyHeight="160"></ScrollTable>
+    </div>
+  </div>
 </Pannel>

src/views/capital/comps/right/bottom/2/index.js

@@ -1,11 +1,26 @@
 import Pannel from '@/components/pannel/index.vue';
-
+import ScrollTable from '@/components/scroll-table/index.vue';
+import PannelTabs from '@/components/pannel-tabs/index.vue';
 export default {
   components: {
+    PannelTabs,
+    ScrollTable,
     Pannel
   },
   data () {
     return {
+      pannelTabsData: [
+        {
+          id: '1',
+          name: '支出'
+        },
+        {
+          id: '2',
+          name: '收入'
+        }
+      ],
+      tabIndex: '1',
+      headers: ['部门名称', '支出金额', '排名']
     };
   },
   created () {
@@ -13,5 +28,8 @@ export default {
   mounted () {
   },
   methods: {
+    tabChange (info) {
+      this.tabIndex = info.id
+    }
   }
 };

src/views/capital/comps/right/bottom/2/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%;
+  }
+}

src/views/capital/comps/right/middle/2/index.html

@@ -1,5 +1,5 @@
 
-<Pannel title="资金往来敏感词预警排名" height="340">
+<Pannel title="资金往来敏感词预警排名" height="305">
   <div class="full">
     <div class="top">
       <PannelTabs :data="pannelTabsData" @change="tabChange"></PannelTabs>

src/views/capital/comps/right/top/2/index.html

@@ -1,4 +1,4 @@
 
-<Pannel title="资金支出大额预警排名" height="340">
+<Pannel title="资金支出大额预警排名" height="305">
   <ScrollTable :headers="headers"></ScrollTable>
 </Pannel>

src/views/capital/data.js

@@ -20,7 +20,7 @@ export const comps = {
     'right': [
       'Right12',
       'Right22',
-      ''
+      'Right32'
     ]
   }
 }

src/views/capital/index.js

@@ -10,6 +10,7 @@ import Right31 from './comps/right/bottom/1/index.vue';
 
 import Right12 from './comps/right/top/2/index.vue';
 import Right22 from './comps/right/middle/2/index.vue';
+import Right32 from './comps/right/bottom/2/index.vue';
 
 import { getConfigKey } from "@/api/system/config";
 import { getInfo } from "@/api/login";
@@ -29,7 +30,8 @@ export default {
     Right21,
     Right31,
     Right12,
-    Right22
+    Right22,
+    Right32
   },
   data () {
     return {