From e02d15e0547fbc9d485c39a8e10dcac0649c85ad Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期二, 14 六月 2022 14:19:32 +0800 Subject: [PATCH] 'lct' --- src/views/doublePreventAction/riskLevelManage/event/index.vue | 67 +++++++++++++++++++++++++++++++++ 1 files changed, 66 insertions(+), 1 deletions(-) diff --git a/src/views/doublePreventAction/riskLevelManage/event/index.vue b/src/views/doublePreventAction/riskLevelManage/event/index.vue index f032f45..4183aa5 100644 --- a/src/views/doublePreventAction/riskLevelManage/event/index.vue +++ b/src/views/doublePreventAction/riskLevelManage/event/index.vue @@ -13,6 +13,7 @@ </div> <el-button class="filter-item" style="margin-left: 10px;margin-top: 10px" type="primary" icon="el-icon-refresh" @click="refreshHandle">搜索</el-button> <el-button class="filter-item" style="margin-left: 10px;margin-top: 10px" type="primary" icon="el-icon-plus" @click="showRiskEvent('','新增')">新增</el-button> + <el-button class="filter-item" style="margin-left: 10px;margin-top: 10px" type="primary" @click="showImportDialog()">导入</el-button> <el-button class="filter-item" style="margin-left: 10px;margin-top: 10px" type="primary" @click="exportToExcel">导出</el-button> </div> <div class="table_content"> @@ -83,6 +84,32 @@ <el-button type="primary" @click="submitRiskEvent()">确认</el-button> </div> </el-dialog> + <el-dialog + :visible.sync="importDialogFormVisible" + :modal-append-to-body="false" + :close-on-click-modal="false" + title="用户导入" + width="700px" + > + <el-form + ref="importForm" + label-position="right" + label-width="120px" + style="margin-left:50px;width:500px;" + element-loading-text="导入中..." + > + <el-form-item label="导入文件:"> + <input ref="importLabInput" type="file" accept=".xls, .xlsx" > + </el-form-item> + <el-form-item label="excel参考模板:"> + <el-button type="text" @click="viewHandle">下载模板</el-button> + </el-form-item> + </el-form> + <div slot="footer" class="dialog-footer"> + <el-button @click="importDialogFormVisible = false">取消</el-button> + <el-button type="primary" @click="importToTable()">导入</el-button> + </div> + </el-dialog> </div> </template> @@ -90,7 +117,13 @@ import { mapGetters } from 'vuex' import { computePageCount } from '@/utils' import { addRiskEvent, deleteRiskEvent, getRiskEventList, updateRiskEvent } from '@/api/riskLevelManage' - import {exportAnalyseUnit, exportRiskEvent, getAnalyseUnitList} from "../../../../api/riskLevelManage"; + const exampleFile = require('@/assets/example/riskEvent.xlsx') + import { + exportRiskEvent, + getAnalyseUnitList, + importRiskEvent + } from "../../../../api/riskLevelManage"; + import {parseError} from "../../../../utils/messageDialog"; export default { name: 'index', filters: { @@ -120,6 +153,7 @@ title:'', company:'', code:'', + importDialogFormVisible:false, riskEventVisible:false, riskEventFormRules:{ riskUnitId: [{ required: true, message: '安全风险分析单元名称不能为空', trigger: 'change' }], @@ -271,6 +305,37 @@ }) }, + viewHandle() { + window.open(exampleFile, '_blank') + }, + + showImportDialog(){ + this.importDialogFormVisible = true + }, + + importToTable(){ + const formData = new FormData() + const files = this.$refs['importLabInput'].files + if (files && files.length > 0) { + formData.append('file', files[0]) + } + importRiskEvent(formData).then((response) => { + const res = response.data + if (res.code == 200) { + this.importDialogFormVisible = false + this.$message({ + message: '导入成功', + type: 'success' + }) + this.getRiskEventData() + } else { + parseError({ error: res.message, vm: this }) + } + }).catch((error) => { + parseError({ error: error, vm: this }) + }) + }, + exportToExcel() { exportRiskEvent(this.listQuery.filter).then(res=>{ if (res.data.code === '200') { -- Gitblit v1.9.2