更新

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);

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>
+