| | |
| | | <template> |
| | | <div> |
| | | <el-dialog :visible.sync="isShow" class="effect-vol-calc" title="分析" :modal="false" v-dialog-drag |
| | | :before-close="handleClose"> |
| | | |
| | | <!--<!– 基本信息–>--> |
| | | <!-- <event-base-info>--> |
| | | |
| | | <!-- </event-base-info>--> |
| | | <!-- 建议处置--> |
| | | <disposal-proposed> |
| | | |
| | | </disposal-proposed> |
| | | <disposal-proposed></disposal-proposed> |
| | | <!-- 有效容积计算--> |
| | | <div class="footer"> |
| | | <el-button type="primary" size="mini" @click="toggleShowCalc">事故水计算</el-button> |
| | |
| | | <el-button type="primary" size="mini" @click="toggleShowReportDoc">生成报告</el-button> |
| | | <!-- <el-button type="primary" size="mini" @click="close">返回</el-button>--> |
| | | </div> |
| | | |
| | | <effective-volume-calc ref="effectVolCalc"></effective-volume-calc> |
| | | <event-report-doc ref="eventReportDoc" :reportItemCon="reportItemCon"> </event-report-doc> |
| | | <res-info ref="resInfo"></res-info> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | import EventReportDoc from '@components/base-page/enterprise-emergency/event-handling/EventReportDoc' |
| | | import ResInfo from '@components/base-page/enterprise-emergency/event-handling/ResInfo' |
| | | import eventBus from '../../../../eventBus' |
| | | |
| | | export default { |
| | | name: 'EventHandling', |
| | | components: { ResInfo, EventReportDoc, DisposalProposed, EffectiveVolumeCalc }, |
| | | components: { |
| | | ResInfo, |
| | | EventReportDoc, |
| | | DisposalProposed, |
| | | EffectiveVolumeCalc |
| | | }, |
| | | data () { |
| | | return { |
| | | isShow: false, |
| | |
| | | report () { |
| | | console.log('生成报告') |
| | | }, |
| | | close () { console.log('返回') }, |
| | | close () { |
| | | console.log('返回') |
| | | }, |
| | | |
| | | handleClose () { |
| | | this.isShow = false |
| | |
| | | <el-col :span="12"> |
| | | <div class=search-list> |
| | | <!-- <h4 :class="activeNum===index?'hover':''" @click="handleLocation(index)">名称:<h3 style="display: inline-block">{{ item.name }}</h3></h4>--> |
| | | <h3 style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden" :class="activeNum===index?'hover':''" |
| | | @click="handleLocation(index)">名称:{{ item.name }}</h3> |
| | | <h3 style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden" |
| | | :class="activeNum===index?'hover':''" @click="locationMapClick(1, item, index)">名称:{{ item.name }}</h3> |
| | | <p style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden">地址:<span>{{ item.address }}</span> |
| | | <p style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden">电话:<span>{{ item.phone }}</span></p> |
| | | </div> |
| | |
| | | <el-col :span="12"> |
| | | <div class=search-list> |
| | | <!-- <h4 :class="activeNum===index?'hover':''" @click="handleLocation(index)">名称:<h3 style="display: inline-block">{{ item.name }}</h3></h4>--> |
| | | <h3 :class="activeNum===index?'hover':''" @click="handleLocation(index)">名称:{{ item.name }}</h3> |
| | | <h3 @click="locationMapClick(2, item, index)" :class="activeNum===index?'hover':''">名称:{{ item.name }}</h3> |
| | | <p style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden">行政代码:<span>{{ item.adminCode }}</span> |
| | | <p></p> |
| | | </div> |
| | |
| | | } |
| | | }) |
| | | }, |
| | | // getStyle (index) { |
| | | // console.log(index) |
| | | // if (this.activeNum === index) { |
| | | // return { color: 'red' } |
| | | // } |
| | | // }, |
| | | // 点击定位 |
| | | locationMapClick (type, val, index) { |
| | | // this.activeNum = index |
| | | // this.getStyle(index) |
| | | // console.log(val) |
| | | if (type === 1) { |
| | | this.activeNum = index |
| | |
| | | }, |
| | | // 分页功能 当前页 |
| | | handlePage (currentPage) { |
| | | console.log(currentPage) |
| | | this.currentPage = currentPage |
| | | }, |
| | | // 下标更改 事件 |
| | | handleLocation (index) { |
| | | this.activeNum = index |
| | | this.activeNum = -1 |
| | | }, |
| | | // 点击确认按钮事件 |
| | | confirm () { |
| | |
| | | } |
| | | } |
| | | |
| | | //.environmental-risk-list :hover { |
| | | // h3 { |
| | | // color: @color-highlight; |
| | | // } |
| | | //} |
| | | |
| | | //.search-list :hover { |
| | | // color: @color-highlight; |
| | | //} |
| | | |
| | | .hover { |
| | | color: @color-highlight; |
| | | } |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="管段编码:"> |
| | | <el-col :span="18"> |
| | | <el-form-item label="管段编:"> |
| | | <el-input v-model="form.sectionName" disabled></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | :visible.sync="dialogVisible" |
| | | :append-to-body="true" |
| | | :modal="false" |
| | | v-dialogDrag |
| | | v-dialog-drag |
| | | > |
| | | <EventsReported></EventsReported> |
| | | </el-dialog> |
| | |
| | | <legend-panel></legend-panel> |
| | | <!-- <summary-sheets></summary-sheets>--> |
| | | <SummarySheet></SummarySheet> |
| | | <!-- <enterprise></enterprise> --> |
| | | <!-- <el-button id="map-btn" el-icon-c-scale-to-original icon="el-icon-c-scale-to-original" circle @click="isShowHidden"></el-button>--> |
| | | <!-- <el-button type="primary" @click="ChangeState" class="solid-waste">固废</el-button>--> |
| | | <!-- <el-button type="primary" @click="ChangeWaterState" class="Waste-water">废水</el-button>--> |
| | | <!-- <el-button type="primary" @click="AddGasHelper" class="flue-gas">废气</el-button>--> |
| | | <!-- <PublicBounced ref="PublicBounced"></PublicBounced>--> |
| | | <ReportIncident></ReportIncident> |
| | | <Emergency ref="Emergency"></Emergency> |
| | | <Message></Message> |
| | | <EventsReported></EventsReported> |
| | | <event-handling></event-handling> |
| | | </div> |
| | | </template> |
| | |
| | | // import summarySheets from '@components/table/summarySheets.vue'SummarySheet |
| | | import SummarySheet from '@components/table/summarySheets' |
| | | import ToolBoxPanel from '@components/panel/ToolBoxPanel' |
| | | // import MenuSpecial from '@components/panel/MenuTopic' |
| | | import LegendPanel from '@components/panel/LegendPanel' |
| | | // import Enterprise from '../components/table/enterprise' |
| | | // // 公共展示数据 |
| | | // import PublicBounced from '@components/base-page/PublicBounced/PublicBounced' |
| | | import LayerFactory from '@components/LayerController/service/LayerFactory' |
| | | import ReportIncident from '../components/base-page/enterprise-emergency/discard/ReportIncident' |
| | | import Emergency from '@components/emergency/index' |
| | | import MapManager from '../components/helpers/MapManager' |
| | | import Message from '@components/message/index' |
| | | import EventsReported from '../components/base-page/enterprise-emergency/events-reported/EventsReported' |
| | | import EventHandling from '@components/base-page/enterprise-emergency/event-handling/EventHandling' |
| | | import EventHandling from '../components/base-page/enterprise-emergency/event-handling/EventHandling' |
| | | |
| | | export default { |
| | | name: 'MapTemplate', |
| | |
| | | MonitorPanel, |
| | | // summarySheets, |
| | | SummarySheet, |
| | | // PublicBounced, |
| | | Emergency, |
| | | Message, |
| | | ReportIncident, |
| | | EventsReported |
| | | Message |
| | | }, |
| | | data () { |
| | | return { |