xx预警清单

src/components/scroll-table/index.html

@@ -2,11 +2,13 @@
   <div class="table_show">
       <div class="table_header table_one clearfix">
         <div v-for="header in headers" :key="header" class="item test_center">{{header}}</div>
+        <div v-if="details" class="item test_center">操作</div>
       </div>
       <div class="table_bodyer" :style="[bodyStyle]">
         <scroll :data="data" class="seamless-warp" :class-option="swiperOption">
           <div v-for="(line, index) in data" class="table_one clearfix item_height">
             <div v-for="(item, index) in line" class="item test_center ellipsis_1" >{{item }}</div>
+            <div v-if="details" class="item test_center ellipsis_1" @cilck="lineClick(line)">查看详情</div>
           </div>
         </scroll>
       </div>

src/components/scroll-table/index.js

@@ -8,6 +8,10 @@ export default {
     };
   },
   props: {
+    details: {
+      type: Boolean,
+      default: false
+    },
     width: {
       type: [String, Number],
       default: '100%'
@@ -74,5 +78,8 @@ export default {
   created () {
   },
   methods: {
+    lineClick (line) {
+      this.$emit('lineClick', line)
+    }
   }
 };

src/style/_base.scss

@@ -37,6 +37,14 @@ body {
     top: 100px;
     bottom: 20px;
   }
+
+  .buttom_side {
+    border: 1px solid red;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 20px;
+  }
 }
 
 .scrollbar::-webkit-scrollbar {

src/views/capital/comps/buttom/2/index.html

@@ -0,0 +1,4 @@
+
+<Pannel title="xx预警清单" height="305" width="960">
+  <ScrollTable :headers="headers" :data="data" details></ScrollTable>
+</Pannel>

src/views/capital/comps/buttom/2/index.js

@@ -0,0 +1,25 @@
+import Pannel from '@/components/pannel/index.vue';
+import ScrollTable from '@/components/scroll-table/index.vue';
+export default {
+  components: {
+    ScrollTable,
+    Pannel
+  },
+  data () {
+    return {
+      headers: ['摘要', '日期', '借方金额', '贷方金额'],
+      data: [
+        ['摘要内容摘要内容摘要内容摘要内容摘要内容摘', '2025-12', '234', '3434']
+      ]
+    };
+  },
+  created () {
+  },
+  mounted () {
+  },
+  methods: {
+    tabChange () {
+
+    }
+  }
+};

src/views/capital/comps/buttom/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/buttom/2/index.vue

@@ -0,0 +1,4 @@
+<template src='./index.html'/>
+<script lang='js' src='./index.js'></script>
+<style lang='scss' src='./index.scss' scoped>
+</style>

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

@@ -1,5 +1,5 @@
 
-<Pannel title="资金往来不规范预警分析" height="340">
+<Pannel title="资金往来不规范预警分析" height="305">
   <div class="full">
     <div class="top">
       <PannelTabs @change="tabChange" :data="pannelTabsData"></PannelTabs>

src/views/capital/data.js

@@ -9,6 +9,8 @@ export const comps = {
       'Right11',
       'Right21',
       'Right31',
+    ],
+    'buttom': [
     ]
   },
   '2': {
@@ -21,6 +23,9 @@ export const comps = {
       'Right12',
       'Right22',
       'Right32'
+    ],
+    'buttom': [
+      'Bottom2'
     ]
   }
 }

src/views/capital/index.html

@@ -11,4 +11,7 @@
   <div class="right_side col space_between">
     <component :is="item" v-for="(item, index) in currentComp.right" :key="index"></component>
   </div>
+  <div class="buttom_side row space_between">
+    <component :is="item" v-for="(item, index) in currentComp.buttom" :key="index"></component>
+  </div>
 </div>

src/views/capital/index.js

@@ -14,6 +14,7 @@ import Left32 from './comps/left/bottom/2/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 Bottom2 from './comps/buttom/2/index.vue';
 
 import { getConfigKey } from "@/api/system/config";
 import { getInfo } from "@/api/login";
@@ -37,7 +38,8 @@ export default {
     Left32,
     Right12,
     Right22,
-    Right32
+    Right32,
+    Bottom2
   },
   data () {
     return {