| | |
| | | </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>--> |
| | | <!-- </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> |
| | |
| | | <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" |
| | | title="事件上报" |
| | | :visible.sync="dialogVisible" |
| | | :append-to-body="true" |
| | | :modal="false" |
| | | v-dialogDragBottom |
| | | > |
| | | <EventsReported></EventsReported> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | // 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 '../../../../components/base-page/enterprise-emergency/EventsReported' |
| | | |
| | | export default { |
| | | name: 'EventQuery', |
| | | components: { |
| | | // reportPopup |
| | | EventsReported |
| | | }, |
| | | data () { |
| | | return { |
| | | dialogVisible: false, |
| | | reportIncident: false, |
| | | list: [], |
| | | total: 0, |
| | | activeNum: -1, |
| | | LayerEvent: {}, |
| | | LayerResources: {}, |
| | | // items: [LayerEvent, LayerResources], |
| | | // subItems: LayerEntEmer.layers, |
| | | items: [], |
| | | subItems: [], |
| | | form: { |
| | |
| | | // this.wfsHelper = new WfsHelper() |
| | | }, |
| | | methods: { |
| | | dialogVisibleChange () { |
| | | this.dialogVisible = !this.dialogVisible |
| | | }, |
| | | // 点击事件管理 |
| | | accordPopup () { |
| | | // eventBus.$emit('disposal-analysis', true) |
| | | window.$layer.open({ |
| | | content: { |
| | | comp: ReportIncident, // 组件 |
| | | comp: EventHandling, // 组件 |
| | | parent: this, // 父组件 |
| | | data: { // 传递的参数 |
| | | // info: this.info |
| | | } |
| | | }, |
| | | title: '上报事件' |
| | | title: '事件处置' |
| | | }) |
| | | }, |
| | | // 开始分析 |
| | | startAnalysis () { |
| | | eventBus.$emit('start-analysis', true) |
| | | }, |
| | | disposalfx () { |
| | | window.$layer.open({ |
| | | content: { |
| | | comp: DisposalEvent, // 组件 |
| | | parent: this, // 父组件 |
| | | data: { // 传递的参数 |
| | | // info: this.info |
| | | } |
| | | }, |
| | | title: '事件处置' |
| | | }) |
| | | }, |
| | | // radio数据选择 |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | /*.event-report {*/ |
| | | /*/deep/ .el-dialog--center {*/ |
| | | /* !*left: 2rem !important;*!*/ |
| | | /* margin-left: 3rem !important;*/ |
| | | /* margin-top: 0.33979rem !important;*/ |
| | | /* !*bottom: 0 !important;*!*/ |
| | | /*}*/ |
| | | |
| | | /deep/ .event-report { |
| | | /*margin-left: 3rem !important;*/ |
| | | /*margin-top: 0.33979rem !important;*/ |
| | | } |
| | | |
| | | //} |
| | | /*.event-report {*/ |
| | | /deep/ .el-dialog { |
| | | /*width: 30%;*/ |
| | | width: 550px; |
| | | } |
| | | |
| | | /*}*/ |
| | | </style> |