fix:测评点击多次添加问题,限制点击频率

This commit is contained in:
wyx
2022-12-07 16:51:23 +08:00
parent dee1b09e90
commit 58f8e6d875

View File

@@ -78,7 +78,7 @@
</a-drawer> </a-drawer>
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs, ref } from "vue";
// import { useRouter } from "vue-router"; // import { useRouter } from "vue-router";
import EvList from "./EvList.vue"; import EvList from "./EvList.vue";
import * as api from "../../api/indexEval"; import * as api from "../../api/indexEval";
@@ -252,7 +252,15 @@ export default {
console.log(err, "erererrerererererer"); console.log(err, "erererrerererererer");
}); });
} }
// 防止连续点击出现添加多条问题
const prohibitClick = ref(false);
const creoredit = () => { const creoredit = () => {
if(prohibitClick.value){
message.destroy();
message.error('请勿频繁点击')
return
}
prohibitClick.value = true;
if (props.edit) { if (props.edit) {
editInvistText() editInvistText()
} else { } else {
@@ -289,10 +297,12 @@ export default {
ctx.emit("changeData", false); ctx.emit("changeData", false);
message.destroy(); message.destroy();
message.success("创建测评成功"); message.success("创建测评成功");
prohibitClick.value = false;
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.error("创建测评失败"); message.error("创建测评失败");
prohibitClick.value = false;
}); });
} }
//创建测评信息 //创建测评信息
@@ -326,10 +336,12 @@ export default {
ctx.emit("changeData", false); ctx.emit("changeData", false);
message.destroy(); message.destroy();
message.success("创建测评成功"); message.success("创建测评成功");
prohibitClick.value = false;
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.error("创建测评失败"); message.error("创建测评失败");
prohibitClick.value = false;
}); });
}; };