运营游戏数据查询 - 增加比列百分比以及千分号

src/views/system/OperationGameDataQuery.vue

@@ -51,10 +51,18 @@
     >
       <el-table-column prop="erbanNo" align="center" label="用户ID" />
       <el-table-column prop="chargeLevel" align="center" label="充值等级" />
-      <el-table-column prop="payGold" align="center" label="进入" />
+      <el-table-column prop="payGold" align="center" label="进入" >
+        <template v-slot="scope">
+            {{ formattedNumber(scope.row.payGold) }}
+          </template>
+        </el-table-column>
       <el-table-column prop="winGold" align="center" label="退出" />
       <el-table-column prop="playNum" align="center" label="次数" />
-      <el-table-column prop="betRate" align="center" label="比例" />
+      <el-table-column prop="betRate" align="center" label="比例" >
+        <template v-slot="scope">
+          {{ toPercentage(scope.row.betRate) }}
+        </template>
+        </el-table-column>
       <el-table-column prop="totalRemain" align="center" label="差额" />
     </el-table>
     <!-- 分页 -->
@@ -140,6 +148,17 @@ const resetFormData = () => {
   tableData.data = [];
   gameData.value = {};
 };
+    // 百分比
+    const toPercentage = (value) => {
+      return (value * 100).toFixed(2) + "%";
+    };
+    // 千分位
+    const formattedNumber = computed(() => {
+      return (num) => {
+        if (num === null || num === undefined) return "";
+        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      };
+    });
 onMounted(() => {
   getGameAllList().then((res) => {
     if (res.code == 200) {