一期

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>