From 9d84f113e49bf4dfcfce271cdaa132e545299b80 Mon Sep 17 00:00:00 2001
From: Eratosici <ZL769@163.com>
Date: Tue, 15 Feb 2022 09:22:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E8=A1=A8=E5=8D=95=E9=98=B2?=
 =?UTF-8?q?=E6=8A=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mall4v/src/utils/debounce.js                  |  19 +++
 .../modules/admin/indexImg-add-or-update.vue  |   5 +-
 mall4v/src/views/modules/order/order-addr.vue |  99 ++++++------
 .../modules/prod/category-add-or-update.vue   |   5 +-
 mall4v/src/views/modules/prod/prodInfo.vue    |   5 +-
 .../modules/prod/prodTag-add-or-update.vue    |   5 +-
 .../views/modules/prod/spec-add-or-update.vue |   5 +-
 .../modules/shop/hotSearch-add-or-update.vue  |   5 +-
 .../modules/shop/notice-add-or-update.vue     |  15 +-
 .../modules/shop/pickAddr-add-or-update.vue   |   5 +-
 .../modules/shop/transport-add-or-update.vue  |   5 +-
 .../views/modules/sys/area-add-or-update.vue  |   5 +-
 .../views/modules/sys/menu-add-or-update.vue  |   5 +-
 .../views/modules/sys/role-add-or-update.vue  |   5 +-
 .../modules/sys/schedule-add-or-update.vue    | 145 +++++++++---------
 .../views/modules/sys/user-add-or-update.vue  |   5 +-
 .../views/modules/user/addr-add-or-update.vue |   5 +-
 .../views/modules/user/user-add-or-update.vue |   5 +-
 18 files changed, 196 insertions(+), 152 deletions(-)
 create mode 100644 mall4v/src/utils/debounce.js

diff --git a/mall4v/src/utils/debounce.js b/mall4v/src/utils/debounce.js
new file mode 100644
index 0000000..60dddd4
--- /dev/null
+++ b/mall4v/src/utils/debounce.js
@@ -0,0 +1,19 @@
+// 防抖 防止表单重复提交
+export const Debounce = (fn, t) => {
+  let delay = t || 300
+  let timer
+  return function () {
+    let args = arguments
+    if (timer) {
+      clearTimeout(timer)
+    }
+
+    let callNow = !timer
+
+    timer = setTimeout(() => {
+      timer = null
+    }, delay)
+
+    if (callNow) fn.apply(this, args)
+  }
+}
diff --git a/mall4v/src/views/modules/admin/indexImg-add-or-update.vue b/mall4v/src/views/modules/admin/indexImg-add-or-update.vue
index 205f55a..f8b3bd1 100644
--- a/mall4v/src/views/modules/admin/indexImg-add-or-update.vue
+++ b/mall4v/src/views/modules/admin/indexImg-add-or-update.vue
@@ -71,6 +71,7 @@
 <script>
 import PicUpload from '@/components/pic-upload'
 import ProdsSelect from '@/components/prods-select'
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -140,7 +141,7 @@ export default {
       }
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (!valid) {
           return
@@ -162,7 +163,7 @@ export default {
           })
         })
       })
-    },
+    }),
     // 删除关联数据
     deleteRelation () {
       this.dataForm.relation = null
diff --git a/mall4v/src/views/modules/order/order-addr.vue b/mall4v/src/views/modules/order/order-addr.vue
index a5da9f7..b700a04 100644
--- a/mall4v/src/views/modules/order/order-addr.vue
+++ b/mall4v/src/views/modules/order/order-addr.vue
@@ -22,58 +22,59 @@
   </el-dialog>
 </template>
 <script>
-  export default {
-    data () {
-      return {
-        visible: false,
-        dataForm: {
-          addrOrderId: 0,
-          receiver: '',
-          province: '',
-          mobile: ''
-        }
+import { Debounce } from '@/utils/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        addrOrderId: 0,
+        receiver: '',
+        province: '',
+        mobile: ''
       }
-    },
-    methods: {
-      init (addrOrderId) {
-        this.dataForm.addrOrderId = addrOrderId
-        this.$http({
-          url: this.$http.adornUrl(`/prod/category/listCategory/${this.dataForm.addrOrderId}`),
-          method: 'get',
-          params: this.$http.adornParams()
-        }).then(({data}) => {
-          this.dataForm = data
-        }).then(() => {
-          this.visible = true
-          this.$nextTick(() => {
-            this.$refs['dataForm'].resetFields()
-          })
+    }
+  },
+  methods: {
+    init (addrOrderId) {
+      this.dataForm.addrOrderId = addrOrderId
+      this.$http({
+        url: this.$http.adornUrl(`/prod/category/listCategory/${this.dataForm.addrOrderId}`),
+        method: 'get',
+        params: this.$http.adornParams()
+      }).then(({data}) => {
+        this.dataForm = data
+      }).then(() => {
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
         })
-      },
+      })
+    },
       // 表单提交
-      dataFormSubmit () {
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            this.$http({
-              url: this.$http.adornUrl(`/prod/category`),
-              method: this.dataForm.currentId ? 'put' : 'post',
-              data: this.$http.adornData({
-                'categoryId': this.dataForm.currentId || undefined
-              })
-            }).then(({data}) => {
-              this.$message({
-                message: '操作成功',
-                type: 'success',
-                duration: 1500,
-                onClose: () => {
-                  this.visible = false
-                  this.$emit('refreshDataList')
-                }
-              })
+    dataFormSubmit: Debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.$http({
+            url: this.$http.adornUrl(`/prod/category`),
+            method: this.dataForm.currentId ? 'put' : 'post',
+            data: this.$http.adornData({
+              'categoryId': this.dataForm.currentId || undefined
             })
-          }
-        })
-      }
-    }
+          }).then(({data}) => {
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+                this.visible = false
+                this.$emit('refreshDataList')
+              }
+            })
+          })
+        }
+      })
+    })
   }
+}
 </script>
diff --git a/mall4v/src/views/modules/prod/category-add-or-update.vue b/mall4v/src/views/modules/prod/category-add-or-update.vue
index bffbe44..53b8f4c 100644
--- a/mall4v/src/views/modules/prod/category-add-or-update.vue
+++ b/mall4v/src/views/modules/prod/category-add-or-update.vue
@@ -60,6 +60,7 @@
 <script>
 import { treeDataTranslate, idList } from '@/utils'
 import PicUpload from '@/components/pic-upload'
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -133,7 +134,7 @@ export default {
       this.dataForm.parentId = val[val.length - 1]
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       if (this.selectedCategory.length === 1) {
         this.dataForm.grade = 0
       }
@@ -175,7 +176,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>
diff --git a/mall4v/src/views/modules/prod/prodInfo.vue b/mall4v/src/views/modules/prod/prodInfo.vue
index 15264aa..5dc03ba 100644
--- a/mall4v/src/views/modules/prod/prodInfo.vue
+++ b/mall4v/src/views/modules/prod/prodInfo.vue
@@ -91,6 +91,7 @@ import ProdTransport from './prod-transport'
 import SkuTag from './sku-tag'
 import SkuTable from './sku-table'
 import TinyMce from '@/components/tiny-mce'
+import { Debounce } from '@/utils/debounce'
 
 export default {
   data () {
@@ -186,7 +187,7 @@ export default {
       this.dataForm.categoryId = val[val.length - 1]
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (!valid) {
           return
@@ -229,7 +230,7 @@ export default {
           })
         })
       })
-    },
+    }),
     paramSetPriceAndStocks (param) {
       // 获取规格属性信息
       // param.skuList = this.$refs.prodSpec.getTableSpecData()
diff --git a/mall4v/src/views/modules/prod/prodTag-add-or-update.vue b/mall4v/src/views/modules/prod/prodTag-add-or-update.vue
index d61bd9a..9ee31ee 100644
--- a/mall4v/src/views/modules/prod/prodTag-add-or-update.vue
+++ b/mall4v/src/views/modules/prod/prodTag-add-or-update.vue
@@ -49,6 +49,7 @@
 </template>
 
 <script>
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -86,7 +87,7 @@ export default {
       })
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.$http({
@@ -106,7 +107,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>
diff --git a/mall4v/src/views/modules/prod/spec-add-or-update.vue b/mall4v/src/views/modules/prod/spec-add-or-update.vue
index 94c6126..74063d2 100644
--- a/mall4v/src/views/modules/prod/spec-add-or-update.vue
+++ b/mall4v/src/views/modules/prod/spec-add-or-update.vue
@@ -49,6 +49,7 @@
   </el-dialog>
 </template>
 <script>
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -78,7 +79,7 @@ export default {
       this.visible = true
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       if (this.dataList[0].prodPropValues) {
         let temp = []
         for (const key in this.dataList[0].prodPropValues) {
@@ -132,7 +133,7 @@ export default {
           }
         })
       })
-    },
+    }),
     clearProdPropValues () {
       if (this.dataList[0].prodPropValues.length === 1) {
         return
diff --git a/mall4v/src/views/modules/shop/hotSearch-add-or-update.vue b/mall4v/src/views/modules/shop/hotSearch-add-or-update.vue
index 59c98d3..3dd6585 100644
--- a/mall4v/src/views/modules/shop/hotSearch-add-or-update.vue
+++ b/mall4v/src/views/modules/shop/hotSearch-add-or-update.vue
@@ -51,6 +51,7 @@
 </template>
 
 <script>
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -101,7 +102,7 @@ export default {
       })
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate(valid => {
         if (valid) {
           let param = this.dataForm
@@ -122,7 +123,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>
diff --git a/mall4v/src/views/modules/shop/notice-add-or-update.vue b/mall4v/src/views/modules/shop/notice-add-or-update.vue
index 81613e7..c82f0b1 100644
--- a/mall4v/src/views/modules/shop/notice-add-or-update.vue
+++ b/mall4v/src/views/modules/shop/notice-add-or-update.vue
@@ -44,8 +44,16 @@
 
 <script>
 import TinyMce from '@/components/tiny-mce'
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
+    var validateTitle = (rule, value, callback) => {
+      if (!value.trim()) {
+        this.dataForm.title = ''
+      } else {
+        callback()
+      }
+    }
     return {
       visible: false,
       roleList: [],
@@ -58,7 +66,8 @@ export default {
       },
       dataRule: {
         title: [
-          {required: true, message: '公告标题不能为空', trigger: 'blur'}
+          {required: true, message: '公告标题不能为空', trigger: 'blur'},
+          { validator: validateTitle, trigger: 'blur' }
         ]
       }
     }
@@ -84,7 +93,7 @@ export default {
       })
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.$http({
@@ -105,7 +114,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>
diff --git a/mall4v/src/views/modules/shop/pickAddr-add-or-update.vue b/mall4v/src/views/modules/shop/pickAddr-add-or-update.vue
index 0713c41..a23bb5f 100644
--- a/mall4v/src/views/modules/shop/pickAddr-add-or-update.vue
+++ b/mall4v/src/views/modules/shop/pickAddr-add-or-update.vue
@@ -71,6 +71,7 @@
 
 <script>
 import { isMobile } from '@/utils/validate'
+import { Debounce } from '@/utils/debounce'
 
 export default {
   data () {
@@ -185,7 +186,7 @@ export default {
       })
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       for (let i = 0; i < this.provinceList.length; i++) {
         if (this.provinceList[i].areaId === this.dataForm.provinceId) {
           // 将省名字保存起来
@@ -234,7 +235,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>
diff --git a/mall4v/src/views/modules/shop/transport-add-or-update.vue b/mall4v/src/views/modules/shop/transport-add-or-update.vue
index ef8d15b..adc929f 100644
--- a/mall4v/src/views/modules/shop/transport-add-or-update.vue
+++ b/mall4v/src/views/modules/shop/transport-add-or-update.vue
@@ -204,6 +204,7 @@
 </template>
 
 <script>
+import { Debounce } from '@/utils/debounce'
 import AddOrUpdate from './transcity-add-or-update'
 export default {
   data () {
@@ -363,7 +364,7 @@ export default {
       return num < 0 ? 0 : num
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           for (let i = 1; i < this.dataForm.transfees.length; i++) {
@@ -408,7 +409,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>
diff --git a/mall4v/src/views/modules/sys/area-add-or-update.vue b/mall4v/src/views/modules/sys/area-add-or-update.vue
index 738d5e4..a1af431 100644
--- a/mall4v/src/views/modules/sys/area-add-or-update.vue
+++ b/mall4v/src/views/modules/sys/area-add-or-update.vue
@@ -36,6 +36,7 @@
 
 <script>
 import { treeDataTranslate } from '@/utils'
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -95,7 +96,7 @@ export default {
       })
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           if (!this.dataForm.areaName.trim()) {
@@ -120,7 +121,7 @@ export default {
           })
         }
       })
-    },
+    }),
     handleChange (val) {
       this.dataForm.parentId = val[val.length - 1]
     }
diff --git a/mall4v/src/views/modules/sys/menu-add-or-update.vue b/mall4v/src/views/modules/sys/menu-add-or-update.vue
index 86bee98..168dd5e 100644
--- a/mall4v/src/views/modules/sys/menu-add-or-update.vue
+++ b/mall4v/src/views/modules/sys/menu-add-or-update.vue
@@ -70,6 +70,7 @@
 <script>
   import { treeDataTranslate, idList } from '@/utils'
   import Icon from '@/icons'
+  import { Debounce } from '@/utils/debounce'
   export default {
     data () {
       var validateUrl = (rule, value, callback) => {
@@ -157,7 +158,7 @@
         this.dataForm.icon = iconName
       },
       // 表单提交
-      dataFormSubmit () {
+      dataFormSubmit: Debounce(function () {
         this.$refs['dataForm'].validate((valid) => {
           if (valid) {
             this.$http({
@@ -186,7 +187,7 @@
             })
           }
         })
-      }
+      })
     }
   }
 </script>
diff --git a/mall4v/src/views/modules/sys/role-add-or-update.vue b/mall4v/src/views/modules/sys/role-add-or-update.vue
index f70a35a..b73f1ed 100644
--- a/mall4v/src/views/modules/sys/role-add-or-update.vue
+++ b/mall4v/src/views/modules/sys/role-add-or-update.vue
@@ -29,6 +29,7 @@
 
 <script>
   import { treeDataTranslate } from '@/utils'
+  import { Debounce } from '@/utils/debounce'
   export default {
     data () {
       return {
@@ -86,7 +87,7 @@
         })
       },
       // 表单提交
-      dataFormSubmit () {
+      dataFormSubmit: Debounce(function () {
         this.$refs['dataForm'].validate((valid) => {
           if (valid) {
             this.$http({
@@ -111,7 +112,7 @@
             })
           }
         })
-      }
+      })
     }
   }
 </script>
diff --git a/mall4v/src/views/modules/sys/schedule-add-or-update.vue b/mall4v/src/views/modules/sys/schedule-add-or-update.vue
index ef638f2..d8f7f37 100644
--- a/mall4v/src/views/modules/sys/schedule-add-or-update.vue
+++ b/mall4v/src/views/modules/sys/schedule-add-or-update.vue
@@ -28,84 +28,85 @@
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
-        visible: false,
-        dataForm: {
-          id: 0,
-          beanName: '',
-          methodName: '',
-          params: '',
-          cronExpression: '',
-          remark: '',
-          status: 0
-        },
-        dataRule: {
-          beanName: [
+import { Debounce } from '@/utils/debounce'
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: 0,
+        beanName: '',
+        methodName: '',
+        params: '',
+        cronExpression: '',
+        remark: '',
+        status: 0
+      },
+      dataRule: {
+        beanName: [
             { required: true, message: 'beanName不能为空', trigger: 'blur' }
-          ],
-          methodName: [
+        ],
+        methodName: [
             { required: true, message: '方法名称不能为空', trigger: 'blur' }
-          ],
-          cronExpression: [
+        ],
+        cronExpression: [
             { required: true, message: 'cron表达式不能为空', trigger: 'blur' }
-          ]
-        }
+        ]
       }
+    }
+  },
+  methods: {
+    init (id) {
+      this.dataForm.id = id || 0
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.$http({
+            url: this.$http.adornUrl(`/sys/schedule/info/${this.dataForm.id}`),
+            method: 'get',
+            params: this.$http.adornParams()
+          }).then(({data}) => {
+            this.dataForm.beanName = data.beanName
+            this.dataForm.methodName = data.methodName
+            this.dataForm.params = data.params
+            this.dataForm.cronExpression = data.cronExpression
+            this.dataForm.remark = data.remark
+            this.dataForm.status = data.status
+          })
+        }
+      })
     },
-    methods: {
-      init (id) {
-        this.dataForm.id = id || 0
-        this.visible = true
-        this.$nextTick(() => {
-          this.$refs['dataForm'].resetFields()
-          if (this.dataForm.id) {
-            this.$http({
-              url: this.$http.adornUrl(`/sys/schedule/info/${this.dataForm.id}`),
-              method: 'get',
-              params: this.$http.adornParams()
-            }).then(({data}) => {
-              this.dataForm.beanName = data.beanName
-              this.dataForm.methodName = data.methodName
-              this.dataForm.params = data.params
-              this.dataForm.cronExpression = data.cronExpression
-              this.dataForm.remark = data.remark
-              this.dataForm.status = data.status
-            })
-          }
-        })
-      },
       // 表单提交
-      dataFormSubmit () {
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            this.$http({
-              url: this.$http.adornUrl(`/sys/schedule`),
-              method: this.dataForm.id ? 'put' : 'post',
-              data: this.$http.adornData({
-                'jobId': this.dataForm.id || undefined,
-                'beanName': this.dataForm.beanName,
-                'methodName': this.dataForm.methodName,
-                'params': this.dataForm.params,
-                'cronExpression': this.dataForm.cronExpression,
-                'remark': this.dataForm.remark,
-                'status': !this.dataForm.id ? undefined : this.dataForm.status
-              })
-            }).then(({data}) => {
-              this.$message({
-                message: '操作成功',
-                type: 'success',
-                duration: 1500,
-                onClose: () => {
-                  this.visible = false
-                  this.$emit('refreshDataList')
-                }
-              })
+    dataFormSubmit: Debounce(function () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.$http({
+            url: this.$http.adornUrl(`/sys/schedule`),
+            method: this.dataForm.id ? 'put' : 'post',
+            data: this.$http.adornData({
+              'jobId': this.dataForm.id || undefined,
+              'beanName': this.dataForm.beanName,
+              'methodName': this.dataForm.methodName,
+              'params': this.dataForm.params,
+              'cronExpression': this.dataForm.cronExpression,
+              'remark': this.dataForm.remark,
+              'status': !this.dataForm.id ? undefined : this.dataForm.status
             })
-          }
-        })
-      }
-    }
+          }).then(({data}) => {
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+                this.visible = false
+                this.$emit('refreshDataList')
+              }
+            })
+          })
+        }
+      })
+    })
   }
+}
 </script>
diff --git a/mall4v/src/views/modules/sys/user-add-or-update.vue b/mall4v/src/views/modules/sys/user-add-or-update.vue
index c6dea7c..c8db30a 100644
--- a/mall4v/src/views/modules/sys/user-add-or-update.vue
+++ b/mall4v/src/views/modules/sys/user-add-or-update.vue
@@ -40,6 +40,7 @@
 
 <script>
   import { isEmail, isMobile } from '@/utils/validate'
+  import { Debounce } from '@/utils/debounce'
   export default {
     data () {
       var validatePassword = (rule, value, callback) => {
@@ -137,7 +138,7 @@
         })
       },
       // 表单提交
-      dataFormSubmit () {
+      dataFormSubmit: Debounce(function () {
         this.$refs['dataForm'].validate((valid) => {
           if (valid) {
             this.$http({
@@ -165,7 +166,7 @@
             })
           }
         })
-      }
+      })
     }
   }
 </script>
diff --git a/mall4v/src/views/modules/user/addr-add-or-update.vue b/mall4v/src/views/modules/user/addr-add-or-update.vue
index 15506c2..233e3dd 100644
--- a/mall4v/src/views/modules/user/addr-add-or-update.vue
+++ b/mall4v/src/views/modules/user/addr-add-or-update.vue
@@ -87,6 +87,7 @@
 </template>
 
 <script>
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -179,7 +180,7 @@ export default {
     },
 
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       for (let i = 0; i < this.provinceList.length; i++) {
         if (this.provinceList[i].areaId === this.dataForm.provinceId) {
           // 将省名字保存起来
@@ -218,7 +219,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>
diff --git a/mall4v/src/views/modules/user/user-add-or-update.vue b/mall4v/src/views/modules/user/user-add-or-update.vue
index ad42776..ec5bc59 100644
--- a/mall4v/src/views/modules/user/user-add-or-update.vue
+++ b/mall4v/src/views/modules/user/user-add-or-update.vue
@@ -37,6 +37,7 @@
 </template>
 
 <script>
+import { Debounce } from '@/utils/debounce'
 export default {
   data () {
     return {
@@ -78,7 +79,7 @@ export default {
       }
     },
     // 表单提交
-    dataFormSubmit () {
+    dataFormSubmit: Debounce(function () {
       this.$refs['dataForm'].validate(valid => {
         if (valid) {
           this.$http({
@@ -102,7 +103,7 @@ export default {
           })
         }
       })
-    }
+    })
   }
 }
 </script>