From 637085b2aaf9cfec502d8bcf1fda0f4102404c96 Mon Sep 17 00:00:00 2001
From: yuzongping <835949940@qq.com>
Date: Mon, 9 Jun 2025 15:47:10 +0800
Subject: [PATCH] =?UTF-8?q?xx=E9=A2=84=E8=AD=A6=E6=B8=85=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/scroll-table/index.html        |  2 ++
 src/components/scroll-table/index.js          |  7 ++++++
 src/style/_base.scss                          |  8 ++++++
 src/views/capital/comps/buttom/2/index.html   |  4 +++
 src/views/capital/comps/buttom/2/index.js     | 25 +++++++++++++++++++
 src/views/capital/comps/buttom/2/index.scss   | 17 +++++++++++++
 src/views/capital/comps/buttom/2/index.vue    |  4 +++
 .../capital/comps/left/bottom/2/index.html    |  2 +-
 src/views/capital/data.js                     |  5 ++++
 src/views/capital/index.html                  |  3 +++
 src/views/capital/index.js                    |  4 ++-
 11 files changed, 79 insertions(+), 2 deletions(-)
 create mode 100644 src/views/capital/comps/buttom/2/index.html
 create mode 100644 src/views/capital/comps/buttom/2/index.js
 create mode 100644 src/views/capital/comps/buttom/2/index.scss
 create mode 100644 src/views/capital/comps/buttom/2/index.vue

diff --git a/src/components/scroll-table/index.html b/src/components/scroll-table/index.html
index b8187a8..b7d178c 100644
--- a/src/components/scroll-table/index.html
+++ b/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>
diff --git a/src/components/scroll-table/index.js b/src/components/scroll-table/index.js
index 2d1f1f0..6e362d3 100644
--- a/src/components/scroll-table/index.js
+++ b/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)
+    }
   }
 };
diff --git a/src/style/_base.scss b/src/style/_base.scss
index d028b89..3bddb7c 100644
--- a/src/style/_base.scss
+++ b/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 {
diff --git a/src/views/capital/comps/buttom/2/index.html b/src/views/capital/comps/buttom/2/index.html
new file mode 100644
index 0000000..8a0c469
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/views/capital/comps/buttom/2/index.js b/src/views/capital/comps/buttom/2/index.js
new file mode 100644
index 0000000..795b1b9
--- /dev/null
+++ b/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 () {
+
+    }
+  }
+};
diff --git a/src/views/capital/comps/buttom/2/index.scss b/src/views/capital/comps/buttom/2/index.scss
new file mode 100644
index 0000000..938adcd
--- /dev/null
+++ b/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%;
+  }
+}
\ No newline at end of file
diff --git a/src/views/capital/comps/buttom/2/index.vue b/src/views/capital/comps/buttom/2/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/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>
diff --git a/src/views/capital/comps/left/bottom/2/index.html b/src/views/capital/comps/left/bottom/2/index.html
index 7ca0fad..c257077 100644
--- a/src/views/capital/comps/left/bottom/2/index.html
+++ b/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>
diff --git a/src/views/capital/data.js b/src/views/capital/data.js
index f1ba2c7..3d02ada 100644
--- a/src/views/capital/data.js
+++ b/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'
     ]
   }
 }
\ No newline at end of file
diff --git a/src/views/capital/index.html b/src/views/capital/index.html
index e191282..171be4f 100644
--- a/src/views/capital/index.html
+++ b/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>
diff --git a/src/views/capital/index.js b/src/views/capital/index.js
index 8a62cba..1a38b44 100644
--- a/src/views/capital/index.js
+++ b/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 {