From fe2617a36f52c16f83e7d3cb19d911bb91a3b79f Mon Sep 17 00:00:00 2001 From: lyfO_o <764716047@qq.com> Date: 星期一, 13 六月 2022 09:00:28 +0800 Subject: [PATCH] 删除固定菜单 --- src/views/doublePreventAction/riskLevelManage/controlAction/index.vue | 124 +++++++++++++++++++++++++++++++++------- 1 files changed, 101 insertions(+), 23 deletions(-) diff --git a/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue b/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue index fe0a8b4..df85034 100644 --- a/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue +++ b/src/views/doublePreventAction/riskLevelManage/controlAction/index.vue @@ -2,12 +2,24 @@ <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="exportToExcel">导出</el-button> </div> <div class="table_content"> <el-table @@ -17,11 +29,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 +112,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 +138,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 +153,16 @@ import { mapGetters } from 'vuex' import { computePageCount } from '@/utils' import { addRiskControlMeasure, deleteRiskControlMeasure, getRiskControlMeasureList, updateRiskControlMeasure } from '@/api/riskLevelManage' - import {getClassify, getRiskEventList} from "../../../../api/riskLevelManage"; + import { + exportRiskControlMeasure, + exportRiskEvent, + getClassify, + getRiskEventList + } from "../../../../api/riskLevelManage"; import {dictionaryAllItems} from "../../../../api/dictionary"; export default { name: 'index', filters: { - parseMain(type){ - if(type === 1){ - return "是" - }else if(type === 0){ - return "否" - } - }, }, computed: { ...mapGetters([ @@ -158,10 +177,11 @@ DataSrcList:[], classifyOneList:[], classifyTwoList:[], - riskCcntrolMeasureIdList:[], + riskControlMeasureIdList:[], listLoading: false, showCurrent:true, showOther:false, + ifShowSelf:true, pageSize: 10, recordTotal: 0, currentPage: 1, @@ -200,7 +220,7 @@ pageIndex:1, pageSize:10, filter:{ - riskUnitName:'', + riskEventName:'', } }, } @@ -359,7 +379,6 @@ }) } }) - }, deleteById(val){ this.$confirm('删除此条信息,是否继续','提示',{ @@ -378,6 +397,54 @@ }) }) }, + + 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 +457,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 +490,6 @@ this.riskControlMeasureForm = riskControlMeasureForm this.$emit('closeDialog') }) - - } } } -- Gitblit v1.9.2