From e7fbeceebab3b75c2b7da674f4075c8a9eec8eb3 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Mon, 13 Jan 2025 15:35:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gold-system/src/views/recharge/addRecharge.vue | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/gold-system/src/views/recharge/addRecharge.vue b/gold-system/src/views/recharge/addRecharge.vue
index cc5a7af..e4ce0d8 100644
--- a/gold-system/src/views/recharge/addRecharge.vue
+++ b/gold-system/src/views/recharge/addRecharge.vue
@@ -381,18 +381,15 @@ const addLine = function () {
     paidGold: "0",
   });
 };
-const loading = ref(true);
+const loading = ref(false);
 // 添加多行
 const addLines = async function () {
-  loading.value = true;
   try {
     loading.value = true; // 操作开始前，将loading设为true，显示加载动画
     console.log(loading.value, "loading.value")
 
     await new Promise(resolve => setTimeout(resolve, 100)); // 人为创建一个小延迟
 
-    // 操作开始前，将loading设为true，显示加载动画
-    await nextTick(); // 等待视图更新，确保加载动画能及时显示出来
     for (let j = 0; j < addLineObj.value; j++) {
       batchData.value.unshift({
         line: ++i.value,
@@ -405,9 +402,6 @@ const addLines = async function () {
       });
     }
 
-    // 所有数据添加操作完成后，准备关闭加载动画
-    await nextTick(); // 再次等待视图更新，确保数据添加操作引起的视图变化已完成
-    loading.value = false; // 将loading设为false，关闭加载动画
     ElMessage.success("添加成功");
     console.log(batchData.value, "batchData.value");
   } catch (error) {
@@ -1119,6 +1113,7 @@ onMounted(async function () {
     </el-row>
     <el-row>
       <el-table
+        v-loading="loading"
         :data="batchData"
         border
         max-height="540px"
@@ -1453,12 +1448,6 @@ onMounted(async function () {
     >
     <el-button type="primary" @click="batchSettingConfirm()"> 确认 </el-button>
   </el-dialog>
-  <el-loading
-    :fullscreen="true"
-    :lock="true"
-    :text="'加载中...'"
-    v-model="loading"
-  ></el-loading>
 </template>
 
 <style scoped>