修改代码

src/directive/index.js

+
+export default function initDirective(vue) {
+	/** 节流 */
+	vue.directive('throttle', {
+		inserted: function (el, binding) {
+			let stop = false;
+			el.addEventListener(binding.arg, (e) => {
+				if (stop) return;
+				binding.value(e)
+				stop = true;
+				setTimeout(() => {
+					stop = false
+				}, 500)
+			})
+		}
+	})
+	/** 防抖 */
+	vue.directive('debounce', {
+		inserted: function (el, binding) {
+			let stopTime;
+			el.addEventListener(binding.arg, (e) => {
+				clearTimeout(stopTime);
+				stopTime = setTimeout(binding.value, 1000, e)
+			})
+		}
+	})
+}
+

src/main.js

@@ -4,6 +4,9 @@ import router from './router'
 import store from './store'
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
+import initDirective from './directive';
+
+initDirective(Vue);
 
 Vue.config.productionTip = false;
 

src/views/archi-ele-list/index.vue

@@ -174,8 +174,8 @@
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
-				<el-button class="greenButton" @click="release_dialog">发布</el-button>
-				<el-button class="greenButton" @click="save_dialog">保存</el-button>
+				<el-button class="greenButton" v-debounce:click="release_dialog">发布</el-button>
+				<el-button class="greenButton" v-debounce:click="save_dialog">保存</el-button>
 				<el-button @click="add_dialog = false">取消</el-button>
 			</span>
 		</el-dialog>

src/views/archi-view-manage/index.vue

@@ -121,7 +121,7 @@
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
-				<el-button class="greenButton" @click="ok">确定</el-button>
+				<el-button class="greenButton" v-debounce:click="ok">确定</el-button>
 				<el-button @click="add_dialog = false">取消</el-button>
 			</span>
 		</el-dialog>

src/views/meta-model-list/index.vue

@@ -92,7 +92,7 @@
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
-				<el-button class="greenButton" @click="ok">确定</el-button>
+				<el-button class="greenButton" v-debounce:click="ok">确定</el-button>
 				<el-button @click="add_dialog = false">取消</el-button>
 			</span>
 		</el-dialog>

src/views/report-template-fabric/index.vue

@@ -132,7 +132,7 @@
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
-				<el-button class="greenButton" @click="ok">确定</el-button>
+				<el-button class="greenButton" v-debounce:click="ok">确定</el-button>
 				<el-button @click="add_dialog = false">取消</el-button>
 			</span>
 		</el-dialog>

src/views/report-template-relative-use/index.vue

@@ -130,7 +130,7 @@
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
-				<el-button class="greenButton" @click="ok">保存</el-button>
+				<el-button class="greenButton" v-debounce:click="ok">保存</el-button>
 				<el-button class="greenButton">编辑文档</el-button>
 				<el-button @click="add_dialog = false">取消</el-button>
 			</span>

src/views/tech-politics-fabric/index.vue

@@ -153,7 +153,7 @@
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
-				<el-button class="greenButton" @click="ok">确定</el-button>
+				<el-button class="greenButton" v-debounce:click="ok">确定</el-button>
 				<el-button @click="add_dialog = false">取消</el-button>
 			</span>
 		</el-dialog>