From dbb87e385038eacfa3b4a2ce7dd6f9c42dbb0c6f Mon Sep 17 00:00:00 2001
From: owen <owen@evolsun.com>
Date: Fri, 8 Sep 2023 23:58:45 +0800
Subject: [PATCH] =?UTF-8?q?trade:=20=E5=88=86=E9=94=80=E5=91=98=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E4=BD=A3=E9=87=91=E5=AD=97=E6=AE=B5=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/formatter.ts                        | 12 ++++++++++++
 src/views/mall/trade/brokerage/user/index.vue | 19 +++++++++++++++++--
 2 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 src/utils/formatter.ts

diff --git a/src/utils/formatter.ts b/src/utils/formatter.ts
new file mode 100644
index 00000000..7c6e39ff
--- /dev/null
+++ b/src/utils/formatter.ts
@@ -0,0 +1,12 @@
+import { fenToYuan } from '@/utils'
+import { TableColumnCtx } from 'element-plus'
+
+// 格式化金额【分转元】
+export const fenToYuanFormat = (
+  row: any,
+  column: TableColumnCtx<any>,
+  cellValue: any,
+  index: number
+) => {
+  return `￥${fenToYuan(cellValue)}`
+}
diff --git a/src/views/mall/trade/brokerage/user/index.vue b/src/views/mall/trade/brokerage/user/index.vue
index f2459e64..db59c52d 100644
--- a/src/views/mall/trade/brokerage/user/index.vue
+++ b/src/views/mall/trade/brokerage/user/index.vue
@@ -73,15 +73,29 @@
         align="center"
         prop="brokerageOrderPrice"
         min-width="110px"
+        :formatter="fenToYuanFormat"
+      />
+      <el-table-column
+        label="已提现金额"
+        align="center"
+        prop="withdrawPrice"
+        min-width="100px"
+        :formatter="fenToYuanFormat"
       />
-      <el-table-column label="已提现金额" align="center" prop="withdrawPrice" min-width="100px" />
       <el-table-column label="已提现次数" align="center" prop="withdrawCount" min-width="100px" />
-      <el-table-column label="未提现金额" align="center" prop="price" min-width="100px" />
+      <el-table-column
+        label="未提现金额"
+        align="center"
+        prop="price"
+        min-width="100px"
+        :formatter="fenToYuanFormat"
+      />
       <el-table-column
         label="冻结中佣金"
         align="center"
         prop="frozenPrice"
         min-width="100px"
+        :formatter="fenToYuanFormat"
       />
       <el-table-column label="推广资格" align="center" prop="brokerageEnabled" min-width="80px">
         <template #default="scope">
@@ -167,6 +181,7 @@
 import { dateFormatter } from '@/utils/formatTime'
 import * as BrokerageUserApi from '@/api/mall/trade/brokerage/user'
 import { checkPermi } from '@/utils/permission'
+import { fenToYuanFormat } from '@/utils/formatter'
 
 defineOptions({ name: 'TradeBrokerageUser' })