From c433d38d542619adebde935238e34fe387d1a590 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期二, 14 六月 2022 14:19:47 +0800 Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/ztqt --- src/views/doublePreventAction/riskLevelManage/controlAction/index.vue | 158 +++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 135 insertions(+), 23 deletions(-) diff --git a/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue b/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue index fe0a8b4..a2de204 100644 --- a/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue +++ b/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue @@ -2,12 +2,25 @@ <div class="app-container"> <div class="filter-container"> <div class="basic_search"> - <span>单位名称:</span> - <el-input v-model="listQuery.filter.riskUnitName" style="width:200px"> + <span>事件名称:</span> + <el-input v-model="listQuery.filter.riskEventName" style="width:200px"> </el-input> + </div> + <div class="basic_search"> + <span>管控方式:</span> + <el-select v-model="listQuery.filter.dataSrc" clearable style="width:200px"> + <el-option + v-for="item in DataSrcList" + :key="item.id" + :value="item.text" + :label="item.text" + ></el-option> + </el-select> </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"> <el-table @@ -17,11 +30,20 @@ :data="riskControlMeasureData" border fit + ref="table" + :row-key="getRowKey" highlight-current-row style="width: 100%;" > - <!-- <el-table-column type="selection" width="55"></el-table-column> --> + <el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column> <el-table-column label="安全风险事件名称" prop="riskEventId" align="center"> + <template slot-scope="scope"> + <div v-for="item in riskEventList"> + <div v-if="item.id === scope.row.riskEventId"> + {{item.riskEventName}} + </div> + </div> + </template> </el-table-column> <el-table-column label="管控方式" prop="dataSrc" align="center"> </el-table-column> @@ -91,10 +113,10 @@ </el-select> </el-form-item> <el-form-item label="管控方式描述" prop="riskMeasureDesc"> - <el-input v-model="riskControlMeasureForm.riskMeasureDesc" class="analyseUnit_input"></el-input> + <el-input type="textarea" :rows="4" v-model="riskControlMeasureForm.riskMeasureDesc" class="analyseUnit_input"></el-input> </el-form-item> <el-form-item label="管控措施分类1" prop="classify1"> - <el-select v-model="riskControlMeasureForm.classify1" class="analyseUnit_input" @change="changeClassifyTwoList(val)"> + <el-select v-model="riskControlMeasureForm.classify1" class="analyseUnit_input" @change="changeClassifyTwoList()"> <el-option v-for="item in classifyOneList" :key="item.id" @@ -117,12 +139,12 @@ <el-input v-model="riskControlMeasureForm.classify3" class="analyseUnit_input"></el-input> </el-form-item> <el-form-item label="隐患排查内容" prop="troubleshootContent"> - <el-input v-model="riskControlMeasureForm.troubleshootContent" class="analyseUnit_input"></el-input> + <el-input type="textarea" :rows="4" v-model="riskControlMeasureForm.troubleshootContent" class="analyseUnit_input"></el-input> </el-form-item> </el-form> <div align="right"> <el-button @click="riskControlMeasureVisible = false">取消</el-button> - <el-button type="primary" @click="submitAnalyseUnit()">确认</el-button> + <el-button type="primary" @click="submitAnalyseUnit()" v-show="ifShowSelf">确认</el-button> </div> </el-dialog> </div> @@ -132,18 +154,17 @@ import { mapGetters } from 'vuex' import { computePageCount } from '@/utils' import { addRiskControlMeasure, deleteRiskControlMeasure, getRiskControlMeasureList, updateRiskControlMeasure } from '@/api/riskLevelManage' - import {getClassify, getRiskEventList} from "../../../../api/riskLevelManage"; + import { + exportRiskControlMeasure, + getClassify, + 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: { - parseMain(type){ - if(type === 1){ - return "是" - }else if(type === 0){ - return "否" - } - }, }, computed: { ...mapGetters([ @@ -158,10 +179,11 @@ DataSrcList:[], classifyOneList:[], classifyTwoList:[], - riskCcntrolMeasureIdList:[], + riskControlMeasureIdList:[], listLoading: false, showCurrent:true, showOther:false, + ifShowSelf:true, pageSize: 10, recordTotal: 0, currentPage: 1, @@ -169,6 +191,7 @@ title:'', company:'', code:'', + importDialogFormVisible:false, riskControlMeasureVisible:false, riskControlMeasureFormRules:{ riskEventId: [{ required: true, message: '安全风险事件名称不能为空', trigger: 'change' }], @@ -200,7 +223,7 @@ pageIndex:1, pageSize:10, filter:{ - riskUnitName:'', + riskEventName:'', } }, } @@ -359,7 +382,6 @@ }) } }) - }, deleteById(val){ this.$confirm('删除此条信息,是否继续','提示',{ @@ -378,6 +400,85 @@ }) }) }, + + 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.getAnalyseUnitData() + } 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') { + if(res.data.result === null ||res.data.result === [] || res.data.result.length === 0){ + this.$message({ + type:'warning', + message:'无数据可导出' + }) + } + else{ + let allData = res.data.result + import('@/vendor/Export2Excel').then((excel) => { + const tHeader = [ + '安全风险事件名称', + '管控方式', + '管控方式描述', + '管控措施分类1', + '管控措施分类2', + '管控措施分类3', + '隐患排查内容', + ] + const filterVal = [ + 'riskEventName', + 'dataSrc', + 'riskMeasureDesc', + 'classify1', + 'classify2', + 'classify3', + 'troubleshootContent', + ] + const data = this.formatJson(filterVal, allData) + excel.export_json_to_excel({ + header: tHeader, + data, + filename: '安全风险管控措施数据' + }) + }) + + } + } + }) + }, + + formatJson(filterVal, jsonData) { + return jsonData.map(v => filterVal.map(j => v[j])) + }, + refreshHandle(){ this.getRiskControlMeasureData() }, @@ -390,18 +491,31 @@ this.getRiskControlMeasureData() }, - ifShowButton (){ + ifShowButton (value){ this.showCurrent = false this.showOther = true + this.listQuery.pageSize = 1000 + this.getRiskControlMeasureData() + this.$refs.table.clearSelection() + value.forEach(row => { + this.$refs.table.toggleRowSelection(this.riskControlMeasureData.find(item => { + return row.id === item.id + }) , this.riskControlMeasureData.find(item => {return row.id === item.id}) === undefined ? false :true) + }) + }, handleSelectionChange(val){ this.riskControlMeasureIdList = val }, + getRowKey(value){ + return value.id + }, + giveValue(value){ - // this.$emit('giveRiskControlId',this.riskControlMeasureIdList) - this.$emit('giveRiskControlId',value) + this.$emit('giveRiskControlId',this.riskControlMeasureIdList) + // this.$emit('giveRiskControlId',value) }, showMeasureDetail(value){ this.riskControlMeasureVisible = true @@ -410,8 +524,6 @@ this.riskControlMeasureForm = riskControlMeasureForm this.$emit('closeDialog') }) - - } } } -- Gitblit v1.9.2