From b2ea9a84701e62c84c6cd497ec9b5b66c85b8834 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 26 十一月 2024 09:18:58 +0800
Subject: [PATCH] 财务
---
admin/src/views/finance/components/bullDetail.vue | 227 ++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 152 insertions(+), 75 deletions(-)
diff --git a/admin/src/views/finance/components/bullDetail.vue b/admin/src/views/finance/components/bullDetail.vue
index 8eec8dd..2f99054 100644
--- a/admin/src/views/finance/components/bullDetail.vue
+++ b/admin/src/views/finance/components/bullDetail.vue
@@ -4,134 +4,205 @@
<div class="home_title">
<div class="left">
<span class="mr10">浠樻鏂癸細xxx</span>
- <span class="status">status</span>
+ <el-tag type="success">status</el-tag>
</div>
- <el-button plain type="primary">鏂板缓鏀舵敮娴佹按</el-button>
+ <el-button plain type="primary" @click="$refs.flowingWater.open('鍒涘缓鏀舵敮娴佹按')">鏂板缓鏀舵敮娴佹按</el-button>
</div>
- <div class="remark">
- <div class="item">
- <div class="la">璐﹀崟鐘舵��</div>
- <div class="val">宸茬粨娓�</div>
+ <div class="line"></div>
+ <div class="main">
+ <div class="list" style="background: rgba(0,0,0,0); padding: 0; margin-bottom: 0;">
+ <div class="item" style="flex: 1;">
+ <div class="la">缁撴竻鐘舵��</div>
+ <div class="val" style="margin-top: 10px;">宸茬粨娓�</div>
+ </div>
+ <div class="item" style="flex: 1;">
+ <div class="la">搴旀敹閲戦锛堝厓锛�</div>
+ <div class="val" style="margin-top: 10px;">1,000.00</div>
+ </div>
+ <div class="item" style="flex: 1;">
+ <div class="la">瀹炴敹閲戦锛堝厓锛�</div>
+ <div class="val" style="margin-top: 10px;">1,000.00</div>
+ </div>
+ <div class="item" style="flex: 1;">
+ <div class="la">闇�浠橀噾棰濓紙鍏冿級</div>
+ <div class="val" style="margin-top: 10px;">1,000.00</div>
+ </div>
+ <div class="item" style="flex: 1;">
+ <div class="la">搴旀敹鏃ユ湡</div>
+ <div class="val" style="margin-top: 10px;">2024-11-16</div>
+ </div>
</div>
</div>
<div class="tabs">
- <div class="tab" :class="{ active: activeTabs == 0 }" @click="tabsClick(0)">鍚堝悓淇℃伅</div>
- <div class="tab" :class="{ active: activeTabs == 1 }" @click="tabsClick(1)">鍏宠仈璐﹀崟</div>
- <div class="tab" :class="{ active: activeTabs == 2 }" @click="tabsClick(2)">鎿嶄綔璁板綍</div>
+ <div class="tab" :class="{ active: activeTabs == 0 }" @click="tabsClick(0)">鍩虹淇℃伅</div>
+ <div class="tab" :class="{ active: activeTabs == 1 }" @click="tabsClick(1)">璐﹀崟鏄庣粏</div>
+ <div class="tab" :class="{ active: activeTabs == 2 }" @click="tabsClick(2)">鏀舵敮娴佹按</div>
</div>
<div class="main">
<div class="title">鍩虹淇℃伅</div>
- <div class="list">
+ <div class="list" style="background: rgba(0,0,0,0); padding: 0;">
<div class="item">
<div class="la">璐﹀崟绫诲瀷</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">绉熼噾</div>
</div>
<div class="item">
<div class="la">璁¤垂鍛ㄦ湡</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">2024-11-17 ~ 2025-11-17</div>
</div>
<div class="item">
<div class="la">璐﹀崟閲戦(鍏�)</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">10000.00</div>
</div>
<div class="item">
<div class="la">璐﹀崟缂栧彿</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">ZD20241117-0002</div>
</div>
<div class="item">
<div class="la">鍚堝悓缂栧彿</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">202411-0017</div>
</div>
<div class="item">
<div class="la">鍒涘缓鏃堕棿</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">2024-11-16 15:17:01</div>
</div>
<div class="item">
<div class="la">浠樻鏂�</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">XX鍏徃</div>
</div>
<div class="item">
<div class="la">缁忓姙浜�</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">寮犱笁</div>
</div>
<div class="item">
<div class="la">鎵�灞炲叕鍙�</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">XXX鏈夐檺鍏徃</div>
</div>
<div class="item">
<div class="la">璐﹀崟澶囨敞</div>
- <div class="val">{{ info.aaa }}</div>
+ <div class="val">杩欐槸澶囨敞鍐呭</div>
</div>
+ <div class="item"></div>
+ <div class="item"></div>
</div>
<div class="title">鎴挎簮淇℃伅</div>
- <div class="list">
- <div class="item">
- <div class="la">椤圭洰鍚嶇О</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
- <div class="item">
- <div class="la">妤煎畤鍚嶇О</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
- <div class="item">
- <div class="la">妤煎眰/鎴垮彿</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
- <div class="item">
- <div class="la">闈㈢Н</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
+ <div class="list" style="background: rgba(0,0,0,0); padding: 0;">
+ <el-table
+ :data="tableData"
+ border
+ style="width: 100%">
+ <el-table-column
+ prop="date"
+ label="椤圭洰鍚嶇О">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="妤煎畤鍚嶇О">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="妤煎眰/鎴垮彿">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="闈㈢Н">
+ </el-table-column>
+ </el-table>
</div>
- <div class="title">绉熷淇℃伅</div>
- <div class="list">
- <div class="item">
- <div class="la">绉熷</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
- <div class="item">
- <div class="la">缁忓姙浜�</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
+ <div class="title">璐﹀崟鏄庣粏</div>
+ <div class="list" style="background: rgba(0,0,0,0); padding: 0;">
+ <el-table
+ :data="tableData"
+ border
+ style="width: 100%">
+ <el-table-column
+ prop="date"
+ label="璐圭敤绫诲瀷">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="搴旀敹/浠橀噾棰�">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="瀹炴敹閲戦">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="闇�鏀堕噾棰�">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="璁¤垂鍛ㄦ湡">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="搴旀敹/浠樻棩鏈�">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="澶囨敞">
+ </el-table-column>
+ </el-table>
</div>
- <div class="title">绉熻祦鏉℃</div>
- <div class="list">
- <div class="item">
- <div class="la">鎶奸噾閲戦</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
- <div class="item">
- <div class="la">浠樻鏂瑰紡</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
- <div class="item">
- <div class="la">鍏嶇鏈�</div>
- <div class="val">{{ info.aaa }}</div>
- </div>
+ <div class="title">鏀舵敮娴佹按</div>
+ <div class="list" style="background: rgba(0,0,0,0); padding: 0;">
+ <el-table
+ :data="tableData"
+ border
+ style="width: 100%">
+ <el-table-column
+ prop="date"
+ label="娴佹按绫诲瀷">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="瀵规柟鍗曚綅鍚嶇О">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="璐圭敤绫诲瀷">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鍏ヨ处鏃ユ湡">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鍙戠敓棰�">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鍒涘缓鏃堕棿">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="澶囨敞">
+ </el-table-column>
+ </el-table>
</div>
- <el-table :data="info.list" stripe>
- <el-table-column prop="" label="寮�濮嬫棩鏈�" min-width="100" show-overflow-tooltip />
- <el-table-column prop="" label="缁撴潫鏃ユ湡" min-width="100" show-overflow-tooltip />
- <el-table-column prop="" label="鍚堝悓鍗曚环" min-width="100" show-overflow-tooltip />
- <el-table-column prop="" label="浠樻鎻愬墠澶╂暟" min-width="100" show-overflow-tooltip />
- </el-table>
</div>
+ <!-- 鍒涘缓娴佹按 -->
+ <FlowingWater ref="flowingWater" />
</GlobalWindow>
</template>
<script>
import GlobalWindow from '@/components/common/GlobalWindow'
import BaseOpera from '@/components/base/BaseOpera'
+import FlowingWater from './flowingWater'
export default {
components: {
- GlobalWindow
+ GlobalWindow,
+ FlowingWater
},
extends: BaseOpera,
data() {
return {
id: '',
- visible: true,
+ visible: false,
activeTabs: '',
- info: {}
+ info: {},
+ tableData: []
}
},
methods: {
@@ -201,6 +272,12 @@
}
}
+.line {
+ width: 100%;
+ margin: 15px 0;
+ border-bottom: 1px dashed #eaeaea;
+}
+
.main {
.title {
font-weight: 500;
@@ -212,18 +289,18 @@
.list {
display: flex;
flex-wrap: wrap;
- background: #F7F7F7;
+ /*background: #F7F7F7;*/
border-radius: 2px;
- padding: 15px 20px;
+ padding: 0 20px;
margin-bottom: 20px;
.item {
- width: 25%;
- margin-bottom: 16px;
+ flex: 25%;
+ margin-bottom: 20px;
.la {
color: #7f7f7f;
- margin-top: 2px;
+ margin-bottom: 5px;
}
}
}
--
Gitblit v1.9.3