From fbff08cc9cbf8bd04f88515905f24ce397af611d Mon Sep 17 00:00:00 2001
From: duan <duanduanduan.com>
Date: Fri, 5 Aug 2022 09:31:10 +0800
Subject: [PATCH] =?UTF-8?q?feat(src/views/user):=20=E4=B8=BA=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=94=A8=E6=88=B7=EF=BC=8C=E7=BC=96=E8=BE=91=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E6=B7=BB=E5=8A=A0=E8=8A=82=E6=B5=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserForm/index.vue |  8 +++++---
 src/utils/index.js                | 34 +++++++++++++++++++++++++++++++
 src/views/user/index.vue          | 13 ++++++++----
 3 files changed, 48 insertions(+), 7 deletions(-)

diff --git a/src/components/UserForm/index.vue b/src/components/UserForm/index.vue
index 52dd6f8..7643eb1 100644
--- a/src/components/UserForm/index.vue
+++ b/src/components/UserForm/index.vue
@@ -53,7 +53,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="是否启用" prop="is_enabled" required>
+          <el-form-item label="是否启用" prop="is_enabled">
             <el-switch v-model="formData.is_enabled" />
           </el-form-item>
         </el-col>
@@ -66,6 +66,7 @@
   </div>
 </template>
 <script>
+import { throttle } from '@/utils/index'
 export default {
   name: 'UserForm',
   components: {},
@@ -138,12 +139,13 @@ export default {
   created() {},
   mounted() {},
   methods: {
-    submitForm() {
+    submitForm: throttle(function() {
       this.$refs['elForm'].validate(valid => {
         if (!valid) return
         this.$emit('handlesubmit', this.formData)
       })
-    },
+    }, 2000),
+
     resetForm() {
       this.$refs['elForm'].resetFields()
     },
diff --git a/src/utils/index.js b/src/utils/index.js
index 4830c04..a5e0e42 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -115,3 +115,37 @@ export function param2Obj(url) {
   })
   return obj
 }
+
+// 防抖
+export function debounce(fn, time) {
+  time = time || 200
+  // 定时器
+  let timer = null
+  return function(...args) {
+    var _this = this
+    if (timer) {
+      clearTimeout(timer)
+    }
+    timer = setTimeout(function() {
+      timer = null
+      fn.apply(_this, args)
+    }, time)
+  }
+}
+
+// 节流
+export function throttle(fn, time) {
+  let timer = null
+  time = time || 1000
+  return function(...args) {
+    if (timer) {
+      return
+    }
+    const _this = this
+    timer = setTimeout(() => {
+      timer = null
+    }, time)
+    fn.apply(_this, args)
+  }
+}
+
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index afd08fa..5a42e21 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -209,6 +209,7 @@ export default {
     },
     pageChange(page) {
       this.page = page
+      this.getList()
     },
     handleCheckAllChange(val) {
       this.checkedCities = val ? this.cities : []
@@ -276,10 +277,14 @@ export default {
         type: 'warning'
       }).then(() =>
         del(stringify({ 'user_id': this.multipleSelection[0].user })).then(
-          res => this.$message.success({
-            type: 'success',
-            message: res.msg
-          })
+          res => {
+            this.$message.success({
+              type: 'success',
+              message: res.msg
+            })
+            this.multipleSelection = []
+            this.getList()
+          }
         )
       ).catch(() => {
         this.$message({