企业应急-事件处置-周边资源信息

yangdelong

2021-05-28 038d3b71ed121785df9476ea404dc4b12ad3ff8c

 src/components/panel/topicSearch/enterprise-emergency/EventQuery.vue

@@ -32,6 +32,13 @@
                        </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>
@@ -58,12 +65,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 +84,27 @@
                    <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="el-dialog--center"
                    title="事件上报"
                    :visible.sync="dialogVisible"
                    :append-to-body="true"
                    :modal="false"
                    v-dialogDragBottom
            >
                <EventsReported></EventsReported>
            </el-dialog>
        </div>
<!--        <Dialog ref="EReported" title="事件上报2">-->
<!--            <EventsReported></EventsReported>-->
<!--        </Dialog>-->
    </div>
</template>

@@ -86,22 +113,26 @@
// 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'

// import Dialog from '../../../../views/popup/Dialog'

export default {
  name: 'EventQuery',
  components: {
    // reportPopup
    // Dialog,
    EventsReported
  },
  data () {
    return {
      dialogVisible: false,
      reportIncident: false,
      list: [],
      total: 0,
      activeNum: -1,
      LayerEvent: {},
      LayerResources: {},
      // items: [LayerEvent, LayerResources],
      // subItems: LayerEntEmer.layers,
      items: [],
      subItems: [],
      form: {
@@ -127,18 +158,39 @@
    // this.wfsHelper = new WfsHelper()
  },
  methods: {
    dialogVisibleChange () {
      this.dialogVisible = !this.dialogVisible
    },
    // 点击事件管理
    accordPopup () {
      // eventBus.$emit('disposal-analysis', true)

    },
    // 开始分析
    startAnalysis () {
      // eventBus.$emit('start-analysis', true)
      window.$layer.open({
        content: {
          comp: ReportIncident, // 组件
          comp: EventHandling, // 组件
          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) {
@@ -177,5 +229,18 @@
</script>

<style lang="less" scoped>

    /*.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;
        }
    /*}*/
</style>