cnhis-design-vue 2.0.15 → 2.0.18

package/packages/table-filter/src/base-search-com/BaseSearch.vue

@@ -5,10 +5,10 @@
         <!-- 行内编辑对应生成的（保存、取消）按钮 -->
         <template v-if="visibleInlineOperateBtn">
           <div class="btn-custom-wrap">
-            <a-button :style="{ display: isInlineOperating ? 'inline-block' : 'none' }" @click="inlineEditClick" class="btn-custom-class" style="margin: 8px 8px 8px 0" type="primary">
+            <a-button  v-preventReClick="preventReTime" :style="{ display: isInlineOperating ? 'inline-block' : 'none' }" @click="inlineEditClick" class="btn-custom-class" style="margin: 8px 8px 8px 0" type="primary">
               保存
             </a-button>
-            <a-button :style="{ display: isInlineOperating ? 'inline-block' : 'none' }" @click="inlineEditCancel" class="btn-custom-class" style="margin: 8px 8px 8px 0">
+            <a-button  v-preventReClick="preventReTime" :style="{ display: isInlineOperating ? 'inline-block' : 'none' }" @click="inlineEditCancel" class="btn-custom-class" style="margin: 8px 8px 8px 0">
               取消
             </a-button>
           </div>
@@ -201,6 +201,7 @@
                 <li ref="rowTileBtnItem" class="rowTileBtn-item 123" :key="item.sid" v-if="showLi(item)" :data-key="item.sid" data-source="rowTile">
                   <template v-if="item.type == 'ADD' || item.type == 'BATCH'">
                     <a-button
+                     v-preventReClick="preventReTime"
                       v-show="visibleBtn(item) && !item.isHide"
                       @click.prevent.stop="showDrawer(item, j)"
                       class="btn-custom-class"
@@ -232,6 +233,7 @@
                   </template>
                   <template v-else-if="isShowRowTileBtnItem(item)">
                     <a-button
+                     v-preventReClick="preventReTime"
                       v-show="visibleBtn(item) && !item.isHide"
                       @click.prevent.stop="clickBtn(clickRowData, item, clickRowData.my_index, undefined, j)"
                       class="btn-custom-class"
@@ -368,7 +370,7 @@ import tableSearchCon from '../mixins/tableSearchCon';
 import svgIcon from '@/component/svg/index.vue';
 import 'text-security/text-security.css';
 import create from '@/core/create';
-
+import preventReClick from '@/directive/preventReClick';
 /** 获取按钮 icon */
 import getBtnIcon from '../components/button-icon/getBtnIcon.js';
 import ButtonGroup from '../components/button-group/ButtonGroup.vue';
@@ -416,7 +418,7 @@ const BTNOBJ = {
 export default create({
   name: 'base-search',
   mixins: [durationMixin, $utils, filterApiFn, tableSearchCon, outQuickSearchFn],
-  directives: { resize },
+  directives: { resize,preventReClick },
   props: {
     width: {
       default: '400px'
@@ -560,7 +562,12 @@ export default create({
       default: () => ({})
     },
     useFieldList: Array,
-    editTableUid: [String, Number]
+    editTableUid: [String, Number],
+
+    preventReTime:{
+      type: Number,
+      default: 1000
+    }
   },
   components: {
     [Button.name]: Button,

package/src/directive/preventReClick.js

@@ -0,0 +1,12 @@
+export default {
+  inserted(el, binding) {
+    el.addEventListener("click", () => {
+      if (!el.disabled) {
+        el.disabled = true;
+        setTimeout(() => {
+          el.disabled = false;
+        }, binding.value || 1000);
+      }
+    });
+  }
+}