From 9e536dabbc35b63e72c2d3814cdc6ae60ef03571 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Wed, 25 Dec 2024 11:06:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=B7=BB=E5=8A=A0=E5=BA=8F?=
 =?UTF-8?q?=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/gold-system/src/views/audit/rechargeAudit.vue  |   5 +
 vue/gold-system/src/views/audit/refundAudit.vue    |   7 +-
 vue/gold-system/src/views/consume/allConsume.vue   |   5 +
 .../src/views/managerecharge/activity.vue          |   5 +
 vue/gold-system/src/views/managerecharge/rate.vue  |   5 +
 vue/gold-system/src/views/recharge/addRecharge.vue | 334 +++++++--------------
 .../src/views/recharge/adminRecharge.vue           |   5 +
 vue/gold-system/src/views/recharge/allRecharge.vue |   5 +
 vue/gold-system/src/views/refund/allRefund.vue     |   5 +
 vue/gold-system/src/views/usergold/index.vue       |  11 +-
 10 files changed, 154 insertions(+), 233 deletions(-)

diff --git a/vue/gold-system/src/views/audit/rechargeAudit.vue b/vue/gold-system/src/views/audit/rechargeAudit.vue
index 95376fb..7508298 100644
--- a/vue/gold-system/src/views/audit/rechargeAudit.vue
+++ b/vue/gold-system/src/views/audit/rechargeAudit.vue
@@ -512,6 +512,11 @@ onMounted(async function () {
         </el-tabs>
         <div>
           <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="username" label="姓名" width="100px" />
             <el-table-column prop="jwcode" label="精网号" width="150px" />
             <el-table-column prop="area" label="所属地区" width="100px" />
diff --git a/vue/gold-system/src/views/audit/refundAudit.vue b/vue/gold-system/src/views/audit/refundAudit.vue
index 0914f9d..1ec8d27 100644
--- a/vue/gold-system/src/views/audit/refundAudit.vue
+++ b/vue/gold-system/src/views/audit/refundAudit.vue
@@ -379,7 +379,7 @@ const rules = reactive({
 onMounted(async function () {
   await get();
   getProduct();
-  await getArea();
+  // await getArea();
 });
 </script>
 
@@ -490,6 +490,11 @@ onMounted(async function () {
         </el-tabs>
         <div>
           <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="userName" label="姓名" width="150px" />
             <el-table-column prop="jwcode" label="精网号" width="150px" />
             <el-table-column prop="area" label="所属地区" width="100px" />
diff --git a/vue/gold-system/src/views/consume/allConsume.vue b/vue/gold-system/src/views/consume/allConsume.vue
index 9ce5a24..a02f516 100644
--- a/vue/gold-system/src/views/consume/allConsume.vue
+++ b/vue/gold-system/src/views/consume/allConsume.vue
@@ -333,6 +333,11 @@ getGoods();
             style="width: 100%"
             :default-sort="{ prop: 'createTime ', order: 'descending' }"
           >
+          <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="name" label="姓名" width="150px" />
             <el-table-column prop="jwcode" label="精网号" width="120px" />
             <el-table-column prop="uarea" label="所属地区" width="120px" />
diff --git a/vue/gold-system/src/views/managerecharge/activity.vue b/vue/gold-system/src/views/managerecharge/activity.vue
index 308b28f..4b52efa 100644
--- a/vue/gold-system/src/views/managerecharge/activity.vue
+++ b/vue/gold-system/src/views/managerecharge/activity.vue
@@ -325,6 +325,11 @@ onMounted(async function () {
         </div>
         <div>
           <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="activityName" label="活动名称" />
             <el-table-column prop="startTime" label="开始时间">
               <template #default="scope">
diff --git a/vue/gold-system/src/views/managerecharge/rate.vue b/vue/gold-system/src/views/managerecharge/rate.vue
index 87c3e70..d604d70 100644
--- a/vue/gold-system/src/views/managerecharge/rate.vue
+++ b/vue/gold-system/src/views/managerecharge/rate.vue
@@ -426,6 +426,11 @@ const delConfirm = async function (row) {
             :height="tableHeight"
             style="width: 100%"
           >
+          <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="currency" label="货币名称" :span="2" />
             <el-table-column prop="exchangeRate" label="汇率" :span="2">
               <template #default="scope">
diff --git a/vue/gold-system/src/views/recharge/addRecharge.vue b/vue/gold-system/src/views/recharge/addRecharge.vue
index d561579..39181b0 100644
--- a/vue/gold-system/src/views/recharge/addRecharge.vue
+++ b/vue/gold-system/src/views/recharge/addRecharge.vue
@@ -569,6 +569,53 @@ const cancelBatch = function () {
     });
 };
 //
+const changeActivity = function (row) {
+  console.log("row===", row);
+  let ratio = 0;
+  for (let i = 0; i < activity.value.length; i++) {
+    if (activity.value[i].activityId == row.activityId) {
+      ratio = activity.value[i].rechargeRatio;
+      break;
+    }
+  }
+  console.log("ratio===", ratio);
+  if (row.paidGold == null || row.paidGold == '') {
+    row.freeGold = 0;
+  } else {
+    if (ratio == 0) {
+      row.freeGold = 0;
+    } else {
+      row.freeGold = Math.ceil(row.paidGold / ratio);
+      // for (let i = 0; i < batchData.value.length; i++) {
+      //   if (batchData.value[i].line == row.line) {
+      //     batchData.value[i].freeGold = Math.ceil(row.paidGold / ratio);
+      //     break;
+      //   }
+      // };
+    }
+  }
+};
+// 
+const changePaidGold = function (row) {
+  console.log("row===", row);
+  let ratio = 0;
+  if(row.activityId == null || row.activityId == ''){
+    row.freeGold = 0;
+  }else{
+    for (let i = 0; i < activity.value.length; i++) {
+      if (activity.value[i].activityId == row.activityId) {
+        ratio = activity.value[i].rechargeRatio;
+        break;
+      }
+    }
+    if (ratio == 0) {
+      row.freeGold = 0;
+    } else {
+      row.freeGold = Math.ceil(Number(row.paidGold) / ratio);
+    }
+  }
+}
+// 
 const calculatedRowFreeGold = function (row) {
   console.log("row===", row);
   let ratio = 0;
@@ -593,7 +640,7 @@ const calculatedRowFreeGold = function (row) {
 };
 
 const calculatedRowRechargeGold = computed(() => {
-  if (!Rate.value == 0) {
+  if (Rate.value != 0) {
     const paidGold = Number(addRecharge.value.paidGold) || 0;
     const rate = Number(Rate.value) || 1; // 避免乘以0
     return Number(Math.ceil(paidGold * rate));
@@ -656,39 +703,17 @@ const batchAdd = function () {
 <template>
   <div style="display: flex">
     <div style="margin-right: 20px">新增充值</div>
-    <!-- <el-button type="primary" plain @click="batchInit()">批量充值</el-button> -->
+    <el-button type="primary" plain @click="batchInit()">批量充值</el-button>
   </div>
 
-  <el-form
-    :model="addRecharge"
-    ref="Ref"
-    :rules="rules"
-    label-width="auto"
-    style="max-width: 600px"
-    class="add-form"
-  >
+  <el-form :model="addRecharge" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px" class="add-form">
     <el-form-item prop="jwcode" label="精网号">
       <el-input v-model="addRecharge.jwcode" style="width: 220px" />
-      <el-button
-        type="primary"
-        @click="getUser(addRecharge.jwcode)"
-        style="margin-left: 20px"
-        >查询</el-button
-      >
+      <el-button type="primary" @click="getUser(addRecharge.jwcode)" style="margin-left: 20px">查询</el-button>
     </el-form-item>
     <el-form-item prop="activityId" label="活动名称">
-      <el-select
-        v-model="addRecharge.activityId"
-        placeholder="请选择"
-        style="width: 300px"
-        @change="handleActivityChange"
-      >
-        <el-option
-          v-for="item in activity"
-          :key="item.value"
-          :label="item.activityName"
-          :value="item.activityId"
-        />
+      <el-select v-model="addRecharge.activityId" placeholder="请选择" style="width: 300px" @change="handleActivityChange">
+        <el-option v-for="item in activity" :key="item.value" :label="item.activityName" :value="item.activityId" />
       </el-select>
     </el-form-item>
     <el-form-item prop="paidGold" label="充值金币">
@@ -699,70 +724,24 @@ const batchAdd = function () {
       <p>个</p>
     </el-form-item>
     <el-form-item prop="rechargeGold" label="充值金额">
-      <el-select
-        prop="rechargeGold"
-        v-model="Rate"
-        placeholder="货币名称"
-        style="width: 95px; margin-right: 5px"
-      >
-        <el-option
-          v-for="item in currency"
-          :key="item.value"
-          :label="item.currency"
-          :value="item.exchangeRate"
-        />
+      <el-select prop="rechargeGold" v-model="Rate" placeholder="货币名称" style="width: 95px; margin-right: 5px">
+        <el-option v-for="item in currency" :key="item.value" :label="item.currency" :value="item.exchangeRate" />
       </el-select>
-      <el-input
-        disabled
-        v-model="addRecharge.rechargeGold"
-        style="width: 200px"
-      />
+      <el-input disabled v-model="addRecharge.rechargeGold" style="width: 200px" />
     </el-form-item>
     <el-form-item prop="payWay" label="收款方式">
-      <el-select
-        v-model="addRecharge.payWay"
-        placeholder="请选择"
-        style="width: 300px"
-      >
-        <el-option
-          v-for="item in options"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
+      <el-select v-model="addRecharge.payWay" placeholder="请选择" style="width: 300px">
+        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
       </el-select>
     </el-form-item>
     <el-form-item prop="rechargeTime" label="交款时间">
-      <el-date-picker
-        v-model="addRecharge.rechargeTime"
-        type="date"
-        style="width: 300px"
-      />
+      <el-date-picker v-model="addRecharge.rechargeTime" type="date" style="width: 300px" />
     </el-form-item>
-    <el-form-item
-      prop="rechargeVoucher"
-      label="交款凭证"
-      style="margin-bottom: 5px"
-    >
-      <el-upload
-        action="http://192.168.8.93:10010/upload"
-        class="avatar-uploader"
-        :show-file-list="false"
-        :on-success="handleAvatarSuccess"
-        :before-upload="beforeAvatarUpload"
-        style="width: 100px; height: 115px"
-      >
-        <img
-          v-if="imageUrl"
-          :src="imageUrl"
-          class="avatar"
-          style="width: 100px; height: 115px"
-        />
-        <el-icon
-          v-else
-          class="avatar-uploader-icon"
-          style="width: 100px; height: 100px"
-        >
+    <el-form-item prop="rechargeVoucher" label="交款凭证" style="margin-bottom: 5px">
+      <el-upload action="http://192.168.8.93:10010/upload" class="avatar-uploader" :show-file-list="false"
+        :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" style="width: 100px; height: 115px">
+        <img v-if="imageUrl" :src="imageUrl" class="avatar" style="width: 100px; height: 115px" />
+        <el-icon v-else class="avatar-uploader-icon" style="width: 100px; height: 100px">
           <Plus />
         </el-icon>
       </el-upload>
@@ -771,41 +750,19 @@ const batchAdd = function () {
       </p>
     </el-form-item>
     <el-form-item prop="remark" label="备注">
-      <el-input
-        v-model="addRecharge.remark"
-        style="width: 300px"
-        :rows="2"
-        maxlength="100"
-        show-word-limit
-        type="textarea"
-      />
+      <el-input v-model="addRecharge.remark" style="width: 300px" :rows="2" maxlength="100" show-word-limit
+        type="textarea" />
     </el-form-item>
     <el-form-item prop="submitter" label="提交人">
-      <el-input
-        style="width: 300px"
-        :value="adminData.name"
-        disabled
-        placeholder="提交人姓名"
-      />
+      <el-input style="width: 300px" :value="adminData.name" disabled placeholder="提交人姓名" />
     </el-form-item>
-    <el-button @click="deleteRecharge" style="margin-left: 280px"
-      >重置</el-button
-    >
+    <el-button @click="deleteRecharge" style="margin-left: 280px">重置</el-button>
     <el-button type="primary" @click="addBefore"> 提交 </el-button>
   </el-form>
 
   <!-- 客户信息栏 -->
-  <el-card
-    style="width: 1200px; float: right"
-    class="customer-info"
-    width="3000px"
-  >
-    <el-form
-      :model="user"
-      label-width="auto"
-      style="max-width: 1200px"
-      label-position="left"
-    >
+  <el-card style="width: 1200px; float: right" class="customer-info" width="3000px">
+    <el-form :model="user" label-width="auto" style="max-width: 1200px" label-position="left">
       <el-text size="large" style="margin-left: 20px">客户信息</el-text>
       <el-row style="margin-top: 20px">
         <el-col :span="10">
@@ -828,13 +785,10 @@ const batchAdd = function () {
             <span style="color: #2fa1ff; margin-right: 5px" v-if="user.buyJb">{{
               user.buyJb + user.free6 + user.free12 + user.coreJb
             }}</span>
-            <span
-              style="display: inline; white-space: nowrap; color: #b1b1b1"
-              v-if="user.buyJb"
-              >(充值金币:{{ user.buyJb }};免费金币:{{
+            <span style="display: inline; white-space: nowrap; color: #b1b1b1" v-if="user.buyJb">(充值金币:{{ user.buyJb
+              }};免费金币:{{
                 user.free6 + user.free12
-              }};任务金币:{{ user.coreJb }})</span
-            >
+              }};任务金币:{{ user.coreJb }})</span>
           </el-form-item>
         </el-col>
         <el-col :span="10">
@@ -875,32 +829,15 @@ const batchAdd = function () {
     </el-form>
   </el-card>
 
-  <!-- <el-dialog
-    v-model="batchRechargeVisible"
-    title="批量充值"
-    width="1800px"
-    style="height: 700px"
-  >
+  <el-dialog v-model="batchRechargeVisible" title="批量充值" width="1800px" style="height: 700px"
+    :close-on-click-modal="false">
     <el-row style="margin-bottom: 10px">
-      <el-button type="primary" @click="addLine()" style="margin-right: auto"
-        >新增一行</el-button
-      >
-      <el-button
-        type="danger"
-        plain
-        @click="batchDel()"
-        style="margin-right: 10px; width: 130px"
-        >批量删除</el-button
-      >
+      <el-button type="primary" @click="addLine()" style="margin-right: auto">新增一行</el-button>
+      <el-button type="danger" plain @click="batchDel()" style="margin-right: 10px; width: 130px">批量删除</el-button>
     </el-row>
     <el-row>
-      <el-table
-        :data="batchData"
-        border
-        max-height="540px"
-        style="height: 540px"
-        @selection-change="handleSelectionChangebatch"
-      >
+      <el-table :data="batchData" border max-height="540px" style="height: 540px"
+        @selection-change="handleSelectionChangebatch">
         <el-table-column type="selection" width="50px" />
         <el-table-column property="index" label="序号" width="55px">
           <template #default="scope">
@@ -909,32 +846,16 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="jwcode" label="精网号" width="150px">
           <template #default="scope">
-            <input
-              type="number"
-              v-if="scope.row.showInput"
-              v-model="scope.row.jwcode"
-              style="width: 110px"
-            />
+            <el-input v-if="scope.row.showInput" v-model="scope.row.jwcode" style="width: 110px" />
             <span v-else>{{ scope.row.jwcode }}</span>
           </template>
         </el-table-column>
         <el-table-column property="activityName" label="活动名称" width="150px">
           <template #default="scope">
-            <el-select
-              v-if="scope.row.showInput"
-              filterable
-              clearable
-              v-model="scope.row.activityId"
-              placeholder="请选择活动名称"
-              @change="handleSelectionChange"
-            >
-              >
-              <el-option
-                v-for="item in activity"
-                :key="item.value"
-                :label="item.activityName"
-                :value="item.activityId"
-              >
+            <el-select v-if="scope.row.showInput" filterable clearable v-model="scope.row.activityId"
+              placeholder="请选择活动名称" @change="changeActivity(scope.row)">
+              <el-option v-for="item in activity" :key="item.activityId" :label="item.activityName"
+                :value="item.activityId">
               </el-option>
             </el-select>
             <span v-else>{{ scope.row.activityName }}</span>
@@ -942,34 +863,21 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="paidGold" label="充值金币" width="110px">
           <template #default="scope">
-            <input
-              v-if="scope.row.showInput"
-              v-model="scope.row.paidGold"
-              style="width: 70px"
-            />
+            <el-input v-if="scope.row.showInput" v-model="scope.row.paidGold" style="width: 70px" @change="changePaidGold(scope.row)"/>
             <span v-else>{{ scope.row.paidGold }}</span>
           </template>
         </el-table-column>
         <el-table-column property="freeGold" label="免费金币" width="110px">
           <template #default="scope">
-            <el-input disabled v-model="scope.row.freeGold"></el-input>
+            <el-input v-if="scope.row.showInput" v-model="scope.row.freeGold" style="width: 70px" />
+            <span v-else>{{ scope.row.paidGold }}</span>
           </template>
         </el-table-column>
-        <el-table-column property="rechargeGold" label="充值金额">
+        <el-table-column property="rate" label="货币名称">
           <template #default="scope">
-            <el-select
-              v-if="scope.row.showInput"
-              filterable
-              clearable
-              v-model="scope.row.rate"
-              placeholder="请选择币种"
-            >
-              <el-option
-                v-for="item in currency"
-                :key="item.value"
-                :label="item.currency"
-                :value="item.exchangeRate"
-              >
+            <el-select v-if="scope.row.showInput" filterable clearable v-model="scope.row.rate" placeholder="请选择币种">
+              <el-option v-for="item in currency" :key="item.exchangeRate" :label="item.currency"
+                :value="item.exchangeRate">
               </el-option>
             </el-select>
             <span v-else>{{ scope.row.rate }}</span>
@@ -977,24 +885,13 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="rechargeGold" label="充值金额" width="110px">
           <template #default="scope">
-            <el-input disabled v-model="scope.row.rechargeGold"></el-input>
+            <el-input v-model="scope.row.rechargeGold"></el-input>
           </template>
         </el-table-column>
         <el-table-column property="payWay" label="收款方式" width="130px">
           <template #default="scope">
-            <el-select
-              v-if="scope.row.showInput"
-              filterable
-              clearable
-              v-model="scope.row.payWay"
-              placeholder="请选择收款方式"
-            >
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
+            <el-select v-if="scope.row.showInput" filterable clearable v-model="scope.row.payWay" placeholder="请选择收款方式">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
             <span v-else>{{ scope.row.payWay }}</span>
@@ -1002,13 +899,8 @@ const batchAdd = function () {
         </el-table-column>
         <el-table-column property="rechargeTime" label="交款时间" width="150px">
           <template #default="scope">
-            <el-date-picker
-              v-if="scope.row.showInput"
-              type="date"
-              v-model="scope.row.rechargeTime"
-              style="width: 120px"
-              placeholder="请选择交款时间"
-            >
+            <el-date-picker v-if="scope.row.showInput" type="date" v-model="scope.row.rechargeTime" style="width: 120px"
+              placeholder="请选择交款时间">
             </el-date-picker>
             <span v-else>{{
               moment(scope.row.rechargeTime).format("YYYY-MM-DD HH:mm:ss")
@@ -1016,43 +908,30 @@ const batchAdd = function () {
           </template>
         </el-table-column>
         <el-table-column property="rechargeVoucher" label="充值凭证">
-          <span> X </span>
-<template #default="scope">
+
+          <template #default="scope">
             <el-upload class="avatar-uploader" :show-file-list="true" :on-success="handleAvatarSuccess"
               :before-upload="beforeAvatarUpload" v-if="scope.row.showInput">
               <img v-if="scope.row.imageUrl" :src="scope.row.imageUrl" class="avatar" />
               <el-icon v-else class="avatar-uploader-icon"></el-icon>
-              </el-upload>
+            </el-upload>
             <span v-else>{{ scope.row.rechargeVoucher }}</span>
           </template>
         </el-table-column>
         <el-table-column property="remark" label="备注" width="130px">
           <template #default="scope">
-            <textarea
-              v-if="scope.row.showInput"
-              v-model="scope.row.remark"
-              style="max-width: 90px"
-              rows="1"
-              cols="12"
-            ></textarea>
+            <el-input type="textarea" v-if="scope.row.showInput" v-model="scope.row.remark" style="max-width: 90px"
+              rows="1" cols="12"></el-input>
             <span v-else>{{ scope.row.remark }}</span>
           </template>
         </el-table-column>
         <el-table-column property="submitter" label="提交人">
           <el-input :value="adminData.name" disabled />
         </el-table-column>
-        <el-table-column
-          fixed="right"
-          prop="operation"
-          label="操作"
-          width="150px"
-        >
+        <el-table-column fixed="right" prop="operation" label="操作" width="150px">
           <template #default="scope">
             <div style="display: flex">
-              <el-popconfirm
-                title="确定将此条信息删除吗？"
-                @confirm="delConfirm"
-              >
+              <el-popconfirm title="确定将此条信息删除吗？" @confirm="delConfirm">
                 <template #reference>
                   <el-button type="danger" text @click="del(scope.row)">
                     删除
@@ -1065,10 +944,7 @@ const batchAdd = function () {
                   </el-button>
                 </template>
               </el-popconfirm>
-              <el-popconfirm
-                title="确定将此条信息重置吗？"
-                @confirm="resetConfirm"
-              >
+              <el-popconfirm title="确定将此条信息重置吗？" @confirm="resetConfirm">
                 <template #reference>
                   <el-button type="primary" text @click="reset(scope.row)">
                     重置
@@ -1092,7 +968,7 @@ const batchAdd = function () {
         <el-button type="primary" @click="batchAdd()"> 提交 </el-button>
       </div>
     </el-row>
-  </el-dialog> -->
+  </el-dialog>
 </template>
 
 <style scoped>
diff --git a/vue/gold-system/src/views/recharge/adminRecharge.vue b/vue/gold-system/src/views/recharge/adminRecharge.vue
index 1d26d69..5149216 100644
--- a/vue/gold-system/src/views/recharge/adminRecharge.vue
+++ b/vue/gold-system/src/views/recharge/adminRecharge.vue
@@ -436,6 +436,11 @@ onMounted(async function () {
         </el-tabs>
         <div>
           <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="username" label="姓名" width="100px" />
             <el-table-column prop="jwcode" label="精网号" width="130px" />
             <el-table-column prop="area" label="所属地区" width="100px" />
diff --git a/vue/gold-system/src/views/recharge/allRecharge.vue b/vue/gold-system/src/views/recharge/allRecharge.vue
index 2a8736e..e995dda 100644
--- a/vue/gold-system/src/views/recharge/allRecharge.vue
+++ b/vue/gold-system/src/views/recharge/allRecharge.vue
@@ -394,6 +394,11 @@ onMounted(async function () {
         </el-tabs>
         <div>
           <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="username" label="姓名" width="100px" />
             <el-table-column prop="jwcode" label="精网号" width="130px" />
             <el-table-column prop="area" label="所属地区" width="100px" />
diff --git a/vue/gold-system/src/views/refund/allRefund.vue b/vue/gold-system/src/views/refund/allRefund.vue
index 73ce461..2d814f8 100644
--- a/vue/gold-system/src/views/refund/allRefund.vue
+++ b/vue/gold-system/src/views/refund/allRefund.vue
@@ -404,6 +404,11 @@ const checkNumber = function () {
             :height="tableHeight"
             style="width: 100%"
           >
+          <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="userName" label="姓名" width="150px" />
             <el-table-column prop="jwcode" label="精网号" width="120px" />
             <el-table-column prop="area" label="所属地区" width="120px" />
diff --git a/vue/gold-system/src/views/usergold/index.vue b/vue/gold-system/src/views/usergold/index.vue
index 0962e83..60e3404 100644
--- a/vue/gold-system/src/views/usergold/index.vue
+++ b/vue/gold-system/src/views/usergold/index.vue
@@ -249,7 +249,12 @@ onMounted(async function () {
           }}，任务金币：{{ Math.abs(taskCoin) }}
         </div>
         <div>
-          <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+          <el-table :data="tableData" :height="tableHeight" style="width: 100%" >
+            <el-table-column type="index" label="序号" width="100px" fixed="left">
+              <template #default="scope">
+                <span>{{ scope.$index + 1+(getObj.pageNum-1)*getObj.pageSize }}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="uname" label="姓名" width="130" />
             <el-table-column prop="jwcode" label="精网号" width="170" />
             <el-table-column prop="area" label="所属地区" width="170" />
@@ -258,8 +263,8 @@ onMounted(async function () {
                 <span>{{
                   Math.abs(
                     scope.row.rechargeCoin +
-                      scope.row.freeCoin +
-                      scope.row.taskCoin
+                    scope.row.freeCoin +
+                    scope.row.taskCoin
                   )
                 }}</span>
               </template>