feature(企标计划): 导入改为手动导入

This commit is contained in:
zyn
2023-12-28 15:57:16 +08:00
parent 21855b4c96
commit a57e429f71
2 changed files with 38 additions and 1 deletions
+30
View File
@@ -4,6 +4,7 @@
<el-dialog
v-if="visible"
v-dragDialogWidth
class="dialog"
width="400px"
:visible="visible"
title="导入文件"
@@ -19,6 +20,7 @@
:headers="headers"
name="file"
:accept="accept"
:auto-upload="autoUpload"
:before-upload="beforeUpload"
:on-success="onSuccess"
:show-file-list="true"
@@ -26,6 +28,18 @@
<i class="el-icon-upload" style="color: #3399ff" />
<div class="el-upload__text">点击或拖拽上传文件</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<slot />
<el-button
v-if="manualUpload"
type="primary"
size="mini"
class="common-button-default"
@click="ManualUpload"
>
提交
</el-button>
</div>
</el-dialog>
<!-- 导入失败-->
<el-dialog :visible.sync="importFailed" :close-on-click-modal="false" width="400px">
@@ -70,6 +84,16 @@ export default {
type: Number,
default: 200
},
// 是否自动上传
autoUpload: {
type: Boolean,
default: true
},
// 手动上传按钮
manualUpload: {
type: Boolean,
default: false
}
},
data () {
return {
@@ -120,6 +144,9 @@ export default {
this.importForm.content = response.message
}
},
ManualUpload () {
this.$refs.importfile.submit();
}
}
}
</script>
@@ -132,4 +159,7 @@ export default {
width: 100% !important;
}
/deep/ .el-dialog__body {
padding: 10px 20px !important;
}
</style>
@@ -1028,7 +1028,14 @@
</div>
<!--导出文件改名字模态框-->
<exportDialog ref="exportDialogRef" @exportName="handleExport" />
<Import :visible.sync="importModalShowFlag" :action="importExcelUrl" accept=".xls, .XLS, .xlsx, .XLSX" @onSuccess="getData" />
<Import
:visible.sync="importModalShowFlag"
:action="importExcelUrl"
accept=".xls, .XLS, .xlsx, .XLSX"
:autoUpload="false"
manualUpload
@onSuccess="getData"
/>
</div>
</template>