派生自 wuyushui/SewerAndRainNetwork
src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue
@@ -1,49 +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> <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-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)">--> @@ -92,19 +90,16 @@ </el-scrollbar> <div class="event-report"> <el-dialog custom-class="el-dialog--center" custom-class="event-report-dialog" title="事件上报" :visible.sync="dialogVisible" :append-to-body="true" :modal="false" v-dialogDragBottom v-dialogDrag > <EventsReported></EventsReported> </el-dialog> </div> <!-- <Dialog ref="EReported" title="事件上报2">--> <!-- <EventsReported></EventsReported>--> <!-- </Dialog>--> </div> </template> @@ -113,23 +108,19 @@ // import WfsHelper from '@components/helpers/WfsHelper' // import AjaxUtils from '@utils/AjaxUtils' // 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 '../../../../components/base-page/enterprise-emergency/EventsReported' // import Dialog from '../../../../views/popup/Dialog' 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: { // Dialog, EventsReported }, data () { return { dialogVisible: false, reportIncident: false, list: [], total: 0, activeNum: -1, @@ -156,6 +147,9 @@ }, mounted () { // this.wfsHelper = new WfsHelper() eventBus.$on('event-report-popup', (obj) => { this.dialogVisible = obj }) }, methods: { dialogVisibleChange () { @@ -168,29 +162,19 @@ }, // 开始分析 startAnalysis () { // eventBus.$emit('start-analysis', true) eventBus.$emit('event-handling', {}) }, disposalfx () { window.$layer.open({ content: { comp: EventHandling, // 组件 comp: DisposalEvent, // 组件 parent: this, // 父组件 data: { // 传递的参数 // info: this.info } }, title: '事件处置' title: '事件信息' }) }, disposalfx () { // window.$layer.open({ // content: { // comp: DisposalEvent, // 组件 // parent: this, // 父组件 // data: { // 传递的参数 // // info: this.info // } // }, // title: '事件处置' // }) }, // radio数据选择 redioChange (item) { @@ -229,18 +213,20 @@ </script> <style lang="less" scoped> /*/deep/ .event-report-dialog {*/ /* left: 3rem;*/ /* top: 1rem;*/ /*}*/ /*.event-report {*/ /deep/ .el-dialog--center { /*left: 2rem !important;*/ margin-left: 2rem !important; margin-top: 0.73979rem !important; /*bottom: 0 !important;*/ } //} /*.event-report {*/ /deep/ .el-dialog { /*width: 30%;*/ width: 550px; /deep/ .el-dialog { width: 3.343545rem; } /*}*/ /deep/ .event-report-dialog { left: 3rem; top: 1rem; margin-top: 2rem; margin-left: 2rem; } </style>
