From 5f7092c13f47dceeec78247881a56fb6b0383c89 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期三, 22 六月 2022 12:22:56 +0800 Subject: [PATCH] 'lct' --- src/views/doublePreventAction/riskLevelManage/controlAction/index.vue | 64 +++++++++++++++++++++++++++++++- 1 files changed, 62 insertions(+), 2 deletions(-) diff --git a/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue b/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue index df85034..6b12c45 100644 --- a/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue +++ b/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue @@ -19,6 +19,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="showRiskControlMeasureForm('','新增')" v-show="showCurrent">新增</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"> @@ -146,6 +147,32 @@ <el-button type="primary" @click="submitAnalyseUnit()" v-show="ifShowSelf">确认</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> @@ -155,11 +182,12 @@ import { addRiskControlMeasure, deleteRiskControlMeasure, getRiskControlMeasureList, updateRiskControlMeasure } from '@/api/riskLevelManage' import { exportRiskControlMeasure, - exportRiskEvent, getClassify, - getRiskEventList + getRiskEventList, importAnalyseUnit, importRiskControlMeasure } from "../../../../api/riskLevelManage"; import {dictionaryAllItems} from "../../../../api/dictionary"; + import {parseError} from "../../../../utils/messageDialog"; + const exampleFile = require('@/assets/example/riskControlMeasure.xlsx') export default { name: 'index', filters: { @@ -189,6 +217,7 @@ title:'', company:'', code:'', + importDialogFormVisible:false, riskControlMeasureVisible:false, riskControlMeasureFormRules:{ riskEventId: [{ required: true, message: '安全风险事件名称不能为空', trigger: 'change' }], @@ -398,6 +427,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]) + } + importRiskControlMeasure(formData).then((response) => { + const res = response.data + if (res.code == 200) { + this.importDialogFormVisible = false + this.$message({ + message: '导入成功', + type: 'success' + }) + this.getRiskControlMeasureData() + } else { + parseError({ error: res.message, vm: this }) + } + }).catch((error) => { + parseError({ error: error, vm: this }) + }) + }, + exportToExcel() { exportRiskControlMeasure(this.listQuery.filter).then(res=>{ if (res.data.code === '200') { -- Gitblit v1.9.2