From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/member/user/detail/UserAccountInfo.vue | 84 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 84 insertions(+), 0 deletions(-)
diff --git a/src/views/member/user/detail/UserAccountInfo.vue b/src/views/member/user/detail/UserAccountInfo.vue
new file mode 100644
index 0000000..fad174a
--- /dev/null
+++ b/src/views/member/user/detail/UserAccountInfo.vue
@@ -0,0 +1,84 @@
+<template>
+ <el-descriptions :class="{ 'kefu-descriptions': column === 1 }" :column="column">
+ <el-descriptions-item>
+ <template #label>
+ <descriptions-item-label icon="svg-icon:member_level" label=" 绛夌骇 " />
+ </template>
+ {{ user.levelName || '鏃�' }}
+ </el-descriptions-item>
+ <el-descriptions-item>
+ <template #label>
+ <descriptions-item-label icon="ep:suitcase" label=" 鎴愰暱鍊� " />
+ </template>
+ {{ user.experience || 0 }}
+ </el-descriptions-item>
+ <el-descriptions-item>
+ <template #label>
+ <descriptions-item-label icon="ep:coin" label=" 褰撳墠绉垎 " />
+ </template>
+ {{ user.point || 0 }}
+ </el-descriptions-item>
+ <el-descriptions-item>
+ <template #label>
+ <descriptions-item-label icon="ep:coin" label=" 鎬荤Н鍒� " />
+ </template>
+ {{ user.totalPoint || 0 }}
+ </el-descriptions-item>
+ <el-descriptions-item>
+ <template #label>
+ <descriptions-item-label icon="svg-icon:member_balance" label=" 褰撳墠浣欓 " />
+ </template>
+ {{ fenToYuan(wallet.balance || 0) }}
+ </el-descriptions-item>
+ <el-descriptions-item>
+ <template #label>
+ <descriptions-item-label icon="svg-icon:member_expenditure_balance" label=" 鏀嚭閲戦 " />
+ </template>
+ {{ fenToYuan(wallet.totalExpense || 0) }}
+ </el-descriptions-item>
+ <el-descriptions-item>
+ <template #label>
+ <descriptions-item-label icon="svg-icon:member_recharge_balance" label=" 鍏呭�奸噾棰� " />
+ </template>
+ {{ fenToYuan(wallet.totalRecharge || 0) }}
+ </el-descriptions-item>
+ </el-descriptions>
+</template>
+<script lang="ts" setup>
+import { DescriptionsItemLabel } from '@/components/Descriptions'
+import * as UserApi from '@/api/member/user'
+import * as WalletApi from '@/api/pay/wallet/balance'
+import { fenToYuan } from '@/utils'
+
+withDefaults(defineProps<{ user: UserApi.UserVO; wallet: WalletApi.WalletVO; column?: number }>(), {
+ column: 2
+}) // 鐢ㄦ埛淇℃伅
+</script>
+<style lang="scss" scoped>
+.cell-item {
+ display: inline;
+}
+
+.cell-item::after {
+ content: ':';
+}
+
+.kefu-descriptions {
+ ::v-deep(.el-descriptions__cell) {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .el-descriptions__label {
+ width: 120px;
+ display: block;
+ text-align: left;
+ }
+
+ .el-descriptions__content {
+ flex: 1;
+ text-align: end;
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0