From f774c4a6f68b02fc4b035e1db8b0772f751b9d36 Mon Sep 17 00:00:00 2001
From: chenruiye <862859104@qq.com>
Date: Fri, 18 Apr 2025 13:59:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7R=E5=88=97=E8=A1=A8-=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=80=BB=E5=85=85=E5=80=BC=E9=87=91=E9=A2=9D=E5=8D=83=E5=88=86?=
 =?UTF-8?q?=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/users/listLargeRUsers.vue       | 20 ++++++++++++++++----
 src/views/users/removeListLargeRUsers.vue | 20 ++++++++++++++++----
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/src/views/users/listLargeRUsers.vue b/src/views/users/listLargeRUsers.vue
index ccf8251..2b69989 100644
--- a/src/views/users/listLargeRUsers.vue
+++ b/src/views/users/listLargeRUsers.vue
@@ -8,9 +8,9 @@
             <span>分区</span>
             <partition-select v-model:partition-id="formData.partitionId" />
         </div>
-        <el-button style="" type="primary" @click="addDialog = true">新增</el-button>
         <el-button style="" type="primary" @click="getData()">查询</el-button>
         <el-button style="" type="primary" @click="resetFormData()">重置</el-button>
+        <el-button style="" type="primary" @click="addDialog = true">新增</el-button>
         <!-- 表格数据 -->
         <el-table v-loading="tableData.loading" :data="tableData.data" ref="multipleTable"
             @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
@@ -18,7 +18,11 @@
             <el-table-column prop="nick" align="center" label="用户昵称" />
             <el-table-column prop="partitionDesc" align="center" label="分区" />
             <el-table-column prop="regionDesc" align="center" label="国家" />
-            <el-table-column prop="totalGold" align="center" label="总充值金额" />
+            <el-table-column prop="totalGold" align="center" label="总充值金额">
+                <template v-slot="scope">
+                    {{ formattedNumber(scope.row.totalGold) }}
+                </template>
+            </el-table-column>
             <el-table-column align="center" label="操作" width="300">
                 <template v-slot="scope">
                     <el-button class="primary" type="primary" @click="
@@ -50,7 +54,7 @@
 </template>
 
 <script>
-import { ref, onMounted, reactive } from 'vue'
+import { ref, onMounted, reactive, computed } from 'vue'
 import PartitionSelect from "@/views/common/partitionSelect.vue";
 import { getHighRechargeUserList, delHighRechargeUser, addHighRechargeUser } from '@/api/listLargeRUsers/listLargeRUsers'
 import { ElMessage, ElMessageBox } from "element-plus";
@@ -141,6 +145,13 @@ export default {
             });
 
         };
+        // 千分位
+        const formattedNumber = computed(() => {
+            return (num) => {
+                if (num === null || num === undefined) return '';
+                return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            };
+        })
         const handleSizeChange = (val) => {
             formData.pageSize = val;
             getData();
@@ -162,7 +173,8 @@ export default {
             resetFormData,
             handleSizeChange,
             handleCurrentChange,
-            detailPageFun
+            detailPageFun,
+            formattedNumber
         }
     }
 }
diff --git a/src/views/users/removeListLargeRUsers.vue b/src/views/users/removeListLargeRUsers.vue
index fed0c9f..041ba21 100644
--- a/src/views/users/removeListLargeRUsers.vue
+++ b/src/views/users/removeListLargeRUsers.vue
@@ -8,9 +8,9 @@
             <span>分区</span>
             <partition-select v-model:partition-id="formData.partitionId" />
         </div>
-        <el-button style="" type="primary" @click="addDialog = true">新增</el-button>
         <el-button style="" type="primary" @click="getData()">查询</el-button>
         <el-button style="" type="primary" @click="resetFormData()">重置</el-button>
+        <el-button style="" type="primary" @click="addDialog = true">新增</el-button>
         <!-- 表格数据 -->
         <el-table v-loading="tableData.loading" :data="tableData.data" ref="multipleTable"
             @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
@@ -18,7 +18,11 @@
             <el-table-column prop="nick" align="center" label="用户昵称" />
             <el-table-column prop="partitionDesc" align="center" label="分区" />
             <el-table-column prop="regionDesc" align="center" label="国家" />
-            <el-table-column prop="totalGold" align="center" label="总充值金额" />
+            <el-table-column prop="totalGold" align="center" label="总充值金额">
+                <template v-slot="scope">
+                    {{ formattedNumber(scope.row.totalGold) }}
+                </template>
+            </el-table-column>
             <el-table-column align="center" label="操作" width="300">
                 <template v-slot="scope">
                     <el-button class="primary" type="primary" @click="
@@ -50,7 +54,7 @@
 </template>
 
 <script>
-import { ref, onMounted, reactive } from 'vue'
+import { ref, onMounted, reactive ,computed} from 'vue'
 import PartitionSelect from "@/views/common/partitionSelect.vue";
 import { getHighRechargeUserList, delHighRechargeUser, addHighRechargeUser } from '@/api/listLargeRUsers/listLargeRUsers'
 import { ElMessage, ElMessageBox } from "element-plus";
@@ -141,6 +145,13 @@ export default {
             });
 
         };
+         // 千分位
+         const formattedNumber = computed(() => {
+            return (num) => {
+                if (num === null || num === undefined) return '';
+                return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            };
+        })
         const handleSizeChange = (val) => {
             formData.pageSize = val;
             getData();
@@ -162,7 +173,8 @@ export default {
             resetFormData,
             handleSizeChange,
             handleCurrentChange,
-            detailPageFun
+            detailPageFun,
+            formattedNumber
         }
     }
 }