From 245d11576adfe9431cb6e9853d0bbd155370fdb7 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Fri, 3 Jan 2025 18:37:55 +0800
Subject: [PATCH 1/3] =?UTF-8?q?1.3=E6=97=A5=E4=BF=AE=E6=94=B9=E8=A7=81?=
 =?UTF-8?q?=E6=97=A5=E6=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/gold-system/src/views/recharge/addRecharge.vue | 313 +++++++++++----------
 vue/gold-system/src/views/usergold/index.vue       |   7 +
 2 files changed, 177 insertions(+), 143 deletions(-)

diff --git a/vue/gold-system/src/views/recharge/addRecharge.vue b/vue/gold-system/src/views/recharge/addRecharge.vue
index c827f00..eefe256 100644
--- a/vue/gold-system/src/views/recharge/addRecharge.vue
+++ b/vue/gold-system/src/views/recharge/addRecharge.vue
@@ -8,7 +8,8 @@ import API from "../../api/index.js";
 import moment from "moment";
 import { range, re } from "mathjs";
 import * as xlsx from 'xlsx';
-import _ from 'lodash';
+import _, { before } from 'lodash';
+import { th } from "element-plus/es/locales.mjs";
 
 // 这是添加上传图片的接口
 const imageUrl = ref("");
@@ -281,6 +282,7 @@ const deleteRecharge = function () {
 // 批量充值
 // jwcode列表
 const jwcodeList = ref([]);
+let jwcodeSet;
 // 获取jwcode列表
 const getJwcodeList = async function () {
   try {
@@ -294,16 +296,34 @@ const getJwcodeList = async function () {
     console.log("请求成功", result);
     // 存储表格数据
     jwcodeList.value = result.data;
-    jwcodeList.value = jwcodeList.value.map((item) => ({
-      value: item,
-      label: item,
-    }));
     console.log("精网号", jwcodeList.value);
+    // 将数组转换为set
+    jwcodeSet = new Set(jwcodeList.value);
+    console.log("精网号set", jwcodeSet);
   } catch (error) {
     console.log("请求失败", error);
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
 };
+
+// 校验精网号
+// 精网号错误对象
+const errorCount = ref(0);
+// 校验规则
+const validateInput = function (row, index) {
+  console.log(jwcodeSet.has(row.jwcode), "has");
+  if (!jwcodeSet.has(row.jwcode) && row.jwcode != '' && row.jwcode != null) {
+    row.isInputInvalid = true;
+    row.inputErrorMessage = '精网号不存在';
+    errorCount.value++;
+    return;
+  } else {
+    row.isInputInvalid = false;
+    row.inputErrorMessage = '';
+    errorCount.value--;
+  }
+}
+
 // 批量充值弹窗
 const batchRechargeVisible = ref(false);
 const jwcodeSelectRef = ref(null);
@@ -316,6 +336,11 @@ const batchData = ref([
   {
     line: 1,
     showInput: true,
+    isInputInvalid: false,
+    inputErrorMessage: '',
+    freeGold: "0",
+    rechargeGold: "0",
+    paidGold: "0",
   },
 ]);
 
@@ -332,52 +357,6 @@ const batchInit = function () {
   openBatchRechargeVisible();
 };
 
-// 提取添加滚动监听的逻辑到单独函数
-const addScrollListener = () => {
-  const SELECTWRAP_DOM = document.querySelector(
-    ".el-select-dropdown .el-select-dropdown__wrap"
-  );
-  if (SELECTWRAP_DOM) {
-    SELECTWRAP_DOM.addEventListener("scroll", function () {
-      const condition = this.scrollHeight - this.scrollTop <= this.clientHeight;
-      if (condition) binding.value();
-    });
-  }
-};
-// 局部注册指令
-const vJwcodeLoadmore = {
-  mounted(el, binding) {
-    nextTick(() => {
-      console.log("el===", el, "binding===", binding);
-      const SELECTWRAP_DOM = el.querySelector(
-        ".el-select-dropdown .el-select-dropdown__wrap"
-      );
-      console.log("SELECTWRAP_DOM===", SELECTWRAP_DOM);
-      if (SELECTWRAP_DOM) {
-        SELECTWRAP_DOM.addEventListener("scroll", function () {
-          /**
-           * scrollHeight 获取元素内容高度(只读)
-           * scrollTop 获取或者设置元素的偏移值,
-           *  常用于:计算滚动条的位置, 当一个元素的容器没有产生垂直方向的滚动条, 那它的scrollTop的值默认为0.
-           * clientHeight 读取元素的可见高度(只读)
-           * 如果元素滚动到底, 下面等式返回true, 没有则返回false:
-           * ele.scrollHeight - ele.scrollTop === ele.clientHeight;
-           */
-          const condition =
-            this.scrollHeight - this.scrollTop <= this.clientHeight;
-          if (condition) binding.value();
-        });
-      }
-    });
-  },
-};
-// 下拉框打开时调用添加滚动监听函数
-// const jwcodeSelectScrollerListener = () => {
-//   console.log(jwcodeSelectRef.value, 'jwcodeSelectRef.value')
-//   if (jwcodeSelectRef.value) {
-//     directives.loadmore(jwcodeSelectRef.value, loadMore(rangeNumber.value));
-//   }
-// };
 // 添加行数对象
 const addLineObj = ref(0);
 //添加一行
@@ -385,6 +364,11 @@ const addLine = function () {
   batchData.value.unshift({
     line: ++i.value,
     showInput: true,
+    isInputInvalid: false,
+    inputErrorMessage: '',
+    freeGold: "0",
+    rechargeGold: "0",
+    paidGold: "0",
   });
 };
 const loading = ref(false);
@@ -403,36 +387,34 @@ const loading = ref(false);
 //     ElMessage.error("添加失败");
 //   }
 // }
+
+// 添加多行点击按钮
 const addLines = async function () {
   try {
-    loading.value = true; // 操作开始前，将loading设为true，显示加载动画
-    await nextTick(); // 等待视图更新，确保加载动画能及时显示出来
+    // loading.value = true; // 操作开始前，将loading设为true，显示加载动画
+    // console.log(loading.value, "loading.value");
 
-    const addLinesPromises = [];
-    for (let j = 0; j < addLineObj.value; j++) {
-      addLinesPromises.push(
-        new Promise((resolve) => {
-          batchData.value.unshift({
-            line: ++i.value,
-            showInput: true,
-          });
-          resolve();
-        })
-      );
-    }
-    await Promise.all(addLinesPromises);
+    const newItems = Array.from({ length: addLineObj.value }, (_, index) => reactive({
+      line: ++i.value,
+      showInput: true,
+      isInputInvalid: false,
+      inputErrorMessage: '',
+      freeGold: "0",
+      rechargeGold: "0",
+      paidGold: "0",
+    }));
+    batchData.value = [...newItems, ...batchData.value];
 
-    // 所有数据添加操作完成后，准备关闭加载动画
-    await nextTick(); // 再次等待视图更新，确保数据添加操作引起的视图变化已完成
-    loading.value = false; // 将loading设为false，关闭加载动画
     ElMessage.success("添加成功");
+    // loading.value = false; // 将loading设为false，关闭加载动画
   } catch (error) {
     console.log("添加失败", error);
     ElMessage.error("添加失败");
     // 如果出现异常，也要确保关闭加载动画
-    loading.value = false;
+    // loading.value = false;
   }
 };
+
 // 导入excel按钮的ref
 const uploadRefMap = ref({});
 // 获取excel数据
@@ -634,79 +616,105 @@ const handleBatchAvatarSuccess = (response, uploadFile) => {
 };
 //批量充值确认按钮
 const batchAdd = async function () {
-  console.log("batchData===", batchData.value);
-  let msg = '';
-  if (batchData.value.length == 0) {
-    ElMessage({
-      type: "error",
-      message: "至少需要输入一条数据！",
-    });
-    return;
-  }
-  for (let i = 0; i < batchData.value.length; i++) {
-    batchData.value[i].adminId = adminData.value.adminId;
-    batchData.value[i].area = adminData.value.area;
-    batchData.value[i].rechargeWay = "客服充值";
-    if (
-      batchData.value[i].jwcode == "" ||
-      batchData.value[i].jwcode == null) {
-      msg += `精网号不能为空！ <br/>`;
-    }
-    if (
-      batchData.value[i].activityId == "" ||
-      batchData.value[i].activityId == null) {
-      msg += `活动不能为空！ <br/>`;
-    }
-    if (
-      batchData.value[i].paidGold == "" ||
-      batchData.value[i].paidGold == null) {
-      msg += `充值金币不能为空！ <br/>`;
+  try {
+    console.log("batchData===", batchData.value);
+    let msg = '';
+    if (batchData.value.length == 0) {
+      ElMessage({
+        type: "error",
+        message: "至少需要输入一条数据！",
+      });
+      return;
     }
-    if (
-      batchData.value[i].rechargeGold == "" ||
-      batchData.value[i].rechargeGold == null) {
-      msg += `充值金额不能为空！ <br/>`;
+    if (errorCount.value > 0) {
+      console.log("errorCount.value", errorCount.value);
+      ElMessage({
+        type: "error",
+        message: "请检查输入的精网号是否正确！",
+      });
+      return;
     }
-    if (
-      batchData.value[i].payWay == "" ||
-      batchData.value[i].payWay == null) {
-      msg += `收款方式不能为空！ <br/>`;
+    for (let i = 0; i < batchData.value.length; i++) {
+      batchData.value[i].adminId = adminData.value.adminId;
+      batchData.value[i].area = adminData.value.area;
+      batchData.value[i].rechargeWay = "客服充值";
+      if (
+        batchData.value[i].jwcode == "" ||
+        batchData.value[i].jwcode == null) {
+        msg += `精网号不能为空！ <br/>`;
+      }
+      if (
+        batchData.value[i].activityId == "" ||
+        batchData.value[i].activityId == null) {
+        msg += `活动不能为空！ <br/>`;
+      }
+      if (
+        batchData.value[i].paidGold == "" ||
+        batchData.value[i].paidGold == null) {
+        msg += `充值金币不能为空！ <br/>`;
+      }
+      if (
+        batchData.value[i].freeGold == "" ||
+        batchData.value[i].freeGold == null) {
+        msg += `免费金币不能为空！ <br/>`;
+      }
+      if (
+        batchData.value[i].rechargeGold == "" ||
+        batchData.value[i].rechargeGold == null) {
+        msg += `充值金额不能为空！ <br/>`;
+      }
+      if (
+        batchData.value[i].payWay == "" ||
+        batchData.value[i].payWay == null) {
+        msg += `收款方式不能为空！ <br/>`;
+      }
+      if (
+        batchData.value[i].rechargeTime == "" ||
+        batchData.value[i].rechargeTime == null) {
+        msg += `交款时间不能为空！ <br/>`;
+      }
+      if (msg != '' && msg != null) {
+        console.log(batchData.value[i]);
+        ElMessage({
+          dangerouslyUseHTMLString: true,
+          type: "error",
+          message: msg,
+        });
+        return;
+      }
     }
-    if (
-      batchData.value[i].rechargeTime == "" ||
-      batchData.value[i].rechargeTime == null) {
-      msg += `交款时间不能为空！ <br/>`;
+    console.log("batchData::", batchData.value);
+
+    const result = await API.post(
+      "http://192.168.8.93:10010/recharge/recharge/addmore",
+      { ...batchData.value }
+    );
+
+    if (result.code === 0) {
+      ElMessage.error("添加失败");
+      return;
     }
+
     ElMessage({
-      dangerouslyUseHTMLString: true,
-      type: "error",
-      message: msg,
+      type: "success",
+      message: "添加成功！",
     });
-    return;
-  }
-  console.log("batchData===", batchData.value);
 
-  const result = await API.post(
-    "http://192.168.8.93:10010/recharge/recharge/addmore",
-    { ...batchData.value }
-  );
-
-  if (result.code === 0) {
+    closeBatchRechargeVisible();
+  } catch (error) {
+    console.log("error===", error);
     ElMessage.error("添加失败");
     return;
-  }
-
-  ElMessage({
-    type: "success",
-    message: "添加成功！",
-  });
-
-  closeBatchRechargeVisible();
-};
+  };
+}
 // 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次
-const throttledBatchAdd = _.throttle(batchAdd, 5000, { trailing: false });
+const throttledBatchAdd = _.throttle(batchAdd, 2000, { trailing: false });
 // 批量设置的对象
-const batchSettingObj = ref({});
+const batchSettingObj = ref({
+  rechargeGold: "0",
+  paidGold: "0",
+  freeGold: "0",
+});
 // 批量充值弹窗
 const batchSettingVisible = ref(false);
 // 打开批量充值弹窗
@@ -730,7 +738,11 @@ const batchSettingHandleAvatarSuccess = (response, uploadFile) => {
 };
 // 批量设置取消按钮
 const cancelBatchSetting = function () {
-  batchSettingObj.value = {};
+  batchSettingObj.value = {
+    rechargeGold: "0",
+    paidGold: "0",
+    freeGold: "0",
+  };
   closeBatchSettingVisible();
 };
 // 批量设置确认按钮
@@ -804,7 +816,11 @@ const batchSettingConfirm = function () {
       batchData.value[i].remark = batchSettingObj.value.remark;
     }
   }
-  batchSettingObj.value = {};
+  batchSettingObj.value = {
+    rechargeGold: "0",
+    paidGold: "0",
+    freeGold: "0",
+  };
   closeBatchSettingVisible();
 };
 
@@ -949,9 +965,9 @@ onMounted(async function () {
       <!-- <el-button type="primary" @click="addLine()" style="margin-right: 10px">新增一行</el-button> -->
       <div style="font-weight: bold; font-size: 20px">
         <span>添加</span>
-        <el-input style="width: 60px" v-model="addLineObj"></el-input>
+        <el-input-number min="1" style="width: 100px;" controls-position="right" v-model="addLineObj"></el-input-number>
         <span>行</span>
-        <el-button type="primary" @click="addLines()" style="margin-right: 10px">添加</el-button>
+        <el-button type="primary" @click="addLines" style="margin-right: 10px">添加</el-button>
       </div>
       <el-button type="warning" @click="batchSettingInit()" style="margin-right: 10px">批量设置</el-button>
       <!-- <el-upload :ref="(el) => handleSetUploadRefMap(el)" action="" :http-request="httpExcelRequest" :limit="1" :show-file-list="false"
@@ -961,7 +977,7 @@ onMounted(async function () {
       <el-button type="danger" plain @click="batchDel()" style="margin-right: 10px; width: 130px">批量删除</el-button>
     </el-row>
     <el-row>
-      <el-table v-loading="loading" :data="batchData" border max-height="540px" style="height: 540px"
+      <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">
@@ -970,16 +986,18 @@ onMounted(async function () {
           </template>
         </el-table-column>
         <el-table-column property="jwcode" label="精网号" width="150px">
-          <!-- <template #default="scope">
-            <el-input v-if="scope.row.showInput" v-model="scope.row.jwcode" style="width: 110px" />
-            <span v-else>{{ scope.row.jwcode }}</span>
-          </template> -->
           <template #default="scope">
+            <el-input v-if="scope.row.showInput" :class="{ 'is-invalid': scope.row.isInputInvalid }"
+              @blur="validateInput(scope.row)" v-model="scope.row.jwcode" style="width: 110px" />
+            <p v-if="scope.row.isInputInvalid" class="error-message">{{
+              scope.row.inputErrorMessage }}</p>
+          </template>
+          <!-- <template #default="scope">
             <el-select-v2 v-if="scope.row.showInput" filterable clearable v-model="scope.row.jwcode"
               placeholder="请选择精网号" style="widows: 110px;" :options="jwcodeList">
             </el-select-v2>
             <span v-else>{{ scope.row.jwcode }}</span>
-          </template>
+          </template> -->
         </el-table-column>
         <el-table-column property="activityName" label="活动名称" width="150px">
           <template #default="scope">
@@ -1002,7 +1020,7 @@ onMounted(async function () {
         <el-table-column property="freeGold" label="免费金币" width="110px">
           <template #default="scope">
             <el-input v-if="scope.row.showInput" v-model="scope.row.freeGold" style="width: 70px" />
-            <span v-else>{{ scope.row.paidGold }}</span>
+            <span v-else>{{ scope.row.freeGold }}</span>
           </template>
         </el-table-column>
         <el-table-column property="rate" label="货币名称">
@@ -1180,6 +1198,15 @@ p {
 </style>
 
 <style>
+.error-message {
+  color: red;
+  font-size: 12px;
+}
+
+.is-invalid .el-input__inner {
+  border-color: red;
+}
+
 .avatar-uploader .el-upload {
   border: 1px dashed var(--el-border-color);
   border-radius: 6px;
diff --git a/vue/gold-system/src/views/usergold/index.vue b/vue/gold-system/src/views/usergold/index.vue
index 4bcf14d..947c3b7 100644
--- a/vue/gold-system/src/views/usergold/index.vue
+++ b/vue/gold-system/src/views/usergold/index.vue
@@ -47,6 +47,10 @@ const updateType = [
     value: "2",
     label: "退款",
   },
+  {
+    value:"3",
+    label:"其他"
+  }
 ];
 
 // //表格高度
@@ -565,6 +569,9 @@ const get30 = function () {
                 <span v-if="scope.row.updateType == 2">
                   <span>退款</span>
                 </span>
+                <span v-if="scope.row.updateType == 3">
+                  <span>其他</span>
+                </span>
               </template>
             </el-table-column>
             <el-table-column prop="freeCoin" label="免费金币" width="130">

From a795fd4c7e12eb222ca92f37164107fc855c3ffb Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Mon, 6 Jan 2025 10:22:54 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E6=89=B9=E9=87=8F=E5=85=85=E5=80=BC?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=B2=BE=E7=BD=91=E5=8F=B7=E7=9A=84=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/gold-system/src/router/index.js                |   2 +-
 vue/gold-system/src/views/login.vue                |   2 +-
 vue/gold-system/src/views/recharge/addRecharge.vue |  92 +++++++----
 vue/gold-system/src/views/z.vue                    | 181 ++++++++++++---------
 4 files changed, 160 insertions(+), 117 deletions(-)

diff --git a/vue/gold-system/src/router/index.js b/vue/gold-system/src/router/index.js
index e951857..0c8fc72 100644
--- a/vue/gold-system/src/router/index.js
+++ b/vue/gold-system/src/router/index.js
@@ -4,7 +4,7 @@ const router=createRouter({
     history:createWebHashHistory(),
     routes:[
         {path:'/login', name:"login", component:()=>import("../views/login.vue")},
-        {path:'/',redirect:"/workspace"},
+        {path:'/',redirect:"/login"},
         {path:'/test',component:()=>import("../views/z.vue")},
         {
             meta:{requireAuth:true},
diff --git a/vue/gold-system/src/views/login.vue b/vue/gold-system/src/views/login.vue
index bc409fd..73cf936 100644
--- a/vue/gold-system/src/views/login.vue
+++ b/vue/gold-system/src/views/login.vue
@@ -21,7 +21,7 @@ const login = async function () {
     );
     if (result.data.code == 200) {
       localStorage.setItem("token", result.data.msg);
-      router.push("/");
+      router.push("/workspace");
       ElMessage.success("登录成功");
       console.log("请求成功", result);
     } else {
diff --git a/vue/gold-system/src/views/recharge/addRecharge.vue b/vue/gold-system/src/views/recharge/addRecharge.vue
index eefe256..e45a225 100644
--- a/vue/gold-system/src/views/recharge/addRecharge.vue
+++ b/vue/gold-system/src/views/recharge/addRecharge.vue
@@ -373,48 +373,68 @@ const addLine = function () {
 };
 const loading = ref(false);
 // 添加多行
-// const addLines = async function () {
-//   try {
-//     for (let j = 0; j < addLineObj.value; j++) {
-//       batchData.value.unshift({
-//         line: ++i.value,
-//         showInput: true,
-//       });
-//     }
-//     ElMessage.success("添加成功");
-//   } catch (error) {
-//     console.log("添加失败", error);
-//     ElMessage.error("添加失败");
-//   }
-// }
-
-// 添加多行点击按钮
 const addLines = async function () {
   try {
-    // loading.value = true; // 操作开始前，将loading设为true，显示加载动画
-    // console.log(loading.value, "loading.value");
+    loading.value = true; // 操作开始前，将loading设为true，显示加载动画
+    console.log(loading.value, "loading.value")
 
-    const newItems = Array.from({ length: addLineObj.value }, (_, index) => reactive({
-      line: ++i.value,
-      showInput: true,
-      isInputInvalid: false,
-      inputErrorMessage: '',
-      freeGold: "0",
-      rechargeGold: "0",
-      paidGold: "0",
-    }));
-    batchData.value = [...newItems, ...batchData.value];
+    await new Promise(resolve => setTimeout(resolve, 100)); // 人为创建一个小延迟
 
+    for (let j = 0; j < addLineObj.value; j++) {
+      batchData.value.unshift({
+        line: ++i.value,
+        showInput: true,
+        isInputInvalid: false,
+        inputErrorMessage: '',
+        freeGold: "0",
+        rechargeGold: "0",
+        paidGold: "0",
+      });
+    }
     ElMessage.success("添加成功");
-    // loading.value = false; // 将loading设为false，关闭加载动画
+    console.log(batchData.value, "batchData.value");
   } catch (error) {
     console.log("添加失败", error);
     ElMessage.error("添加失败");
-    // 如果出现异常，也要确保关闭加载动画
-    // loading.value = false;
+  } finally {
+    loading.value = false;
+    console.log(loading.value, "loading.value")
   }
-};
+}
+// 添加多行点击按钮
+// const addLines = async function () {
+//   try {
+
+//     loading.value = true; // 操作开始前，将loading设为true，显示加载动画
+//     console.log(loading.value, "loading.value")
+
+//     await new Promise(resolve => setTimeout(resolve, 100)); // 人为创建一个小延迟
+
+//     const newItems = Array.from({ length: addLineObj.value }, (_, index) => reactive({
+//       line: ++i.value,
+//       showInput: true,
+//       isInputInvalid: false,
+//       inputErrorMessage: '',
+//       freeGold: "0",
+//       rechargeGold: "0",
+//       paidGold: "0",
+//     }));
+//     batchData.value = [...newItems, ...batchData.value];
+//     ElMessage.success("添加成功");
 
+//     console.log(batchData.value, "batchData.value");
+
+//     loading.value = false;
+//     console.log(loading.value, "loading.value")
+//   } catch (error) {
+//     console.log("添加失败", error);
+//     ElMessage.error("添加失败");
+//     // 如果出现异常，也要确保关闭加载动画
+//     loading.value = false;
+//   }
+// };
+// 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次
+const throttledAddLines = _.throttle(addLines, 500, { trailing: false });
 // 导入excel按钮的ref
 const uploadRefMap = ref({});
 // 获取excel数据
@@ -967,7 +987,7 @@ onMounted(async function () {
         <span>添加</span>
         <el-input-number min="1" style="width: 100px;" controls-position="right" v-model="addLineObj"></el-input-number>
         <span>行</span>
-        <el-button type="primary" @click="addLines" style="margin-right: 10px">添加</el-button>
+        <el-button type="primary" @click="throttledAddLines" style="margin-right: 10px">添加</el-button>
       </div>
       <el-button type="warning" @click="batchSettingInit()" style="margin-right: 10px">批量设置</el-button>
       <!-- <el-upload :ref="(el) => handleSetUploadRefMap(el)" action="" :http-request="httpExcelRequest" :limit="1" :show-file-list="false"
@@ -977,8 +997,8 @@ onMounted(async function () {
       <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 id="batchTable" v-loading="loading" :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">
@@ -1200,7 +1220,7 @@ p {
 <style>
 .error-message {
   color: red;
-  font-size: 12px;
+  font-size: 8px;
 }
 
 .is-invalid .el-input__inner {
diff --git a/vue/gold-system/src/views/z.vue b/vue/gold-system/src/views/z.vue
index e6bacc9..8e482c4 100644
--- a/vue/gold-system/src/views/z.vue
+++ b/vue/gold-system/src/views/z.vue
@@ -1,107 +1,130 @@
 <script setup>
-import { all } from 'axios';
-import * as echarts from 'echarts';
-import { ref, onMounted, reactive, computed } from "vue";
-import { VscInfo } from 'vue-icons-plus/vsc'
-import { Bs1CircleFill, Bs2CircleFill, Bs3CircleFill, Bs4Circle, Bs5Circle, Bs6Circle, Bs7Circle, Bs8Circle } from 'vue-icons-plus/bs'
-import axios from 'axios';
+import { ref, onMounted, reactive, computed, nextTick } from "vue";
 
 // 变量
-const option4Data = ref([]);
-const a1=ref(1000);
-const a2=ref(2000);
-const a3=ref(3000);
-const a4=ref(4000);
+let allData = []
+let tableData = []
+let elTableHeight = 0  //el-table的高度
+let theadHeight = 0  //表头的高度
+let contentHeight = 0 //主要内容高度
+let showRowCount = 0 //一共能显示多少行 
+let falseBox = 0  //后边假盒子的高度
+let scollBoxHeight = 0 //假滚动条的高度
+let scrollTopRowCount = 0 //一共向上滚动了多少行
+
+// 方法
 onMounted(async function () {
-    option4Data.value = [
-        { value: a1.value, name: '1000金币' },
-        { value: a2.value, name: '2000金币' },
-        { value: a3.value, name: '3000金币' },
-        { value: a4.value, name: '4000金币' },
-    ];
-    // 第一个柱状图 基于准备好的dom，初始化echarts实例
-    var rechargeBar = echarts.init(document.getElementById('main'));
-
-    const option = {
-        tooltip: {
-            trigger: 'item'
-        },
-        legend: {
-            bottom: '-2%',
-            left: 'center',
-            orient: 'vertical'
-        },
-        grid: {
-            top: '0%', // 设置图表距离容器顶部的距离为10%，使饼图上移
-        },
-        series: [
-            {
-                name: '全年累计消耗金币数(个)\n10000',
-                type: 'pie',
-                radius: ['80%', '60%'],
-                avoidLabelOverlap: false,
-                label: {
-                    show: true,
-                    position: 'center',
-                    formatter: '{a}',
-                    fontSize: 15,
-                    fontWeight: 'bold'
-                },
-                labelLine: {
-                    show: false
-                },
-                data: option4Data.value,
-                color: ['#57a5ff', '#7f29ff', '#f2d113']
-            }
-        ]
-    };
-    // 使用刚指定的配置项和数据显示图表。
-    rechargeBar.setOption(option);
-})
+    allData = [];
+    for (let i = 0; i < 10000; i++) {
+        allData.push({
+            name: '张三' + i,
+            age: 20 + i,
+            address: '北京市海淀区' + i,
+            salary: 50000 + i,
+            date: '2022-01-01'
+        })
+    }
+    scollBoxHeight = 45 * allData.length + 45; //多加一行，要不然滚动到底差一行
+    await new Promise(resolve => setTimeout(resolve, 100)); // 人为创建一个小延迟
+    nextTick(() => {
+        elTableHeight = document.querySelector('.table-box .el-table').offsetHeight;
+        theadHeight = document.querySelector('.table-box .el-table__header-wrapper').offsetHeight;
+        contentHeight = elTableHeight - theadHeight;
+        showRowCount = Math.floor(contentHeight / 45);
+        // 获取默认显示的前 <showRowCount> 条
+        tableData = JSON.parse(JSON.stringify(allData)).splice(0, showRowCount);
+    })
+    falseBox = document.querySelector('.false-box');
+    falseBox.addEventListener('scroll', function (e) {
+        scrollTopRowCount = Math.ceil(e.target.scrollTop / 45);
+        // 获取从索引<scrollTopRowCount> 开始 <showRowCount> 条
+        tableData = JSON.parse(JSON.stringify(allData)).splice(scrollTopRowCount, showRowCount);
+    });
+    console.log(allData)
+    console.log(elTableHeight)
+    console.log(theadHeight)
+    console.log(contentHeight)
+    console.log(showRowCount)
+    console.log(falseBox)
+    console.log(scollBoxHeight)
+    console.log(tableData)
 
-const imgrule = ref('..\assets\韩信.png');
+})
 
 </script>
 
 <template>
-    <div>
-        <el-image :preview-src-list="[imgrule]" preview-teleported="true" src="..\assets\动漫美女.png" alt="美女" style="width: 50px; height: 50px" />
+    <div class="box" style="width: 1000px; height: 500px; overflow: hidden; position: relative;">
+        <!-- false-box这是一个用来显示滚动条的方法 -->
+        <div class="false-box" style="width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; overflow: auto;">
+            <div class="scroll-box" :style="{ 'height': scollBoxHeight + 'px' }">
+                <!-- scroll-box是用来撑起盒子的方法 -->
+            </div>
+        </div>
+        <div class="table-box">
+            <el-table :data="tableData" style="width: 100%">
+                <el-table-column prop="name" label="姓名" width="180">
+                </el-table-column>
+                <el-table-column prop="age" label="年龄" width="180">
+                </el-table-column>
+                <el-table-column prop="address" label="地址">
+                </el-table-column>
+                <el-table-column prop="salary" label="薪资" width="180">
+
+                </el-table-column>
+                <el-table-column prop="date" label="日期" width="180">
+                </el-table-column>
+
+
+            </el-table>
+        </div>
     </div>
-    <div id="main" style="width: 600px;height:400px;"></div>
 </template>
 
 <style scoped>
-.comparedWithYesterday {
-    display: flex;
+.box {
+    width: 1000px;
+    height: 500px;
+    overflow: hidden;
+    position: relative;
 }
 
-.ranking-item {
-    margin-bottom: 10px;
+.box .false-box {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    overflow: auto;
 }
 
-.ranking-header {
-    margin-bottom: 10px;
-    display: flex;
+.box .false-box .scroll-box {
+    width: 100%;
+    height: 1000px;
+    position: absolute;
+    top: 0%;
+    left: 0%;
 }
 
-.goldCategory {
-    margin-right: 20px;
-    display: flex;
+.box .table-box {
+    width: calc(100% - 20px);
+    height: 100%;
+    position: absolute;
+    top: 0%;
+    left: 0%;
 }
 
-.bar {
-    display: flex;
-}
 
-.pie {
-    display: flex;
+::v-deep .el-table {
+    width: 100%;
+    height: 100%;
 }
 
-.el-row {
-    margin-bottom: 20px;
+.el-table .el-table__row {
+    height: 45px;
 }
 
-.el-radio-button {
-    border: 1px solid grey;
+.el-table .el-table__row td {
+    padding: 0px
 }
 </style>
\ No newline at end of file

From 2d55f6fe95fb81b8b3aca66b7feac9c09e5e29e7 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Tue, 7 Jan 2025 11:57:17 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E5=B0=86=E5=85=85=E5=80=BC=E9=87=91?=
 =?UTF-8?q?=E5=B8=81=E6=94=B9=E4=B8=BA=E6=B0=B8=E4=B9=85=E9=87=91=E5=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/gold-system/src/views/audit/rechargeAudit.vue  |  2 +-
 vue/gold-system/src/views/audit/refundAudit.vue    |  2 +-
 vue/gold-system/src/views/consume/addConsume.vue   |  6 +++---
 vue/gold-system/src/views/consume/allConsume.vue   |  2 +-
 vue/gold-system/src/views/recharge/addRecharge.vue | 16 +++++++--------
 .../src/views/recharge/adminRecharge.vue           |  2 +-
 vue/gold-system/src/views/recharge/allRecharge.vue |  2 +-
 vue/gold-system/src/views/refund/addRefund.vue     |  6 +++---
 vue/gold-system/src/views/refund/allRefund.vue     |  2 +-
 vue/gold-system/src/views/usergold/index.vue       |  6 +++---
 vue/gold-system/src/views/usergoldInfo/index.vue   |  2 +-
 vue/gold-system/src/views/workspace/index.vue      | 24 +++++++++++-----------
 12 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/vue/gold-system/src/views/audit/rechargeAudit.vue b/vue/gold-system/src/views/audit/rechargeAudit.vue
index 5017093..cfb52d1 100644
--- a/vue/gold-system/src/views/audit/rechargeAudit.vue
+++ b/vue/gold-system/src/views/audit/rechargeAudit.vue
@@ -573,7 +573,7 @@ onMounted(async function () {
               label="充值方式"
               width="100px"
             />
-            <el-table-column prop="paidGold" label="充值金币" width="100px" />
+            <el-table-column prop="paidGold" label="永久金币" width="100px" />
             <el-table-column prop="freeGold" label="免费金币" width="100px" />
             <el-table-column
               prop="remark"
diff --git a/vue/gold-system/src/views/audit/refundAudit.vue b/vue/gold-system/src/views/audit/refundAudit.vue
index 9741877..ed29ab5 100644
--- a/vue/gold-system/src/views/audit/refundAudit.vue
+++ b/vue/gold-system/src/views/audit/refundAudit.vue
@@ -537,7 +537,7 @@ onMounted(async function () {
             </el-table-column>
             <el-table-column
               prop="rechargeCoin"
-              label="充值金币"
+              label="永久金币"
               width="100px"
             />
             <el-table-column prop="freeCoin" label="免费金币" width="100px" />
diff --git a/vue/gold-system/src/views/consume/addConsume.vue b/vue/gold-system/src/views/consume/addConsume.vue
index a74c252..0581439 100644
--- a/vue/gold-system/src/views/consume/addConsume.vue
+++ b/vue/gold-system/src/views/consume/addConsume.vue
@@ -241,7 +241,7 @@ function calculateCoins() {
     addConsume.value.freeCoin = Math.min(remainingGold, todayFree);
     remainingGold -= addConsume.value.freeCoin;
 
-    addConsume.value.rechargeCoin = remainingGold; // 剩余的都算作充值金币
+    addConsume.value.rechargeCoin = remainingGold; // 剩余的都算作永久金币
 
     // 恢复allGold的原始值
     addConsume.value.allGold = originalAllGold;
@@ -302,7 +302,7 @@ function calculateCoins() {
       />
     </el-form-item>
     <div style="display: flex; align-items: center">
-      <el-form-item prop="rechargeCoin" label="充值金币" style="float: left">
+      <el-form-item prop="rechargeCoin" label="永久金币" style="float: left">
         <el-input
           disabled
           v-model="addConsume.rechargeCoin"
@@ -386,7 +386,7 @@ function calculateCoins() {
             <span
               style="display: inline; white-space: nowrap; color: #b1b1b1"
               v-if="user.buyJb"
-              >(充值金币:{{ user.buyJb }};免费金币:{{
+              >(永久金币:{{ user.buyJb }};免费金币:{{
                 user.free6 + user.free12
               }};任务金币:{{ user.coreJb }})</span
             >
diff --git a/vue/gold-system/src/views/consume/allConsume.vue b/vue/gold-system/src/views/consume/allConsume.vue
index 040b0c5..01431ba 100644
--- a/vue/gold-system/src/views/consume/allConsume.vue
+++ b/vue/gold-system/src/views/consume/allConsume.vue
@@ -383,7 +383,7 @@ getGoods();
                 {{ scope.row.freeCoin * -1 }}
               </template>
             </el-table-column>
-            <el-table-column prop="rechargeCoin" label="充值金币" width="120px"
+            <el-table-column prop="rechargeCoin" label="永久金币" width="120px"
               ><template #default="scope">
                 {{ scope.row.rechargeCoin * -1 }}
               </template>
diff --git a/vue/gold-system/src/views/recharge/addRecharge.vue b/vue/gold-system/src/views/recharge/addRecharge.vue
index caba159..0cfc42f 100644
--- a/vue/gold-system/src/views/recharge/addRecharge.vue
+++ b/vue/gold-system/src/views/recharge/addRecharge.vue
@@ -104,7 +104,7 @@ const Ref = ref(null);
 
 const checkFreeGoldRadio = function (rule, value, callback) {
   if (value == "0" || value == null || value == "") {
-    callback(new Error("请输入充值金币"));
+    callback(new Error("请输入永久金币"));
   } else if (value < 0 || isNaN(value)) {
     callback(new Error("请输入正确的格式"));
   } else {
@@ -580,7 +580,7 @@ const changeActivity = function (row) {
     }
   }
 };
-//监听改变充值金币时的操作
+//监听改变永久金币时的操作
 const changePaidGold = function (row) {
   console.log("row===", row);
   let ratio = 0;
@@ -682,7 +682,7 @@ const batchAdd = async function () {
       if (
         batchData.value[i].paidGold == "" ||
         batchData.value[i].paidGold == null) {
-        msg += `充值金币不能为空！ <br/>`;
+        msg += `永久金币不能为空！ <br/>`;
       }
       if (
         batchData.value[i].freeGold == "" ||
@@ -877,7 +877,7 @@ onMounted(async function () {
         <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="充值金币">
+    <el-form-item prop="paidGold" label="永久金币">
       <el-input v-model="addRecharge.paidGold" style="width: 100px" />
       <p style="margin-right: 20px">个</p>
       <p>免费金币</p>
@@ -946,7 +946,7 @@ onMounted(async 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>
@@ -1041,7 +1041,7 @@ onMounted(async function () {
             <span v-else>{{ scope.row.activityName }}</span>
           </template>
         </el-table-column>
-        <el-table-column property="paidGold" label="充值金币" width="110px">
+        <el-table-column property="paidGold" label="永久金币" width="110px">
           <template #default="scope">
             <el-input v-if="scope.row.showInput" v-model="scope.row.paidGold" style="width: 70px"
               @change="changePaidGold(scope.row)" />
@@ -1162,8 +1162,8 @@ onMounted(async function () {
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="充值金币">
-        <el-input v-model="batchSettingObj.paidGold" placeholder="请输入充值金币"></el-input>
+      <el-form-item label="永久金币">
+        <el-input v-model="batchSettingObj.paidGold" placeholder="请输入永久金币"></el-input>
       </el-form-item>
       <el-form-item label="免费金币">
         <el-input v-model="batchSettingObj.freeGold"></el-input>
diff --git a/vue/gold-system/src/views/recharge/adminRecharge.vue b/vue/gold-system/src/views/recharge/adminRecharge.vue
index 9993e94..bc6ce4e 100644
--- a/vue/gold-system/src/views/recharge/adminRecharge.vue
+++ b/vue/gold-system/src/views/recharge/adminRecharge.vue
@@ -460,7 +460,7 @@ onMounted(async function () {
               width="120px"
               sortable
             />
-            <el-table-column prop="paidGold" label="充值金币" width="100px" />
+            <el-table-column prop="paidGold" label="永久金币" width="100px" />
             <el-table-column prop="freeGold" label="免费金币" width="100px" />
             <el-table-column
               prop="remark"
diff --git a/vue/gold-system/src/views/recharge/allRecharge.vue b/vue/gold-system/src/views/recharge/allRecharge.vue
index 878064a..fa49576 100644
--- a/vue/gold-system/src/views/recharge/allRecharge.vue
+++ b/vue/gold-system/src/views/recharge/allRecharge.vue
@@ -423,7 +423,7 @@ onMounted(async function () {
               label="充值方式"
               width="100px"
             />
-            <el-table-column prop="paidGold" label="充值金币" width="100px" />
+            <el-table-column prop="paidGold" label="永久金币" width="100px" />
             <el-table-column prop="freeGold" label="免费金币" width="100px" />
             <el-table-column
               prop="remark"
diff --git a/vue/gold-system/src/views/refund/addRefund.vue b/vue/gold-system/src/views/refund/addRefund.vue
index d593220..a7469b4 100644
--- a/vue/gold-system/src/views/refund/addRefund.vue
+++ b/vue/gold-system/src/views/refund/addRefund.vue
@@ -120,7 +120,7 @@ const rules = reactive({
   taskCoin: [{ required: true, message: "请输入任务金币", trigger: "blur" }],
   freeCoin: [{ required: true, message: "请输入免费金币", trigger: "blur" }],
   rechargeCoin: [
-    { required: true, message: "请输入充值金币", trigger: "blur" },
+    { required: true, message: "请输入永久金币", trigger: "blur" },
   ],
   allCoin: [
     { required: true, message: "请选择付款方式", trigger: "blur" },
@@ -340,7 +340,7 @@ const handleSelectionChange = (value) => {
     </el-form-item>
 
     <div style="display: flex; align-items: center">
-      <el-form-item prop="rechargeCoin" label="充值金币" style="float: left">
+      <el-form-item prop="rechargeCoin" label="永久金币" style="float: left">
         <el-input
           v-model="addRefund.rechargeCoin"
           style="width: 100px"
@@ -428,7 +428,7 @@ const handleSelectionChange = (value) => {
             <span
               style="display: inline; white-space: nowrap; color: #b1b1b1"
               v-if="user.buyJb"
-              >(充值金币:{{ user.buyJb }};免费金币:{{
+              >(永久金币:{{ user.buyJb }};免费金币:{{
                 user.free6 + user.free12
               }};任务金币:{{ user.coreJb }})</span
             >
diff --git a/vue/gold-system/src/views/refund/allRefund.vue b/vue/gold-system/src/views/refund/allRefund.vue
index 7c85e16..875d625 100644
--- a/vue/gold-system/src/views/refund/allRefund.vue
+++ b/vue/gold-system/src/views/refund/allRefund.vue
@@ -434,7 +434,7 @@ const checkNumber = function () {
             </el-table-column>
             <el-table-column
               prop="rechargeCoin"
-              label="充值金币"
+              label="永久金币"
               width="100px"
             />
             <el-table-column prop="freeCoin" label="免费金币" width="100px" />
diff --git a/vue/gold-system/src/views/usergold/index.vue b/vue/gold-system/src/views/usergold/index.vue
index 947c3b7..8e66ed3 100644
--- a/vue/gold-system/src/views/usergold/index.vue
+++ b/vue/gold-system/src/views/usergold/index.vue
@@ -229,7 +229,7 @@ const json_fields = (row) => {
     row.consumePlatform, // 平台信息
     row.firstexam_score, // 更新数量
     row.freeCoin, // 免费金币
-    row.rechageCoin, // 充值金币
+    row.rechageCoin, // 永久金币
     row.taskCoin, // 任务金币
     row.name, // 提交人
     moment(row.createTime).format("YYYY-MM-DD HH:mm:ss"), // 更新时间，假设你想要格式化时间
@@ -520,7 +520,7 @@ const get30 = function () {
     <el-col>
       <el-card>
         <div>
-          现有金币：免费金币：{{ Math.abs(freeCoin) }}，充值金币：{{
+          现有金币：免费金币：{{ Math.abs(freeCoin) }}，永久金币：{{
             Math.abs(rechargeCoin)
           }}，任务金币：{{ Math.abs(taskCoin) }}
         </div>
@@ -579,7 +579,7 @@ const get30 = function () {
                 <span>{{ Math.abs(scope.row.freeCoin) }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="rechargeCoin" label="充值金币" width="150">
+            <el-table-column prop="rechargeCoin" label="永久金币" width="150">
               <template #default="scope">
                 <span>{{ Math.abs(scope.row.rechargeCoin) }}</span>
               </template>
diff --git a/vue/gold-system/src/views/usergoldInfo/index.vue b/vue/gold-system/src/views/usergoldInfo/index.vue
index f3af94f..9381255 100644
--- a/vue/gold-system/src/views/usergoldInfo/index.vue
+++ b/vue/gold-system/src/views/usergoldInfo/index.vue
@@ -243,7 +243,7 @@ onMounted(async function () {
                 <span>{{ Math.abs(scope.row.free6 + scope.row.free12) }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="buyJb" label="充值金币" width="110">
+            <el-table-column prop="buyJb" label="永久金币" width="110">
               <template #default="scope">
                 <span>{{ Math.abs(scope.row.buyJb) }}</span>
               </template>
diff --git a/vue/gold-system/src/views/workspace/index.vue b/vue/gold-system/src/views/workspace/index.vue
index 97f72e1..362fcea 100644
--- a/vue/gold-system/src/views/workspace/index.vue
+++ b/vue/gold-system/src/views/workspace/index.vue
@@ -68,7 +68,7 @@ const gold = [
   },
   {
     value: "充值金币",
-    label: "充值金币",
+    label: "永久金币",
   },
   {
     value: "免费金币",
@@ -144,7 +144,7 @@ const get = async function () {
     option3Data.value = [
       {
         value: Math.abs(statistics.value.rechargeSumCoin),
-        name: "充值金币" + " | " + statistics.value.rechargeSumCoin,
+        name: "永久金币" + " | " + statistics.value.rechargeSumCoin,
       },
       {
         value: Math.abs(statistics.value.freeSumCoin),
@@ -160,7 +160,7 @@ const get = async function () {
       {
         value: Math.abs(getYearConsumeCoin.value.yearSumRechargeCoin),
         name:
-          "充值金币" +
+          "永久金币" +
           " | " +
           Math.abs(getYearConsumeCoin.value.yearSumRechargeCoin),
       },
@@ -184,7 +184,7 @@ const get = async function () {
     option5Data.value = [
       {
         value: Math.abs(getSumCoin.value.todayRecharge),
-        name: "充值金币" + " | " + getSumCoin.value.todayRecharge,
+        name: "永久金币" + " | " + getSumCoin.value.todayRecharge,
       },
       {
         value: Math.abs(getSumCoin.value.todayFree),
@@ -440,7 +440,7 @@ const getMiddleBar = async function () {
       },
       series: [
         {
-          name: "充值金币",
+          name: "永久金币",
           color: "#35e383",
           type: "bar",
           stack: "total",
@@ -513,7 +513,7 @@ const getMiddleBar = async function () {
       },
       series: [
         {
-          name: "充值金币",
+          name: "永久金币",
           color: "#35e383",
           type: "bar",
           stack: "total",
@@ -906,7 +906,7 @@ onMounted(async function () {
     },
     series: [
       {
-        name: "充值金币",
+        name: "永久金币",
         color: "#35e383",
         type: "bar",
         stack: "total",
@@ -1125,7 +1125,7 @@ onMounted(async function () {
             </span>
           </p>
           <template #footer>
-            <span>充值{{ formatNum(getSumCoin.todayRecharge) }}
+            <span>永久{{ formatNum(getSumCoin.todayRecharge) }}
               免费{{ formatNum(getSumCoin.todayFree) }}
               任务{{ formatNum(getSumCoin.todayTask) }}
             </span>
@@ -1242,7 +1242,7 @@ onMounted(async function () {
           <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleChange">
             <el-tab-pane label="金币充值" name="recharge">
               <div>
-                合计：充值金币：
+                合计：永久金币：
                 <span class="mid-head-font">{{
                   formatNum(middleTotalRecharge)
                 }}</span>
@@ -1259,7 +1259,7 @@ onMounted(async function () {
                 <div id="recharge" style="width: 100%; height: 400px"></div>
                 <div style="width: 140px">
                   <div class="goldCategory">
-                    <span>充值金币</span>
+                    <span>永久金币</span>
                   </div>
                   <div class="goldCategory">
                     <span>免费金币</span>
@@ -1295,7 +1295,7 @@ onMounted(async function () {
             </el-tab-pane>
             <el-tab-pane label="金币消费" name="consume">
               <div>
-                合计：充值金币：
+                合计：永久金币：
                 <span class="mid-head-font">{{
                   formatNum(middleTotalRecharge)
                 }}</span>
@@ -1312,7 +1312,7 @@ onMounted(async function () {
                 <div id="consume" style="width: 100%; height: 400px"></div>
                 <div style="width: 140px">
                   <div class="goldCategory">
-                    <span>充值金币</span>
+                    <span>永久金币</span>
                   </div>
                   <div class="goldCategory">
                     <span>免费金币</span>