update:按钮加载中状态防止连发

This commit is contained in:
2021-06-08 10:15:59 +08:00
parent e5e1eac2d8
commit 3cbb69078b

View File

@@ -191,10 +191,7 @@
</a-button>
</a-upload>
</a-form-item>
<a-form-item
label="电子印章申请"
v-bind="formItemLayoutWithOutLabel"
>
<a-form-item label="电子印章申请">
<a-button type="dashed" style="width: 100%" @click="addSealApply">
<PlusOutlined />
添加电子印章
@@ -264,7 +261,9 @@
:loading="loading"
>查询</a-button
>
<a-button v-else type="primary" @click="onSubmit">提交</a-button>
<a-button v-else type="primary" @click="onSubmit" :loading="loading"
>提交</a-button
>
<a-button style="margin-left: 10px" @click="toggleDrawer"
>历史提交记录</a-button
>
@@ -333,7 +332,11 @@
</style>
<script>
import { message, Modal } from "ant-design-vue";
import { UploadOutlined, DownloadOutlined } from "@ant-design/icons-vue";
import {
UploadOutlined,
DownloadOutlined,
PlusOutlined
} from "@ant-design/icons-vue";
import { useForm } from "@ant-design-vue/use";
import { computed, onMounted, reactive, ref, toRaw, inject } from "vue";
import { get, post } from "@/services/http";
@@ -356,7 +359,8 @@ const editModifyFlag = toBit("0100");
export default {
components: {
UploadOutlined,
DownloadOutlined
DownloadOutlined,
PlusOutlined
},
setup() {
const modelRef = reactive({