派生自 wuyushui/SewerAndRainNetwork
src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
@@ -1,42 +1,47 @@ <template> <div class="search-panel"> <el-form ref="form" :model="form" label-width="90px" class="search-form"> <el-form ref="form" :model="form" label-width="90px" class="search-form"> <el-form-item label="企业名称：" size="mini" class="search-panel-item"> <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType" :popper-class="'select-down'"> <el-option v-for="item in items" :key="item.code" :label="item.name" :value="item.name"> </el-option> </el-select> </el-form-item> <el-form-item label="事件状态：" size="mini"> <el-select style="width: 100%" v-model="form.dataType" value-key="code" :popper-class="'select-down'" @change="handleDataType"> <el-option v-for="item in subItems" :key="item.code" :label="item.name" :value="item"> </el-option> </el-select> </el-form-item> <el-form-item label="事件类型："> <el-radio-group v-model="form.transferData" class="levelOfRisk"> <el-radio v-for="(item,index) in form.levelOfRisk" :label="item.value" :key="index" @change="redioChange(item.name)"> <span class="levelOfRisk-type">{{ item.name }}</span> </el-radio> </el-radio-group> </el-form-item> <div class="rightButtonSearch"> <el-input v-model="form.keyword" size="mini" placeholder="在此输入关键字搜索"></el-input> <el-button class="el-icon-search" @click="handleSearch"></el-button> </div> </el-form> <el-form-item label="企业名称：" size="mini" class="search-panel-item"> <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType" :popper-class="'select-down'"> <el-option v-for="item in items" :key="item.code" :label="item.name" :value="item.name"> </el-option> </el-select> </el-form-item> <el-form-item label="事件状态：" size="mini"> <el-select style="width: 100%" v-model="form.dataType" value-key="code" :popper-class="'select-down'" @change="handleDataType"> <el-option v-for="item in subItems" :key="item.code" :label="item.name" :value="item"> </el-option> </el-select> </el-form-item> <el-form-item label="事件类型："> <el-radio-group v-model="form.transferData" class="levelOfRisk"> <el-radio v-for="(item,index) in form.levelOfRisk" :label="item.value" :key="index" @change="redioChange(item.name)"> <span class="levelOfRisk-type">{{ item.name }}</span> </el-radio> </el-radio-group> </el-form-item> <el-button type="primary" small @click="dialogVisibleChange">事件上报</el-button> <div class="page_total"> <p>共计 <span>{{total}}</span> 条记录 </p> </div> <div class="rightButtonSearch"> <el-input v-model="form.keyword" size="mini" placeholder="在此输入关键字搜索"></el-input> <el-button class="el-icon-search" @click="handleSearch"></el-button> </div> </el-form> <el-scrollbar style="height:286.22px"> <!-- <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''" @click="accordPopup(item)">--> @@ -58,12 +63,18 @@ <!-- </div>--> <!-- </div>--> <div class="environmental-risk-list"> <!-- <i class="state"></i>--> <i class="state"></i> <div> <h3>事件名称:XXX事件</h3> <h3> <span @click="disposalfx">件名称:XXX事件</span> <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" @click="startAnalysis"> <span>开始分析</span> </el-button> </h3> <h5> 事件事件:2021年3月21日 <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;">删除</el-button> <span>事件事件:2021年3月21日</span> <el-button class="rt btn00fff6" size="mini" style="margin: 0.04rem 0.1rem;">删除</el-button> </h5> <p> 事件状态：<span>审批阶段</span> @@ -71,13 +82,24 @@ <p>事件类型：<span>模拟管线事件</span> <el-button class="rt btn00fff6" size="mini" style="margin-right: 0.04rem;" @click="accordPopup()"> <span>事件管理</span> <span>事件处置</span> </el-button> </p> </div> </div> </el-scrollbar> <!-- <reportPopup></reportPopup>--> <div class="event-report"> <el-dialog custom-class="event-report-dialog" title="事件上报" :visible.sync="dialogVisible" :append-to-body="true" :modal="false" v-dialogDrag > <EventsReported></EventsReported> </el-dialog> </div> </div> </template> @@ -86,22 +108,22 @@ // import WfsHelper from '@components/helpers/WfsHelper' // import AjaxUtils from '@utils/AjaxUtils' import ReportIncident from '../../../base-page/enterprise-emergency/ReportIncident' import DisposalEvent from '../../../base-page/enterprise-emergency/DisposalEvent' // import EventHandling from '@components/base-page/enterprise-emergency/event-handling/EventHandling' import eventBus from '../../../../eventBus' import EventsReported from '../../../base-page/enterprise-emergency/events-reported/EventsReported' export default { name: 'EventQuery', components: { // reportPopup EventsReported }, data () { return { reportIncident: false, dialogVisible: false, list: [], total: 0, activeNum: -1, LayerEvent: {}, LayerResources: {}, // items: [LayerEvent, LayerResources], // subItems: LayerEntEmer.layers, items: [], subItems: [], form: { @@ -125,19 +147,33 @@ }, mounted () { // this.wfsHelper = new WfsHelper() eventBus.$on('event-report-popup', (obj) => { this.dialogVisible = obj }) }, methods: { dialogVisibleChange () { this.dialogVisible = !this.dialogVisible }, // 点击事件管理 accordPopup () { // eventBus.$emit('disposal-analysis', true) }, // 开始分析 startAnalysis () { eventBus.$emit('event-handling', {}) }, disposalfx () { window.$layer.open({ content: { comp: ReportIncident, // 组件 comp: DisposalEvent, // 组件 parent: this, // 父组件 data: { // 传递的参数 // info: this.info } }, title: '上报事件' title: '事件信息' }) }, // radio数据选择 @@ -177,5 +213,20 @@ </script> <style lang="less" scoped> /*/deep/ .event-report-dialog {*/ /* left: 3rem;*/ /* top: 1rem;*/ /*}*/ /*.event-report {*/ /deep/ .el-dialog { width: 3.343545rem; } /*}*/ /deep/ .event-report-dialog { left: 3rem; top: 1rem; margin-top: 2rem; margin-left: 2rem; } </style>
