From 641a3747e3f574e89077aaa4ebd94debc68c63fd Mon Sep 17 00:00:00 2001 From: cqf <2@qq.com> Date: 星期三, 15 六月 2022 17:21:05 +0800 Subject: [PATCH] 修正选择文件问题 --- src/views/hiddenDangerRegistration/index.vue | 81 +++++++++++++++++++++------------------- 1 files changed, 43 insertions(+), 38 deletions(-) diff --git a/src/views/hiddenDangerRegistration/index.vue b/src/views/hiddenDangerRegistration/index.vue index 8fee8a0..42005dc 100644 --- a/src/views/hiddenDangerRegistration/index.vue +++ b/src/views/hiddenDangerRegistration/index.vue @@ -143,39 +143,42 @@ <el-col :span="14"> <el-form ref="form" :inline="true" :model="form" label-width="100px"> <el-form-item label="EXCEL导入"> - <el-input v-model="form.name" placeholder="未选择文件"></el-input> - </el-form-item> - <el-form-item> +<!-- <el-input v-model="form.name" placeholder="未选择文件"></el-input>--> <el-upload - class="upload-demo" + class="upload-demo inline-block margin-right-10" ref="upload" + action="" :http-request="uploadSectionFile" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" :before-upload="beforeUpload" - :auto-upload="true" + :auto-upload="false" > - <el-button type="primary" size="small" class="btns">选择文件</el-button> + <el-button slot="trigger" size="small" type="primary">选取文件</el-button> + <el-button + type="primary" + class="btns" + size="small" + icon="el-icon-bottom" + @click="dangerImport" + >导入</el-button + > + <el-button + type="primary" + class="btns" + size="small" + icon="el-icon-download" + @click="downloadTemplate" + >下载模板</el-button + > </el-upload> - <el-button - type="primary" - class="btns" - size="small" - icon="el-icon-bottom" - >导入</el-button - > - <el-button - type="primary" - class="btns" - size="small" - icon="el-icon-download" - @click="downloadTemplate" - >下载模板</el-button - > </el-form-item> </el-form> </el-col> +<!-- <el-col :span="14-fileSpan">--> +<!-- --> +<!-- </el-col>--> <el-col :span="10" style="text-align: right"> <el-button class="btns" @@ -284,7 +287,7 @@ </div> </template> <script> -import {getPageList,delDanger,analogy_export_do,downloadFile} from "@/api/sgyhpczl/hiddenDangerRegistration"; +import {getPageList,delDanger,analogy_export_do,downloadFile,danger_import_do} from "@/api/sgyhpczl/hiddenDangerRegistration"; import {initJCBM ,initYHLX, initBC ,initJCLB ,initYHBM ,initYHJB,initLlr} from "@/api/sgyhpczl/initSelect"; export default { data() { @@ -294,7 +297,7 @@ llrList:[], options: [], form:{}, - + fileSpan:3, JCDWList:[{label:"众泰煤焦化",value:0},{label:"上级单位",value:1}], JCBMList:[], YHLXList:[], @@ -474,26 +477,25 @@ return false; } }, + //上传 uploadSectionFile(param) { + console.log(param) let form = new FormData(); - var that = this; form.append('file', param.file); - //隐患延期申请附件 - form.append('type', "0"); - uploadFile(form).then(res => { - var data = res.data; - if (data.ok) { - var fileName = data.data.fileName[0]; - if (!fileName.endsWith("a62b")) { - fileName = fileName + "a62b"; - } - var fileObj = { - "fileName": fileName, - "uid": param.file.uid - } - this.fileNameList.push(fileObj); + danger_import_do(form).then(res=>{ + if (res.data.ok==1){ + console.log(res.data) + } else{ + this.$message({type:'error', message:res.data.msg, duration:3000}) } + }).catch(err => { + console.log(err) }) + + }, + //导入 + dangerImport(){ + this.$refs.upload.submit(); }, //下载模板 downloadTemplate(){ @@ -620,6 +622,9 @@ }; </script> <style> + .inline-block { + display: inline-block; + } .inquire { display: flex; justify-content: left; -- Gitblit v1.9.2