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 <el-dialog
v-if="visible" v-if="visible"
v-dragDialogWidth v-dragDialogWidth
class="dialog"
width="400px" width="400px"
:visible="visible" :visible="visible"
title="导入文件" title="导入文件"
@@ -19,6 +20,7 @@
:headers="headers" :headers="headers"
name="file" name="file"
:accept="accept" :accept="accept"
:auto-upload="autoUpload"
:before-upload="beforeUpload" :before-upload="beforeUpload"
:on-success="onSuccess" :on-success="onSuccess"
:show-file-list="true" :show-file-list="true"
@@ -26,6 +28,18 @@
<i class="el-icon-upload" style="color: #3399ff" /> <i class="el-icon-upload" style="color: #3399ff" />
<div class="el-upload__text">点击或拖拽上传文件</div> <div class="el-upload__text">点击或拖拽上传文件</div>
</el-upload> </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>
<!-- 导入失败--> <!-- 导入失败-->
<el-dialog :visible.sync="importFailed" :close-on-click-modal="false" width="400px"> <el-dialog :visible.sync="importFailed" :close-on-click-modal="false" width="400px">
@@ -70,6 +84,16 @@ export default {
type: Number, type: Number,
default: 200 default: 200
}, },
// 是否自动上传
autoUpload: {
type: Boolean,
default: true
},
// 手动上传按钮
manualUpload: {
type: Boolean,
default: false
}
}, },
data () { data () {
return { return {
@@ -120,6 +144,9 @@ export default {
this.importForm.content = response.message this.importForm.content = response.message
} }
}, },
ManualUpload () {
this.$refs.importfile.submit();
}
} }
} }
</script> </script>
@@ -132,4 +159,7 @@ export default {
width: 100% !important; width: 100% !important;
} }
/deep/ .el-dialog__body {
padding: 10px 20px !important;
}
</style> </style>
@@ -1028,7 +1028,14 @@
</div> </div>
<!--导出文件改名字模态框--> <!--导出文件改名字模态框-->
<exportDialog ref="exportDialogRef" @exportName="handleExport" /> <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> </div>
</template> </template>