fix: 修改扣费明细为交易明细

src/views/user/balance.vue

@@ -176,7 +176,7 @@
                 style="cursor: pointer; color: #1565c0"></i>
                 style="cursor: pointer; color: #1565c0"></i>
               <i
               <i
                 class="el-icon-money"
                 class="el-icon-money"
-                title="扣费明细"
+                title="交易明细"
                 @click="handleChargerLog(scope.row)"
                 @click="handleChargerLog(scope.row)"
                 style="cursor: pointer; color: #e6b800"></i>
                 style="cursor: pointer; color: #e6b800"></i>
             </div>
             </div>
@@ -356,7 +356,11 @@
       </span>
       </span>
     </el-dialog>
     </el-dialog>
     <!-- 操作日志 弹窗 -->
     <!-- 操作日志 弹窗 -->
-    <el-dialog title="操作日志" :visible.sync="logVisible" width="900px">
+    <el-dialog
+      title="操作日志"
+      :visible.sync="logVisible"
+      width="900px"
+      class="logDialog">
       <ul style="color: #333; font-size: 14px; height: 600px; overflow: auto">
       <ul style="color: #333; font-size: 14px; height: 600px; overflow: auto">
         <li
         <li
           v-for="(item, index) in logList"
           v-for="(item, index) in logList"
@@ -383,9 +387,9 @@
           @current-change="onLogCurrentChange" />
           @current-change="onLogCurrentChange" />
       </div>
       </div>
     </el-dialog>
     </el-dialog>
-    <!-- 扣费明细 弹窗 -->
+    <!-- 交易明细 弹窗 -->
     <el-dialog
     <el-dialog
-      title="扣费明细"
+      title="交易明细"
       :visible.sync="recordsVisible"
       :visible.sync="recordsVisible"
       width="100%"
       width="100%"
       class="recordsDialog">
       class="recordsDialog">
@@ -452,6 +456,7 @@
         </el-form>
         </el-form>
       </div>
       </div>
       <el-table
       <el-table
+        v-loading="loading"
         ref="recordsTable"
         ref="recordsTable"
         :data="chargerRecordsList"
         :data="chargerRecordsList"
         border
         border
@@ -792,10 +797,14 @@ export default {
     // 查看操作日志
     // 查看操作日志
     handleLog(row) {
     handleLog(row) {
       this.currentRow = row
       this.currentRow = row
+      this.totalLog = 0
+      this.logPageSize = 50
+      this.currentLogPage = 1
       this.getLogs()
       this.getLogs()
     },
     },
     async getLogs() {
     async getLogs() {
       try {
       try {
+        this.loading = true
         const res = await getLogListApi({
         const res = await getLogListApi({
           customerBalanceId: this.currentRow.id,
           customerBalanceId: this.currentRow.id,
           pageSize: this.logPageSize,
           pageSize: this.logPageSize,
@@ -810,10 +819,15 @@ export default {
         }
         }
       } catch (e) {
       } catch (e) {
         console.log(e)
         console.log(e)
+      } finally {
+        this.loading = false
       }
       }
     },
     },
     handleChargerLog(row) {
     handleChargerLog(row) {
       this.currentRow = row
       this.currentRow = row
+      this.totalRecords = 0
+      this.currentRecordsPage = 1
+      this.recordsPageSize = 50
       this.getChargerLog()
       this.getChargerLog()
     },
     },
     getChargeTypeText(type) {
     getChargeTypeText(type) {
@@ -822,6 +836,8 @@ export default {
     // 分页查看扣费明细
     // 分页查看扣费明细
     async getChargerLog() {
     async getChargerLog() {
       try {
       try {
+        this.loading = true
+
         const data = {
         const data = {
           pageSize: this.recordsPageSize,
           pageSize: this.recordsPageSize,
           currentPage: this.currentRecordsPage,
           currentPage: this.currentRecordsPage,
@@ -850,6 +866,8 @@ export default {
         }
         }
       } catch (e) {
       } catch (e) {
         console.log(e)
         console.log(e)
+      } finally {
+        this.loading = false
       }
       }
     }
     }
   }
   }