操作频繁锁(60秒)

long

2024-02-01 c6d3157eb616116c84d35e221ed9c57ef8da0ad6

操作频繁锁(60秒)

 src/main.js

@@ -40,6 +40,19 @@
Vue.use(Req)
Vue.use(fn)

Vue.prototype.$messageSuc = function(msg) {
  this.$message({ message: msg, dangerouslyUseHTMLString: true, type: 'success' })
}
Vue.prototype.$messageWarn = function(msg) {
  this.$message({ message: msg, dangerouslyUseHTMLString: true, type: 'warning' })
}
Vue.prototype.$messageError = function(msg) {
  this.$message({ message: msg, dangerouslyUseHTMLString: true, type: 'error' })
}
Vue.prototype.$messageInfo = function(msg) {
  this.$message({ message: msg, dangerouslyUseHTMLString: true, type: 'info' })
}

/* eslint-disable no-new */
new Vue({
  el: '#app',

 src/pages/room/detail.vue

@@ -156,8 +156,14 @@
      timeObj: {}, // week：星期，date：年月日，timeMin：时分，time：时分秒，timeStamp：时间戳
      curTreatId: '',
      curTreatIds: '', // 已选中的治疗记录id数组
      offNarcosisIds: [] // 是否已通知卸麻的用户id数组
      offNarcosisIds: [], // 是否已通知卸麻的用户id数组
      // isShowAppellationName: true // 是否显示称谓

      // 60秒切换状态锁 ↓↓↓↓↓↓↓↓↓↓
      setStatusLock: false, // 更新状态锁
      setStatusLockDuration: 60000, // 更新状态锁时间
      setStatusLockTimer: null
      // 60秒切换状态锁 ↑↑↑↑↑↑↑↑↑↑
    }
  },
  computed: {
@@ -530,6 +536,14 @@
    },
    // 改变房间状态异步方法
    changeStatusFn(item = {}, status, cb) {
      // 未解锁 20240201 long
      if (this.setStatusLock) {
        return this.$messageWarn('操作频繁，请稍后再试')
      }
      this.setStatusLock = true
      clearInterval(this.setStatusLockTimer)
      this.setStatusLockTimer = null

      var params = {}
      // 房间id
      if (this.id) {
@@ -612,6 +626,15 @@
        }
        // console.log('8888888888888888888888888888888888', res)
        cb && cb()

        // 30s后解锁 20240201 long
        this.setStatusLockTimer = setInterval(() => {
          this.setStatusLock = false
        }, this.setStatusLockDuration)
      }, () => {
        setTimeout(() => {
          this.setStatusLock = false
        }, 1000)
      })
    },
    // 重置状态