From 16e8059854782fa2e47b22adc612e75a08e51008 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Sat, 9 Sep 2023 18:29:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/finance/balance_details.vue  | 11 +++++++++-
 src/views/finance/component/people.vue | 29 ++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 src/views/finance/component/people.vue

diff --git a/src/views/finance/balance_details.vue b/src/views/finance/balance_details.vue
index ce09f65..0d308f3 100644
--- a/src/views/finance/balance_details.vue
+++ b/src/views/finance/balance_details.vue
@@ -1,6 +1,14 @@
 <template>
   <div>
-    <el-card class="!border-none" shadow="never">
+    <el-row :gutter="16">
+      <el-col :span="8">
+        <people />
+      </el-col>
+      <el-col :span="8">
+        <people />
+      </el-col>
+    </el-row>
+    <el-card class="!border-none mt-4" shadow="never">
       <el-alert
         type="warning"
         title="温馨提示：用户账户变动记录"
@@ -122,6 +130,7 @@ import { getUmChangeType, accountLog } from "@/api/finance";
 import { useDictOptions } from "@/hooks/useDictOptions";
 import { usePaging } from "@/hooks/usePaging";
 import { useRoute } from "vue-router";
+import people from "@/views/finance/component/people.vue";
 
 const route = useRoute();
 // console.log("company_id", route.query?.company_id);
diff --git a/src/views/finance/component/people.vue b/src/views/finance/component/people.vue
new file mode 100644
index 0000000..f6d2b37
--- /dev/null
+++ b/src/views/finance/component/people.vue
@@ -0,0 +1,29 @@
+<template>
+  <el-card class="!border-none" shadow="never">
+    <div style="display: flex; align-items: center">
+      <el-avatar
+        :size="80"
+        src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
+        style="margin-right: 16px"
+      />
+      <el-row>
+        <el-col :span="12">姓名: 张三三</el-col>
+        <el-col :span="12">电话: 1888888888888</el-col>
+        <el-col :span="24">身份: 超级管理员</el-col>
+        <el-col :span="12"
+          >押金: <span style="color: #e6a23c">0.00</span>元
+        </el-col>
+        <el-col :span="12"
+          >收益: <span style="color: #67c23a">0.00</span>元
+        </el-col>
+      </el-row>
+    </div>
+  </el-card>
+</template>
+    
+<script lang="ts" setup name="peopleMoney">
+</script>
+
+<style lang="scss" scoped>
+</style>
+    
\ No newline at end of file