1.上传成功或失败后提醒更加人性化

This commit is contained in:
吉俊云 2023-09-20 17:18:57 +08:00
parent 01ddf94d28
commit 125198a681
1 changed files with 23 additions and 6 deletions

View File

@ -368,7 +368,7 @@
<div style="width: 100%;">
<!-- multiple 暂时去除多文件上传功能 -->
<el-upload class="upload-demo" drag action="/uploadFireWare" accept=".bin" :limit="1"
:on-progress="beginUpload" :on-success="uploadFinish" :on-error="uploadFinish"
:on-progress="beginUpload" :on-success="uploadSuccessFinish" :on-error="uploadErrorFinish"
v-loading="uploadLoading" element-loading-text="上传中...">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em>
@ -1081,13 +1081,30 @@
},
/**
* 上传结束
* @param {Object} response
* @param {Object} file
* @param {Object} fileList
*/
uploadFinish: function() {
uploadSuccessFinish: function(response, file, fileList) {
let _this = this;
setTimeout(function() {
_this.uploadLoading = false;
}, 5000);
_this.uploadLoading = false;
//
if (response.result == 'success') {
_this.$message.success('上传成功,稍后重启。');
} else {
_this.$message.error(response.message);
}
// setTimeout(function() {
// _this.uploadLoading = false;
// }, 5000);
},
/**
* 上传失败处
*/
uploadErrorFinish: function() {
this.uploadLoading = false;
this.$message.error('上传失败,请重启设备后重试。');
},
/**