增加标段工程导入功能

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 <el-upload
drag drag
ref="uploadRef"
:action="uploadAction" :action="uploadAction"
:limit="1" :limit="1"
accept=".xls, .xlsx" accept=".xls, .xlsx"
@ -160,13 +161,17 @@
:data="uploadData" :data="uploadData"
:on-success="onSuccess" :on-success="onSuccess"
:on-progress="onProgress" :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> <i class="el-icon-upload"></i>
<div class="el-upload__text"> <div class="el-upload__text">
将文件拖到此处 将文件拖到此处
<em>点击上传</em> <em>点击导入</em>
</div> </div>
<div class="el-upload__tip" slot="tip">只能上传.xlx/.xls文件</div> <div class="el-upload__tip" slot="tip">只能选择.xlx/.xls文件进行导入</div>
</el-upload> </el-upload>
</el-dialog> </el-dialog>
</div> </div>
@ -235,13 +240,14 @@ export default {
// ] // ]
}, },
importVisible: false, importVisible: false,
uploadAction: process.env.VUE_APP_BASE_API + '/system/sys/file/upload', // uploadAction: process.env.VUE_APP_BASE_API + '/base/bmProjectLot/importData', //
headers: { headers: {
Authorization: 'Bearer ' + getToken(), Authorization: 'Bearer ' + getToken(),
}, },
uploadData: { uploadData: {
fileType: 'sx', fileType: 'sx',
}, },
uploadLoading: false,
} }
}, },
created() { created() {
@ -413,16 +419,23 @@ export default {
// //
handleImport() { handleImport() {
console.log('导入----')
this.importVisible = true this.importVisible = true
}, },
// //
onProgress(file) { onProgress(file) {
console.log(file, '上传时的文件') this.uploadLoading = true
}, },
// //
onSuccess(fileList) { onSuccess(res) {
console.log('上传成功!!', fileList) 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> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss" scoped>
.login { .login {
//display: flex; //display: flex;
//justify-content: center; //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; display: flex;
} }