feature(企标计划): 导入改为手动导入
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user