From 5eb49e0af3ace5c1858fed90e3c8e4f2c70c0609 Mon Sep 17 00:00:00 2001
From: Wang Chen Chen <932560435@qq.com>
Date: Tue, 31 Oct 2023 16:10:55 +0800
Subject: [PATCH] =?UTF-8?q?1.=E6=B7=BB=E5=8A=A0=20=E9=98=B2=E6=AD=A2?=
 =?UTF-8?q?=E9=87=8D=E5=A4=8D=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-ui/src/components/Notify/NotifyList.vue |  3 ++-
 web-ui/src/directives/index.ts              | 17 +++++++++++++++++
 web-ui/src/views/device/list/index.vue      |  2 +-
 web-ui/src/views/personal/index.vue         |  4 ++--
 web-ui/src/views/pre/dept/index.vue         |  2 +-
 web-ui/src/views/pre/menu/index.vue         |  2 +-
 web-ui/src/views/pre/role/index.vue         |  2 +-
 web-ui/src/views/pre/user/index.vue         |  4 ++--
 web-ui/src/views/project/list/index.vue     |  2 +-
 web-ui/src/views/sys/config/index.vue       |  2 +-
 web-ui/src/views/sys/dict/dictData.vue      |  2 +-
 web-ui/src/views/sys/dict/index.vue         |  2 +-
 web-ui/src/views/sys/template/index.vue     |  4 ++--
 web-ui/src/views/sys/tenant/create.vue      |  2 +-
 web-ui/src/views/sys/tenant/index.vue       |  2 +-
 15 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/web-ui/src/components/Notify/NotifyList.vue b/web-ui/src/components/Notify/NotifyList.vue
index 3b06e38..85e44c0 100644
--- a/web-ui/src/components/Notify/NotifyList.vue
+++ b/web-ui/src/components/Notify/NotifyList.vue
@@ -53,4 +53,5 @@ const props = defineProps<Props>()
   .card-body {
     font-size: 12px;
   }
-}</style>
+}
+</style>
diff --git a/web-ui/src/directives/index.ts b/web-ui/src/directives/index.ts
index b4d19b9..d5d1bd4 100644
--- a/web-ui/src/directives/index.ts
+++ b/web-ui/src/directives/index.ts
@@ -8,6 +8,8 @@ export function loadDirectives(app: App) {
   app.directive("has", permission)
   // example: v-admin
   app.directive("admin", adminFlag)
+  // example: v-preventReClick
+  app.directive("preventReClick", preventReClick)
 }
 
 /** 权限指令，和权限判断函数 checkPermission 功能类似 */
@@ -37,3 +39,18 @@ const adminFlag: Directive = {
     }
   }
 }
+
+/** 防止重复请求 指令 */
+const preventReClick: Directive = {
+  mounted(el, binding) {
+    const { value } = binding
+    el.addEventListener("click", () => {
+      el.disabled = true
+      el.loading = true
+      setTimeout(() => {
+        el.disabled = false
+        el.loading = false
+      }, value || 3000)
+    })
+  }
+}
diff --git a/web-ui/src/views/device/list/index.vue b/web-ui/src/views/device/list/index.vue
index 1180a87..b687e4f 100644
--- a/web-ui/src/views/device/list/index.vue
+++ b/web-ui/src/views/device/list/index.vue
@@ -66,7 +66,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/personal/index.vue b/web-ui/src/views/personal/index.vue
index b798c46..f2fdb58 100644
--- a/web-ui/src/views/personal/index.vue
+++ b/web-ui/src/views/personal/index.vue
@@ -89,7 +89,7 @@
                     <select-dict-data v-model:value="userInfoForm.gender" dictTypeKey="sys_user_sex" />
                   </el-form-item>
                   <el-form-item>
-                    <el-button type="primary" @click="onUpdateUserInfo">立即修改</el-button>
+                    <el-button type="primary" v-preventReClick @click="onUpdateUserInfo">立即修改</el-button>
                   </el-form-item>
                 </el-form>
               </el-tab-pane>
@@ -112,7 +112,7 @@
                     <el-input v-model="updatePwdForm.confirmPwd" show-password />
                   </el-form-item>
                   <el-form-item>
-                    <el-button type="primary" @click="onUpdatePassword">立即修改</el-button>
+                    <el-button type="primary" v-preventReClick @click="onUpdatePassword">立即修改</el-button>
                   </el-form-item>
                 </el-form>
               </el-tab-pane>
diff --git a/web-ui/src/views/pre/dept/index.vue b/web-ui/src/views/pre/dept/index.vue
index dae5423..3730191 100644
--- a/web-ui/src/views/pre/dept/index.vue
+++ b/web-ui/src/views/pre/dept/index.vue
@@ -138,7 +138,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/pre/menu/index.vue b/web-ui/src/views/pre/menu/index.vue
index 580ff1e..722c8aa 100644
--- a/web-ui/src/views/pre/menu/index.vue
+++ b/web-ui/src/views/pre/menu/index.vue
@@ -188,7 +188,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/pre/role/index.vue b/web-ui/src/views/pre/role/index.vue
index dc3b68c..5e32834 100644
--- a/web-ui/src/views/pre/role/index.vue
+++ b/web-ui/src/views/pre/role/index.vue
@@ -144,7 +144,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="menusDialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleUpdateMenus">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleUpdateMenus">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/pre/user/index.vue b/web-ui/src/views/pre/user/index.vue
index 2a6842e..5d53838 100644
--- a/web-ui/src/views/pre/user/index.vue
+++ b/web-ui/src/views/pre/user/index.vue
@@ -240,7 +240,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
@@ -270,7 +270,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="linkTenantForm.visible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveLinkTenant">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveLinkTenant">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/project/list/index.vue b/web-ui/src/views/project/list/index.vue
index 27ad839..b27cabe 100644
--- a/web-ui/src/views/project/list/index.vue
+++ b/web-ui/src/views/project/list/index.vue
@@ -184,7 +184,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/sys/config/index.vue b/web-ui/src/views/sys/config/index.vue
index a216600..895b1fb 100644
--- a/web-ui/src/views/sys/config/index.vue
+++ b/web-ui/src/views/sys/config/index.vue
@@ -100,7 +100,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/sys/dict/dictData.vue b/web-ui/src/views/sys/dict/dictData.vue
index 5ed29a1..cf42902 100644
--- a/web-ui/src/views/sys/dict/dictData.vue
+++ b/web-ui/src/views/sys/dict/dictData.vue
@@ -79,7 +79,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/sys/dict/index.vue b/web-ui/src/views/sys/dict/index.vue
index cb09ef2..00bb448 100644
--- a/web-ui/src/views/sys/dict/index.vue
+++ b/web-ui/src/views/sys/dict/index.vue
@@ -95,7 +95,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/sys/template/index.vue b/web-ui/src/views/sys/template/index.vue
index 270777b..e3a9ba7 100644
--- a/web-ui/src/views/sys/template/index.vue
+++ b/web-ui/src/views/sys/template/index.vue
@@ -86,7 +86,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveAndFlush">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleSaveAndFlush">确定</el-button>
           </span>
         </template>
       </el-dialog>
@@ -125,7 +125,7 @@
         <template #footer>
           <span class="dialog-footer">
             <el-button @click="menusDialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleUpdateMenus">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleUpdateMenus">确定</el-button>
           </span>
         </template>
       </el-dialog>
diff --git a/web-ui/src/views/sys/tenant/create.vue b/web-ui/src/views/sys/tenant/create.vue
index cd76168..6887abb 100644
--- a/web-ui/src/views/sys/tenant/create.vue
+++ b/web-ui/src/views/sys/tenant/create.vue
@@ -168,7 +168,7 @@
     </template>
     <template v-if="active === 1">
       <el-button type="info" :icon="ArrowLeft" @click="previous" v-loading="loading">上一步</el-button>
-      <el-button type="primary" @click="next" v-loading="loading">
+      <el-button type="primary" @click="next" v-preventReClick v-loading="loading">
         确定 <el-icon class="el-icon--right"><Check /></el-icon>
       </el-button>
     </template>
diff --git a/web-ui/src/views/sys/tenant/index.vue b/web-ui/src/views/sys/tenant/index.vue
index beb3986..772762f 100644
--- a/web-ui/src/views/sys/tenant/index.vue
+++ b/web-ui/src/views/sys/tenant/index.vue
@@ -215,7 +215,7 @@
         <template v-if="!saveFlag" #footer>
           <span class="dialog-footer">
             <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleUpdate">确定</el-button>
+            <el-button type="primary" v-preventReClick @click="handleUpdate">确定</el-button>
           </span>
         </template>
       </el-dialog>