提交 ca202b9c authored 作者: pengxiaohui's avatar pengxiaohui

update: 文件上传提交按钮控制,防止连点

上级 7527a84c
......@@ -95,7 +95,7 @@
</div>
<div style="text-align:center;">
<el-button size="mini" @click="dialogVisible = false">取消</el-button>
<el-button type="primary" size="mini" @click="submitUpload">确认提交</el-button>
<el-button type="primary" size="mini" @click="submitUpload" :disabled="importDisabled">确认提交</el-button>
</div>
</el-dialog>
</app-card>
......@@ -238,14 +238,13 @@ export default {
fetchFileUpload(data) {
const formData = new window.FormData()
formData.append('file', data.file)
this.importDisabled = true
importStudents(this.selectedActivity.id, formData).then(res => {
console.log(res)
this.importDisabled = false
if (res.code === 0 && res.data && res.data.status) {
this.$message.success('导入数据成功')
this.handleRefreshList()
window.setTimeout(() => {
this.dialogVisible = false
}, 300)
this.dialogVisible = false
} else {
this.$message.error(res.message || '导入数据失败,请重选选取文件上传')
}
......
......@@ -21,7 +21,7 @@
<!-- table 列 -->
<template v-slot:table-remark="{ row }">
<p class="table-remark-col">
<span>{{row.remark}}</span>
<span :title="row.remark">{{row.remark}}</span>
<i class="el-icon-edit" @click="handleRemarkEdit(row)"></i>
</p>
</template>
......@@ -64,7 +64,7 @@
</div>
<div style="text-align:center;">
<el-button size="mini" @click="dialogVisible = false">取消</el-button>
<el-button type="primary" size="mini" @click="submitUpload">确认提交</el-button>
<el-button type="primary" size="mini" @click="submitUpload" :disabled="importDisabled">确认提交</el-button>
</div>
</el-dialog>
<el-dialog title="编辑备注" :visible.sync="remarkDialogVisible" width="480px" append-to-body :close-on-click-modal="false">
......@@ -191,13 +191,13 @@ export default {
fetchFileUpload(data) {
const formData = new window.FormData()
formData.append('file', data.file)
this.importDisabled = true
importStudents(this.id, formData).then(res => {
this.importDisabled = false
if (res.code === 0 && res.data && res.data.status) {
this.$message.success('导入数据成功')
this.$refs.appList.refetch(true)
window.setTimeout(() => {
this.dialogVisible = false
}, 300)
this.dialogVisible = false
} else {
this.$message.error(res.message || '导入数据失败,请重选选取文件上传')
}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论