增加标段工程导入功能

This commit is contained in:
BianLzhaoMin 2024-06-21 14:31:24 +08:00
parent 75111c0ec0
commit bf1123f732
2 changed files with 22 additions and 9 deletions

View File

@ -153,6 +153,7 @@
>
<el-upload
drag
ref="uploadRef"
:action="uploadAction"
:limit="1"
accept=".xls, .xlsx"
@ -160,13 +161,17 @@
:data="uploadData"
:on-success="onSuccess"
:on-progress="onProgress"
v-loading="uploadLoading"
element-loading-text="数据正在导入,请稍后"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.6)"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处
<em>点击上传</em>
<em>点击导入</em>
</div>
<div class="el-upload__tip" slot="tip">只能上传.xlx/.xls文件</div>
<div class="el-upload__tip" slot="tip">只能选择.xlx/.xls文件进行导入</div>
</el-upload>
</el-dialog>
</div>
@ -235,13 +240,14 @@ export default {
// ]
},
importVisible: false,
uploadAction: process.env.VUE_APP_BASE_API + '/system/sys/file/upload', //
uploadAction: process.env.VUE_APP_BASE_API + '/base/bmProjectLot/importData', //
headers: {
Authorization: 'Bearer ' + getToken(),
},
uploadData: {
fileType: 'sx',
},
uploadLoading: false,
}
},
created() {
@ -413,16 +419,23 @@ export default {
//
handleImport() {
console.log('导入----')
this.importVisible = true
},
//
onProgress(file) {
console.log(file, '上传时的文件')
this.uploadLoading = true
},
//
onSuccess(fileList) {
console.log('上传成功!!', fileList)
onSuccess(res) {
if (res.code == 200) {
this.$message.success('导入成功!')
this.importVisible = false
this.getList()
} else {
this.$message.error('导入失败,请重新导入!')
this.$refs.uploadRef.clearFiles()
}
this.uploadLoading = false
},
},
}

View File

@ -653,7 +653,7 @@ export default {
}
</script>
<style rel="stylesheet/scss" lang="scss">
<style rel="stylesheet/scss" lang="scss" scoped>
.login {
//display: flex;
//justify-content: center;
@ -747,7 +747,7 @@ export default {
}
/* 解决验证码输入框与密码输入框对齐问题 */
.code-container .el-form-item__content {
::v-deep .code-container .el-form-item__content {
display: flex;
}