瀏覽代碼

素材选择弹窗确定按钮防抖

任一存 2 年之前
父節點
當前提交
146eba784e

+ 4 - 1
packages/qjkankan-editor/src/components/materialSelectorForEditor.vue

@@ -558,7 +558,7 @@
       <div v-else class="button-placeholder"></div>
       <div v-else class="button-placeholder"></div>
       <div>
       <div>
         <button class="ui-button deepcancel" @click="$emit('cancle')">取消</button>
         <button class="ui-button deepcancel" @click="$emit('cancle')">取消</button>
-        <button class="ui-button submit" :class="{disable: !select.length}" @click="$emit('submit', select)">
+        <button class="ui-button submit" :class="{disable: !select.length}" @click="onClickComfirm">
           确定
           确定
         </button>
         </button>
       </div>
       </div>
@@ -1540,6 +1540,9 @@ export default {
         }
         }
       })
       })
     },
     },
+    onClickComfirm: debounce(function() {
+      this.$emit('submit', this.select)
+    }, 250),
   },
   },
   mounted() {
   mounted() {
     console.log('tableHeadersForAudio: ', this.tableHeadersForAudio);
     console.log('tableHeadersForAudio: ', this.tableHeadersForAudio);

+ 4 - 1
packages/qjkankan-editor/src/components/materialSelectorForManageCenter.vue

@@ -228,7 +228,7 @@
       <div v-else class="button-placeholder"></div>
       <div v-else class="button-placeholder"></div>
       <div>
       <div>
         <button class="ui-button cancel" @click="$emit('cancle')">取消</button>
         <button class="ui-button cancel" @click="$emit('cancle')">取消</button>
-        <button class="ui-button submit" :class="{disable: !select.length}" @click="$emit('submit', select)">
+        <button class="ui-button submit" :class="{disable: !select.length}" @click="onClickComfirm">
           确定
           确定
         </button>
         </button>
       </div>
       </div>
@@ -1137,6 +1137,9 @@ export default {
         }
         }
       })
       })
     },
     },
+    onClickComfirm: debounce(function() {
+      this.$emit('submit', this.select)
+    }, 250),
   },
   },
   mounted() {
   mounted() {
     console.log('tableHeadersForAudio: ', this.tableHeadersForAudio);
     console.log('tableHeadersForAudio: ', this.tableHeadersForAudio);

+ 5 - 1
packages/qjkankan-editor/src/components/materialSelectorFromWorkForEditor.vue

@@ -111,7 +111,7 @@
     <div class="btns">
     <div class="btns">
       <div>
       <div>
         <button class="ui-button deepcancel" @click="$emit('cancle')">取消</button>
         <button class="ui-button deepcancel" @click="$emit('cancle')">取消</button>
-        <button class="ui-button submit" :class="{disable: !select.length}" @click="$emit('submit', select)">
+        <button class="ui-button submit" :class="{disable: !select.length}" @click="onClickComfirm">
           确定
           确定
         </button>
         </button>
       </div>
       </div>
@@ -121,6 +121,7 @@
 
 
 <script>
 <script>
 import { mapGetters } from "vuex";
 import { mapGetters } from "vuex";
+import { debounce } from "@/utils/other.js"
 
 
 export default {
 export default {
   props:{
   props:{
@@ -206,6 +207,9 @@ export default {
         }
         }
       }
       }
     },
     },
+    onClickComfirm: debounce(function() {
+      this.$emit('submit', this.select)
+    }, 250),
   },
   },
   mounted() {
   mounted() {
   }
   }