更新

src/api/finance.ts

@@ -5,6 +5,11 @@ export function accountLog(params?: any) {
     return request.get({ url: '/finance.account_log/lists', params })
 }
 
+// 成员信息
+export function getCompanyUserList(params?: any) {
+    return request.get({ url: '/finance.account_log/getCompanyUserList', params })
+}
+
 // 充值记录
 export function rechargeLists(params?: any) {
     return request.get({ url: '/recharge.recharge/lists', params }, { ignoreCancelToken: true })

src/views/examined/index_list.vue

@@ -142,6 +142,7 @@ const showEdit = ref(false);
 const queryParams = reactive({
   name: "",
   check_status: "",
+  type: 1,
 });
 
 const checkStatusList = ref([

src/views/finance/balance_details.vue

@@ -1,11 +1,8 @@
 <template>
   <div>
     <el-row :gutter="16">
-      <el-col :span="8">
-        <people />
-      </el-col>
-      <el-col :span="8">
-        <people />
+      <el-col :span="8" v-for="item in userList" :key="item.id">
+        <people :datas="item" />
       </el-col>
     </el-row>
 
@@ -133,11 +130,12 @@
   </div>
 </template>
 <script lang="ts" setup name="articleLists">
-import { getUmChangeType, accountLog } from "@/api/finance";
+import { getUmChangeType, accountLog, getCompanyUserList } 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";
+import { apiUserRoleLists } from "@/api/user_role";
 
 const route = useRoute();
 // console.log("company_id", route.query?.company_id);
@@ -153,6 +151,21 @@ if (route.query?.company_id) queryParams.company_id = route.query?.company_id;
 if (route.query?.s_date) queryParams.start_time = route.query?.s_date;
 if (route.query?.e_date) queryParams.end_time = route.query?.e_date;
 
+const userList = ref([]);
+const initUserList = async () => {
+  let res = await getCompanyUserList({
+    company_id: queryParams.company_id,
+  });
+  let role = await apiUserRoleLists({});
+  res = res.map((item: any) => {
+    let p = role.lists.find((e: any) => e.id == item.group_id);
+    p.name ? (item.group_name = p.name) : (item.group_name = "暂无角色");
+    return item;
+  });
+  userList.value = res;
+};
+initUserList();
+
 const { pager, getLists, resetPage, resetParams } = usePaging({
   fetchFun: accountLog,
   params: queryParams,

src/views/finance/component/people.vue

@@ -1,20 +1,24 @@
 <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-avatar :size="80" :src="datas.avatar" 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">姓名: {{ datas.nickname }}</el-col>
+        <el-col :span="12">电话: {{ datas.mobile }}</el-col>
+        <el-col :span="24">角色: {{ datas.group_name }}</el-col>
         <el-col :span="12"
-          >押金: <span style="color: #e6a23c; font-weight: bold">0.00</span>元
+          >押金:
+          <span style="color: #e6a23c; font-weight: bold">{{
+            datas.deposit
+          }}</span
+          >元
         </el-col>
         <el-col :span="12"
-          >收益: <span style="color: #67c23a; font-weight: bold">0.00</span>元
+          >收益:
+          <span style="color: #67c23a; font-weight: bold">{{
+            datas.income
+          }}</span
+          >元
         </el-col>
       </el-row>
     </div>
@@ -22,6 +26,12 @@
 </template>
     
 <script lang="ts" setup name="peopleMoney">
+defineProps({
+  datas: {
+    type: Object,
+    default: () => {},
+  },
+});
 </script>
 
 <style lang="scss" scoped>