更新

src/views/finance/balance_details.vue

@@ -7,7 +7,12 @@
         :closable="false"
         show-icon
       ></el-alert>
-            <el-form ref="formRef" class="mb-[-16px] mt-[16px]" :model="queryParams" :inline="true">
+      <el-form
+        ref="formRef"
+        class="mb-[-16px] mt-[16px]"
+        :model="queryParams"
+        :inline="true"
+      >
         <el-form-item label="用户信息">
           <el-input
             class="w-[280px]"
@@ -42,23 +47,37 @@
     </el-card>
     <el-card class="!border-none mt-4" shadow="never">
       <el-table size="large" v-loading="pager.loading" :data="pager.lists">
-                <el-table-column label="用户编号" prop="sn" min-width="100" />
-                <el-table-column label="用户昵称" min-width="160">
+        <el-table-column label="用户编号" prop="user_info.sn" min-width="100" />
+        <el-table-column
+          label="归属公司"
+          prop="company_info.company_name"
+          min-width="160"
+        />
+        <el-table-column label="用户昵称" min-width="100">
           <template #default="{ row }">
             <div class="flex items-center">
               <image-contain
                 class="flex-none mr-2"
-                                :src="row.avatar"
+                :src="row.user_info?.avatar"
                 :width="40"
                 :height="40"
                 preview-teleported
                 fit="contain"
               />
-                            {{ row.nickname }}
+              {{ row.user_info?.nickname }}
             </div>
           </template>
         </el-table-column>
-                <el-table-column label="手机号码" prop="mobile" min-width="100" />
+        <el-table-column
+          label="角色名称"
+          prop="user_info.group_name"
+          min-width="160"
+        />
+        <el-table-column
+          label="手机号码"
+          prop="user_info.mobile"
+          min-width="100"
+        />
         <el-table-column label="变动金额" prop="change_amount" min-width="100">
           <template #default="{ row }">
             <span :class="{ 'text-error': row.action == 2 }">
@@ -67,7 +86,11 @@
           </template>
         </el-table-column>
         <el-table-column label="剩余金额" prop="left_amount" min-width="100" />
-                <el-table-column label="变动类型" prop="change_type_desc" min-width="120" />
+        <el-table-column
+          label="变动类型"
+          prop="change_type_desc"
+          min-width="120"
+        />
 
         <el-table-column label="来源单号" prop="source_sn" min-width="100" />
         <el-table-column label="记录时间" prop="create_time" min-width="120" />
@@ -79,28 +102,28 @@
   </div>
 </template>
 <script lang="ts" setup name="articleLists">
-import { getUmChangeType, accountLog } from '@/api/finance'
-import { useDictOptions } from '@/hooks/useDictOptions'
-import { usePaging } from '@/hooks/usePaging'
+import { getUmChangeType, accountLog } from "@/api/finance";
+import { useDictOptions } from "@/hooks/useDictOptions";
+import { usePaging } from "@/hooks/usePaging";
 const queryParams = reactive({
-    user_info: '',
-    change_type: '',
-    start_time: '',
-    end_time: ''
-})
+  user_info: "",
+  change_type: "",
+  start_time: "",
+  end_time: "",
+});
 
 const { pager, getLists, resetPage, resetParams } = usePaging({
   fetchFun: accountLog,
-    params: queryParams
-})
+  params: queryParams,
+});
 
 const { optionsData } = useDictOptions<{
-    change_type: Record<number, string>
+  change_type: Record<number, string>;
 }>({
   change_type: {
-        api: getUmChangeType
-    }
-})
+    api: getUmChangeType,
+  },
+});
 
-getLists()
+getLists();
 </script>