增加标段工程导入功能
This commit is contained in:
parent
75111c0ec0
commit
bf1123f732
|
|
@ -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
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue