feat: 回款单关联账单自动保存逻辑调整, 选择及分页操作后5秒内不再操作即保存

src/views/verification/collectionDetail.vue

@@ -533,7 +533,9 @@ export default {
           code: 1
         }
       ],
-      tableHeight1: 200 // 全部账单表格高度
+      tableHeight1: 200, // 全部账单表格高度
+      delTimer: null,
+      addTimer: null
     }
   },
   mixins: [mixins],
@@ -783,7 +785,6 @@ export default {
   },
   watch: {
     activeKey1(val) {
-      console.log(val)
       this.searchForm = {
         billDate: [],
         mrnNo: '', // 病历号
@@ -856,14 +857,12 @@ export default {
         })
         .then((res) => {
           if (res.returnCode == '0000') {
-            console.log(res.content)
             this.ciReceiptTotalVo = res.content
           }
         })
     },
     // 计算表格最大高度
     calcTableHeight() {
-      console.log('1111')
       const dom = this.$refs.burt
       const containterH = dom.clientHeight
       const gobackH = document.querySelector('.back-container').clientHeight
@@ -873,7 +872,6 @@ export default {
       const paddingSum = paddingT + paddingB
       this.tableHeight = containterH - 340 - gobackH - paddingSum
       this.tableHeight1 = containterH - 400 - gobackH - paddingSum
-      console.log(this.tableHeight, '=========tableHeight')
       // 设置每页展示条数
       const pageSize = Math.floor((this.tableHeight1 - 10) / 32)
       this.$set(this.pagination, 'pageSize', pageSize)
@@ -935,9 +933,21 @@ export default {
         )
         this.selectedRowKeys.splice(index, 1)
         this.selectedRows.splice(index, 1)
-        this._confirmDelReceipt([selectedRow])
+        this.clearTimer('delTimer')
+        this.delTimer = setTimeout(() => {
+          this._confirmDelReceipt([selectedRow])
+        }, 5000)
+      }
+      this.clearTimer('addTimer')
+      this.addTimer = setTimeout(() => {
+        this.addNewEvt(0)
+      }, 5000)
+    },
+    clearTimer(prop) {
+      if (this[prop]) {
+        clearTimeout(this[prop])
+        this[prop] = null
       }
-      this.addNewEvt(0)
     },
     onSelectAll(selected, selectedRows, changeRows) {
       if (selected) {
@@ -962,9 +972,15 @@ export default {
           this.selectedRowKeys.splice(findIndex, 1)
           this.selectedRows.splice(findIndex, 1)
         })
-        this._confirmDelReceipt(changeRows)
+        this.clearTimer('delTimer')
+        this.delTimer = setTimeout(() => {
+          this._confirmDelReceipt(changeRows)
+        }, 5000)
       }
-      this.addNewEvt(0)
+      this.clearTimer('addTimer')
+      this.addTimer = setTimeout(() => {
+        this.addNewEvt(0)
+      }, 5000)
     },
     // 全选
     selectAllList() {
@@ -1013,6 +1029,7 @@ export default {
       }
     },
     _confirmDelReceipt(records) {
+      this.clearTimer('delTimer')
       if (!this.backMoneyNo) return
       const receiptVoList = records
         .filter((item) => {
@@ -1066,6 +1083,13 @@ export default {
         ...pager
       }
       this._getNewEOBList()
+      // 切换分页重新触发自动保存
+      if (this.addTimer) {
+        this.clearTimer('addTimer')
+        this.addTimer = setTimeout(() => {
+          this.addNewEvt(0)
+        }, 5000)
+      }
     },
     // 获取保险公司下拉选项
     _getCompanyOptions() {
@@ -1188,6 +1212,7 @@ export default {
     },
     //新建/保存回款
     addNewEvt(backStatus) {
+      this.clearTimer('addTimer')
       if (!this.form.payorCode) {
         this.$message.warning('请选择保险公司')
         return
@@ -1243,6 +1268,7 @@ export default {
           this.savedStatus = true
           this.$message.success(`${msg}成功`)
           this.selectedRowKeys = []
+          this.pagination.pageNum = 1
           this.getData()
           this._getNewEOBList()