1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
| <script setup lang="ts">
| import type { MemberUserApi } from '#/api/member/user';
| import type { PayWalletApi } from '#/api/pay/wallet/balance';
|
| import { fenToYuan } from '..\..\..\..\..\packages\utils\src';
|
| import { Card } from 'ant-design-vue';
|
| import { useDescription } from '#/components/description';
|
| const props = withDefaults(
| defineProps<{
| mode?: 'kefu' | 'member';
| user: MemberUserApi.User;
| wallet: PayWalletApi.Wallet;
| }>(),
| {
| mode: 'member',
| },
| );
|
| const [Descriptions] = useDescription({
| bordered: false,
| column: props.mode === 'member' ? 2 : 1,
| schema: [
| {
| field: 'levelName',
| label: '等级',
| render: (val) => val || '-',
| },
| {
| field: 'experience',
| label: '成长值',
| render: (val) => val || 0,
| },
| {
| field: 'point',
| label: '当前积分',
| render: (val) => val || 0,
| },
| {
| field: 'totalPoint',
| label: '总积分',
| render: (val) => val || 0,
| },
| {
| field: 'balance',
| label: '当前余额',
| render: (val) => fenToYuan(val || 0),
| },
| {
| field: 'totalExpense',
| label: '支出金额',
| render: (val) => fenToYuan(val || 0),
| },
| {
| field: 'totalRecharge',
| label: '充值金额',
| render: (val) => fenToYuan(val || 0),
| },
| ],
| });
| </script>
|
| <template>
| <Card>
| <template #title>
| <slot name="title"></slot>
| </template>
| <template #extra>
| <slot name="extra"></slot>
| </template>
| <Descriptions
| :column="mode === 'member' ? 2 : 1"
| :data="{
| ...user,
| ...wallet,
| }"
| />
| </Card>
| </template>
|
|
