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