From 1c3e5fef6cc5abf53f255ca846cac22be6df8237 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Mon, 28 Aug 2023 17:31:33 +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 | 211 ++++++++++++++------------
 1 file changed, 117 insertions(+), 94 deletions(-)

diff --git a/src/views/finance/balance_details.vue b/src/views/finance/balance_details.vue
index 014431c..f0c0d4d 100644
--- a/src/views/finance/balance_details.vue
+++ b/src/views/finance/balance_details.vue
@@ -1,106 +1,129 @@
 <template>
-    <div>
-        <el-card class="!border-none" shadow="never">
-            <el-alert
-                type="warning"
-                title="温馨提示：用户账户变动记录"
-                :closable="false"
-                show-icon
-            ></el-alert>
-            <el-form ref="formRef" class="mb-[-16px] mt-[16px]" :model="queryParams" :inline="true">
-                <el-form-item label="用户信息">
-                    <el-input
-                        class="w-[280px]"
-                        v-model="queryParams.user_info"
-                        placeholder="请输入用户编号/昵称/手机号"
-                        clearable
-                        @keyup.enter="resetPage"
-                    />
-                </el-form-item>
-                <el-form-item label="变动类型">
-                    <el-select class="w-[280px]" v-model="queryParams.change_type">
-                        <el-option label="全部" value />
-                        <el-option
-                            v-for="(value, key) in optionsData.change_type"
-                            :key="key"
-                            :label="value"
-                            :value="key"
-                        />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="记录时间">
-                    <daterange-picker
-                        v-model:startTime="queryParams.start_time"
-                        v-model:endTime="queryParams.end_time"
-                    />
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" @click="resetPage">查询</el-button>
-                    <el-button @click="resetParams">重置</el-button>
-                </el-form-item>
-            </el-form>
-        </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">
-                    <template #default="{ row }">
-                        <div class="flex items-center">
-                            <image-contain
-                                class="flex-none mr-2"
-                                :src="row.avatar"
-                                :width="40"
-                                :height="40"
-                                preview-teleported
-                                fit="contain"
-                            />
-                            {{ row.nickname }}
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column label="手机号码" prop="mobile" min-width="100" />
-                <el-table-column label="变动金额" prop="change_amount" min-width="100">
-                    <template #default="{ row }">
-                        <span :class="{ 'text-error': row.action == 2 }">
-                            {{ row.change_amount }}
-                        </span>
-                    </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="source_sn" min-width="100" />
-                <el-table-column label="记录时间" prop="create_time" min-width="120" />
-            </el-table>
-            <div class="flex justify-end mt-4">
-                <pagination v-model="pager" @change="getLists" />
+  <div>
+    <el-card class="!border-none" shadow="never">
+      <el-alert
+        type="warning"
+        title="温馨提示：用户账户变动记录"
+        :closable="false"
+        show-icon
+      ></el-alert>
+      <el-form
+        ref="formRef"
+        class="mb-[-16px] mt-[16px]"
+        :model="queryParams"
+        :inline="true"
+      >
+        <el-form-item label="用户信息">
+          <el-input
+            class="w-[280px]"
+            v-model="queryParams.user_info"
+            placeholder="请输入用户编号/昵称/手机号"
+            clearable
+            @keyup.enter="resetPage"
+          />
+        </el-form-item>
+        <el-form-item label="变动类型">
+          <el-select class="w-[280px]" v-model="queryParams.change_type">
+            <el-option label="全部" value />
+            <el-option
+              v-for="(value, key) in optionsData.change_type"
+              :key="key"
+              :label="value"
+              :value="key"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="记录时间">
+          <daterange-picker
+            v-model:startTime="queryParams.start_time"
+            v-model:endTime="queryParams.end_time"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="resetPage">查询</el-button>
+          <el-button @click="resetParams">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </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="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.user_info?.avatar"
+                :width="40"
+                :height="40"
+                preview-teleported
+                fit="contain"
+              />
+              {{ row.user_info?.nickname }}
             </div>
-        </el-card>
-    </div>
+          </template>
+        </el-table-column>
+        <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 }">
+              {{ row.change_amount }}
+            </span>
+          </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="source_sn" min-width="100" />
+        <el-table-column label="记录时间" prop="create_time" min-width="120" />
+      </el-table>
+      <div class="flex justify-end mt-4">
+        <pagination v-model="pager" @change="getLists" />
+      </div>
+    </el-card>
+  </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
-})
+  fetchFun: accountLog,
+  params: queryParams,
+});
 
 const { optionsData } = useDictOptions<{
-    change_type: Record<number, string>
+  change_type: Record<number, string>;
 }>({
-    change_type: {
-        api: getUmChangeType
-    }
-})
+  change_type: {
+    api: getUmChangeType,
+  },
+});
 
-getLists()
+getLists();
 </script>